14/05/2006, 05:45
|
| | Fecha de Ingreso: junio-2005
Mensajes: 53
Antigüedad: 19 años, 7 meses Puntos: 0 | |
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>
|