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.