¿IMG y ONCLICK?

[dersir]

¡Hola!

Tengo lo siguiente:

Código HTML:

<img src="blablabla" onclick="funcion();" /> 

A mi entender, debería ejecutarse funcion() cuando haga click dentro de la imagen, pero no se inmuta. También he probado poniendo código tal cual, por ejemplo probé lo siguiente:

Código HTML:

<img src="blablabla" onclick="alert('hola');" /> 

Pero tampoco salta el alert(). ¿Estoy haciendo algo mal?

Lo estoy probando bajo el navegador Chrome v11.0.696.77 (la última de día de hoy)

¡Gracias!

Actualizo: No lo he dicho, pero esa etiqueta <img> se genera a partir de JavaScript, es decir:

Código HTML:

<script>
document.write('<img src="blablabla" onclick="funcion();" />');
</script>
 

He comprobado que poniendo la imagen a pelo en el HTML sí que funciona, entonces la pregunta es: ¿No debería funcionar también en teoría generando la etiqueta con JavaScript?

¡Gracias!

[Naahuel]

Aparentemente la asignación del evento onclick no se registra al insertar un elemento de esa forma.

De esta forma más larga parece funcionar:

Código Javascript:

var img = document.createElement('img');
img.src = "http://www.google.com/images/logos/ps_logo2.png";
img.onclick = function(){alert('Hola');};
document.getElementById('ejemplo').appendChild(img);
 

[dersir]

Iniciado por Naahuel

Aparentemente la asignación del evento onclick no se registra al insertar un elemento de esa forma.

De esta forma más larga parece funcionar:

Código Javascript:

var img = document.createElement('img');
img.src = "http://www.google.com/images/logos/ps_logo2.png";
img.onclick = function(){alert('Hola');};
document.getElementById('ejemplo').appendChild(img);
 

Hola, sí que pensé también a través del DOM pero tampoco me funciona, he probado con img.onclick = "funcion()" y no me funciona, tampoco con img.setAttribute ni con img.addEventListener, vaya problema tonto y lo que me está complicando la vida xD En fin, seguiré intentando, gracias :)

[Naahuel]

Raro porque ese ejemplo que te pasé sí me funciona. Al menos en Chrome, donde lo probé.

[JavierB]

Hola, dersir.

El ejemplo de Naahuel también funciona en Firefox.

¿Te sale algo en la consola de errores?

Saludos,

[zerokilled]

buenas...

@dersir, el problema debe ser otro. la propuesta inicial (document.write) funciona correctamente, al igual que la de @naahuel. la de document.write lo comprobe en chrome 11.0.696.65. revisa la consola de error, quizas obtengas mas informacion de que anda mal.

[dersir]

Hola a todos, ya encontré el problema y es de lo más absurdo. Lo digo por si a alguien alguna vez le pasase lo mismo.

El problema es que esa imagen está dentro de una etiqueta <section>. Si se crea dentro de esta etiqueta el evento no tiene efecto, pero en cuanto la he sacado todo ha ido con normalidad. Es curioso...incluso poniendo la etiqueta <img> a pelo sin JavaScript no funciona dentro del <section> (¿Quizás el <section> queda como una capa por encima de todo lo demás interceptando los clicks?)

¡Gracias a todos por vuestras respuestas!

[dersir]

Perdón, afino un poco más: no es por eso exactamente. Es porque la imagen está en un contenedor (he cambiado el <section> por un <div> y el problema sigue) que tiene un z-index negativo y una posición relativa. Sólo si los dos atributos están presentes se produce el fallo.

Por ejemplo, esto SÍ funciona:
<div>
<img src="imagen" onclick="lol();"/>
</div>

Y esto NO funciona:
<div style="z-index: -1; position: relative;">
<img src="imagen" onclick="lol();"/>
</div>

Espero que le sirva a alguien más, me ha llevao un rato de paranoya minuciosa jeje

¡Un saludo!