Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/05/2006, 05:45
Amagoia686
 
Fecha de Ingreso: junio-2005
Mensajes: 53
Antigüedad: 19 años, 7 meses
Puntos: 0
Pregunta Codigo de colores

Hola de nuevo!! necesito poner en la pagina, en un input field,el codigo de los colores segun va cambiando el texto. como lo puedo hacer???
Saludos


Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<script language="JavaScript" type="text/javascript">

var rgb="rojo";
var r,g, b;
var Rojo=0xFF0000, incR=0x000101;
var Verde=0x00FF00, incV=0x010001;
var Azul=0x0000FF, incA=0x010100;
var fondo = "white";

function CambiarRojo()
{
Rojo+=incR;
document.getElementById("p1").style.color=Rojo;	
			
if (Rojo==0xFF0000 || Rojo==0xFFFFFF)
incR*=-1;
}

function CambiarVerde()
{
Verde+=incV;
document.getElementById("p1").style.color=Verde;	
			
if (Verde==0x00FF00 || Verde==0xFFFFFF)
incV*=-1;

}

function CambiarAzul()
{
Azul+=incA;
document.getElementById("p1").style.color=Azul;	
			
if (Azul==0x0000FF || Azul==0xFFFFFF)
incA*=-1;
}


function cambiarfondo()
{
if(fondo == "white")
  {
   fondo="black" 
  }
  else
  {
  fondo="white"
  }
document.body.style.backgroundColor = fondo;
}

</script>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="body.css" rel="stylesheet" type="text/css">

</head>

<body>

<form name="f1">

<center>

		<h1 id="p1">Ya Se Hacer Tonterias Inutiles<br> Con Javascript</h1>
 		<br><br>
		<input type="text" id="cod">  
		<br><br>
        <input  type="button" value=" Cambiar a Rojo" onClick="r=setInterval('CambiarRojo()',1); clearInterval(g); clearInterval(b);" name="rojo">
		<input  type="button" value="Cambiar a Verde" onClick="g=setInterval('CambiarVerde()',1); clearInterval(r); clearInterval(b);" name="verde">
        <input  type="button" value="Cambiar a Azul" onClick="b=setInterval('CambiarAzul()',1); clearInterval(g); clearInterval(r);" name="Azul"> <br>
		<br>
		<input type="button" value="Cambiar fondo" onclick="cambiarfondo()">
		
</center>
</form>
</body>
</html>