onclick en checkbox

macaco · #1 (**permalink**) 04/10/2007, 20:51

Estoy creando un checkbox dinamicamente y necesito añadirle una funcion al evento onclick u onchange. Sin embargo, no logro hacerlo. Aqui, el codigo:

Código:

var checkbox = document.createElement('input');
checkbox.id = decodeURIComponent(arrayMCB.items[i][0]);
if (searchID(checkbox.id) != -1){
	checkbox.checked = 'TRUE';
}
checkbox.type = 'checkbox';
checkbox.onclick = checkboxClick;
innerPopup.appendChild(checkbox);

La funcion checkboxClick() existe. Al hacer click en un checkbox de estos, nunca llego a esa funcion (uso Firebug para debuggear).

Como hago para que ese onclick (u onchange) funcione?

Muchas Gracias

zyon · #2 (**permalink**) 04/10/2007, 21:52

que tal, prueba con

checkbox.onclick = function(){checkboxClick();};

espero te funcione, suerte!

macaco · #3 (**permalink**) 04/10/2007, 23:16

gracias por tu respuesta, pero no, sigue sin funcionar..

alguna otra idea?

zyon · #4 (**permalink**) 04/10/2007, 23:31

pues mira, este es un ejemplo que io uso y si me funciona...

cell.onclick=function(){alert('id:'+this.id);};}

entonces no se que otro modo pueda servir, tal vez deberias intentar un ejemplo muy simple a ver que te da...

pon un alert antes y despues de donde le asignas el evento a tu objeto para saber si si pasa por esa linea de código

macaco · #5 (**permalink**) 05/10/2007, 10:05

Logre que funcione, pero con setAttribute('onclick', 'checkboxClick()') ..

El checkbox.onclick lo ejecuta pero no le asigna el evento.

El problema ahora es que IE no lo va a tomar.

derkenuke · #6 (**permalink**) 05/10/2007, 19:08

Hola macaco:

Prueba a darnos un ejemplo completo, con el checkboxClick() también. Realmente es extraño lo que te ocurre... debe haber trampa en algún sitio.

Prueba si no a asignar el evento una vez adjuntado el elemento al documento... no sé.

Un saludo.

caricatos · #7 (**permalink**) 06/10/2007, 01:10

Hola:

La creación dinamica de controles de formularios es de las cosas más problemáticas, ya que muchas cosas no son fáciles de asignar/modificar sobre todo lor razones de seguridad...

Una de las formas que parece que funciona bien en los navegadores que he probado es clonar nodos... por ejemplo dentro de alguna capa oculta:

<div style="display: none">
<input type="checkbox" id="ch_oculto" onclick="checkboxClick()" />
</div>
...
nuevoCheck = document.getElementById("ch_oculto").cloneNode(tru e);
nuevoCheck.id = nuevoId;
...

Saludos

escudo40 · #8 (**permalink**) 06/10/2007, 06:50

Este código lo e probado en FF y IE y funciona perfectamente prueba lo y dinos que tal te anda el código

Código HTML:

<HTML>
<HEAD>
</HEAD>
<BODY>

<div id="idprueva">hola</div>

</BODY>
</HTML>

<script type="text/javascript">
function muestraMensaje(texto) {
alert(texto);
}
var elDiv = document.getElementById("idprueva");
//var p = document.createElement("p");
//var texto = document.createTextNode("Este párrafo no existía en la página HTML original");
//p.appendChild(texto);
//elDiv.appendChild(p);


//esto espara saber cuando el usuario le da click a el <div id="idprueva">
elDiv.onclick = function() {
  if(elDiv.addEventListener) { // navegadores DOM
    elDiv.addEventListener("click", muestraMensaje("hola"), false);
  }
  else if(elDiv.attachEvent) { // Internet Explorer
    elDiv.attachEvent("onclick", muestraMensaje("como te encuentras"));
  }
  else { // resto de navegadores
    elDiv["onclick"] = muestraMensaje;
  }
}

</script>