problema con attachEvent y parametro (this)

asdmaster · #1 (**permalink**) 05/03/2011, 10:10

Tengo un objeto creado dinamicamente al cual le agrego el evento "click" que llama a una función x hasta acá todo bien, el problema viene con IE cuando quiero pasar el parámetro this que hace referencia al mismo objeto, en vez de pasar un objeto de tipo [object HTMLImageElement] pasa este [object windows] .

Alguna idea de que estoy haciendo mal.

Javascript

Código Javascript:

Ver originalvar img = document.createElement('img');
// Agregar evento onclick
if (img.addEventListener) img.addEventListener("click", function(){editorEmoticon(this);}, false);
else if (img.attachEvent) img.attachEvent("onclick", function(){editorEmoticon(this);});

He intentado pasar el objeto img como parámetro directamente en vez la variable this a la función y funciona pero el problema es que esto se hace dentro de un bucle y de esta manera me toma el valor del ultimo objeto creado por lo que se me imagina que tal vez sea algún problema de referencia o algo así.

Gracias...

Panino5001 · #2 (**permalink**) 05/03/2011, 10:26

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=utf-8" />
<title>Documento sin t&#237;tulo</title>

</head>

<body>
<script type="text/javascript">
function editorEmoticon(yo){
    alert(yo.src);
}
 var img = document.createElement('img');
 img.src='img2/1.jpg';
// Agregar evento onclick
(function(img){
    if (img.addEventListener) img.addEventListener("click", function(){editorEmoticon(this);}, false);
    else if (img.attachEvent) {img.attachEvent("onclick", function(){editorEmoticon.call(img,img);})};
})(img);

document.body.appendChild(img);
</script>
</body>
</html>

O mejor:

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=utf-8" />
<title>Documento sin t&#237;tulo</title>

</head>

<body>
<script type="text/javascript">
function editorEmoticon(){
    alert(this.src);
}
 var img = document.createElement('img');
 img.src='img2/1.jpg';
// Agregar evento onclick
(function(img){
    if (img.addEventListener) img.addEventListener("click", editorEmoticon, false);
    else if (img.attachEvent) {img.attachEvent("onclick", function(){editorEmoticon.call(img);})};
})(img);

document.body.appendChild(img);
</script>
</body>
</html>

asdmaster · #3 (**permalink**) 05/03/2011, 10:38

Gracias Panino5001 funciona perfecto... ahora analizare el código para entenderlo y asimilarlo...