asignar eventos a campos dinámicamente

masterjail · #1 (**permalink**) 08/11/2004, 18:01

Hola!

Me gustaria saber si se puede asignar dinámicamente eventos a campos en un formulario...

Tengo la siguiente función en el fichero eventos.js :

Código:

function MisEventos(nombres){
  var i;
  var n = nombres.length;
  
  for(i = 0;i < n;i++){
    document.forms[0][nombres[i]]["onMouseOver"] = alert('hola');
  }
}

Y en el fichero .html :

Código:

<html>
  ...
<script language=javascript src="eventos.js"></script>
  ...
<form ...>
  <input type = "text" name = "campo1" ...>
  <input type = "text" name = "campo2" ...>
  ...
</form>
  ...
<script>var nombres = new Array("campo1","campo2")</script>
<script>MisEventos(nombres)</script>
 ...
</html>

Pero cuando cargo el fichero .html es cuando aparecen los alerts y no cuando paso el ratón por encima del campo, que es lo que esperaba...

Alguien me podría orientar sobre como hacer esto, si es que se puede?

Gracias.

SiR.CARAJ0DIDA · #2 (**permalink**) 08/11/2004, 18:28

Y si le asignas una misma id a todos los campos y pruebas esto??

<script>
inputs = document.getElementsByTagName('input');
for (i=0;i<inputs.length;i++)
{
if (inputs[i].id == "mi_id")
{
inputs[i].onmouseover = new Function("alert('hola')");
}
}
</script>

masterjail · #3 (**permalink**) 08/11/2004, 19:03

Gracias mil SiR.CARAJ0DIDA, aunque he hecho una pequeña modificación pero me ha servido, gracias otra vez

masterjail · #4 (**permalink**) 09/11/2004, 07:15

Un inciso más... en la parte:

Código:

inputs[i].onmouseover = new Function("alert('hola')");

¿Cómo se puede modificar si ya tengo una función creada para tal propósito?
Es decir, algo así:

Código:

inputs[i].onmouseover = MiFuncion();

Es que lo he intentado así y no me funciona...

SiR.CARAJ0DIDA · #5 (**permalink**) 09/11/2004, 11:31

Asi?

inputs[i].onmouseover = new Function("MiFuncion()");

masterjail · #6 (**permalink**) 09/11/2004, 15:18

No me ha funcionado

SiR.CARAJ0DIDA · #7 (**permalink**) 09/11/2004, 17:02

a mi me funciona...

Código PHP:

  <html> 
  ... 
<script> 
inputs = document.getElementsByTagName('input'); 
function lala() 
{ 
for (i=0;i<inputs.length;i++) 
{ 
if (inputs[i].id == "mi_id") 
{ 
inputs[i].onmouseover = new Function("MiFuncion()"); 
} 
} 
} 
function MiFuncion() 
{ 
... 
} 
</script> 
<body onload="lala()"> 
  ... 
<form> 
  ... 
  <input type = "text" id="mi_id" name = "campo1" ...> 
  <input type = "text" id="mi_id" name = "campo2" ...> 
  ... 
</form> 
</body> 
  ... 
</html>

masterjail · #8 (**permalink**) 10/11/2004, 12:04

ya me funciona

muchas gracias