
Editor de Colores
JavaScript
Publicado el 24 de Mayo del 2002 por Juan R Monroy (3 códigos)
7.983 visualizaciones desde el 24 de Mayo del 2002
Funcion para cambiar el color de fondo colocando los valores RGB en un formulario.
<HTML>
<HEAD>
<TITLE> Editor de valores RGB </TITLE>
<SCRIPT LANGUAGE="JavaScript">
function CambioColor(Elemento){
switch (Elemento.name) {
case "Rojo":
Elemento.style.backgroundColor=Rojo.value+"0000"
break
case "Verde":
Elemento.style.backgroundColor="00"+Verde.value+"00"
break
case "Azul":
Elemento.style.backgroundColor="0000"+Azul.value
break
}
Elemento.value=Elemento.value.toUpperCase()
document.bgColor=Rojo.value+Verde.value+Azul.value
}
</SCRIPT>
</HEAD>
<BODY>
<TABLE>
<CAPTION ALIGN=LEFT>Color de la página:</CAPTION>
<TR>
<TD>Rojo (00-FF):</TD>
<TD><INPUT NAME="Rojo" TYPE="text" VALUE="FF" SIZE=2
STYLE="background-color:'FF0000';color:'white'" onchange="CambioColor(this)"></TD></TR>
<TR>
<TD>Verde (00-FF):</TD>
<TD><INPUT NAME="Verde" TYPE="text" VALUE="FF" SIZE=2
STYLE="background-color:'00FF00';color:'white'" onchange="CambioColor(this)"></TD></TR>
<TR>
<TD>Azul (00-FF):</TD>
<TD><INPUT NAME="Azul" TYPE="text" VALUE="FF" SIZE=2
STYLE="background-color:'0000FF';color:'white'" onchange="CambioColor(this)"></TD></TR>
</TABLE>
</BODY>
</HTML>
Ejemplo