Como poner un evento onClick a un elemento creado con DOM?

[MaBoRaK]

loading.....................



tengo este codigo para crear un DIV

Código HTML:

newItem = document.createElement("div")
newItem.className=" act_"+level;
newItem.appendChild(document.createTextNode(name.toLowerCase()))
document.getElementById("ac_"+cms_locations[i]).appendChild(newItem)

hasta ahi le pongo un class="algo" ahora quisiera poner un onclick="funcionblabla();" pero nose como hacerlo :S alguien sabe? gracias.



connection closed.

[caricatos]

Hola MaBoRaK:

La forma fácil es asignar el evento (sin paréntesis)

nuevoItem.onclick = funcionblabla;

La forma estándar es con addEventListener...

nuevoItem.addEventListener(elEvento, laFunción, burbujeo);

Y la forma "explorer" es con attachEvent...

nuevoItem.attachEvent(elEvento, laFunción);

elEvento es la cadena... y en un caso es con el on y en el otro no... sobre el burbujeo es un valor booleano y es algo así como que se puede heredar el evento...

Bueno... nunca tuve claro el tema, así que si sigo seguro que te lio.

Saludos

[MaBoRaK]

loading.............


asi?: newItem.addEventListener("click",abc,true);
mas o menos te entendi y si necesito que a la funcion se le pasen parametros?

gracias.



connection closed.

[caricatos]

Hola:

Me parece que lo de los parámetros no está contemplado (hay que valerse de "truquillos")

Te paso un enlace donde trabajé el asunto: http://www.pepemolina.com/DOM/

Saludos

[Cap.Buscapina]

solo para agregar que con

newItem.setAttribute("onclick","funcionblabla()")

tambien se puede, claro que no funciona en IE

[kanetsura]

Bueno, ahora estava mirando el tema de añadir un onclick con dom y al final lo que he echo ha sido crear una ancla, assignarle como href javacript:funcion() y enchufarle dentro el div que haria de 'boton'.
Segun el primer codigo expuesto en el hilo, quedaria algo asi:

var newClick = document.createElement('a');
document.getElementById("ac_"+cms_locations[i]).appendChild(newClick)
newClick.href="javascript:funcionblabla();";

newItem = document.createElement("div")
newClick.appendChild(newItem)
newItem.className=" act_"+level;
newItem.appendChild(document.createTextNode(name.t oLowerCase()));