Código de JavaScript - Editor de Colores

Editor de Coloresgráfica de visualizaciones


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 24 de Mayo del 2002 por Juan R Monroy
7.142 visualizaciones desde el 24 de Mayo del 2002. Una media de 14 por semana
Funcion para cambiar el color de fondo colocando los valores RGB en un formulario.

Versión 1
estrellaestrellaestrellaestrellaestrella(2)

Publicado el 24 de Mayo del 2002gráfica de visualizaciones de la versión: Versión 1
7.143 visualizaciones desde el 24 de Mayo del 2002. Una media de 14 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

Copiar el código en una nueva página .html

Ejemplo
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<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>



Comentarios sobre la versión: Versión 1 (2)

pepe
22 de Octubre del 2003
estrellaestrellaestrellaestrellaestrella
No me ha funcionado, colocado en una pagina nueva, salen los tres colores en la pagina, pero no funciona.
Responder
pepe
22 de Octubre del 2003
estrellaestrellaestrellaestrellaestrella
No me ha funcionado, colocado en una pagina nueva, salen los tres colores en la pagina, pero no funciona.
Responder

Comentar la versión: Versión 1

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios

http://lwp-l.com/s201