Colores aleatorios en input text

inuyasha235 · #1 (**permalink**) 01/06/2009, 13:53

Hola, Tengo un problema con un código java script...

Tengo una función

function dame_color_aleatorio(){
hexadecimal = new Array("0","1","2","3","4","5","6","7","8","9","A", "B","C","D","E","F")
color_aleatorio = "#";
for (i=0;i<6;i++){
posarray = aleatorio(0,hexadecimal.length)
document.write (color_aleatorio += hexadecimal[posarray])
}
return color_aleatorio
}

Y la puse en una etiqueta HTML para que me de colores aleatorios onmouseover y onmouseout

<input class="default" name="nombre" type="text" id="nombre" value="Pon el nombre del juego aqui"
onMouseOver="this.style.background='dame_color_ale atorio()'; this.style.color='dame_color_aleatorio()';"
onMouseOut="this.style.background='dame_color_alea torio()'; this.style.fontcolor='dame_color_aleatorio()';" />

No hace nada, vi el código fuente y no hace la función.

¿Por qué? No estoy muy familiarizado con java script, haber si me pueden ayudar ^^

Panino5001 · #2 (**permalink**) 01/06/2009, 18:53

No lo veo muy útil, pero probá así:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>Documento sin t&iacute;tulo</title> 
<script> 
function dame_color_aleatorio(){ 
hexadecimal = new Array("0","1","2","3","4","5","6","7","8","9","A", "B","C","D","E","F") 
color_aleatorio = "#"; 
for (i=0;i<6;i++){ 
posarray = Math.floor(Math.random()*hexadecimal.length) 
color_aleatorio += hexadecimal[posarray] 
} 
return color_aleatorio; 
}  
</script> 
</head> 
 
<body> 
<form> 
<input class="default" name="nombre" type="text" id="nombre" value="Pon el nombre del juego aqui" 
onMouseOver="this.style.background=dame_color_aleatorio(); this.style.color=dame_color_aleatorio();" 
onMouseOut="this.style.background=dame_color_aleatorio(); this.style.fontColor=dame_color_aleatorio();" /> 
</form> 
</body> 
</html>

inuyasha235 · #3 (**permalink**) 01/06/2009, 19:03

Muchas gracias, si me funciono ^^
Se q no es de mucha utilidad pero es un buen efecto.