El objeto no acepta la propiedad o el método 'addEventListener'

[Heiroon]

Saludos amigos, estoy recibiendo este error en MSIE y no tengo idea del por qué.

La idea del script es que identifique cuando se cargo la imagen, y devolverla a través de un httprequest. Anexo el código para ver si me pueden ayudar a solventar. Muchas gracias!

Código Javascript:

var params = "jssup=1&x1=" + mx + "&y1=" + my + '&z=' + zoom;
        var xmlhttp = new XMLHttpRequest();
        url = "ajax/moveMap.php?" + params;
        xmlhttp.onreadystatechange = function ()
        {
            if (xmlhttp.readyState == 4 && (xmlhttp.status == 200 || window.location.href.indexOf ("http") == - 1))
            {
                
                var nueva_img = document.createElement('img');
                nueva_img.src = xmlhttp.responseText;
                nueva_img.alt = 'Mapa';
                
                nueva_img.addEventListener('load', function()
                {
                    if(nueva_img.complete)
                    {
                        document.getElementById('mapa_imagen').src = nueva_img.src;
                        alert("agarro el listener OK");
                    }
                }, false);
                
            }
        };
        
        xmlhttp.open("POST", url, true);
        xmlhttp.send(null);
 

La solicitud se envía y todo esta OK, pero el problema es que la imagen no se cambia sino hasta que recargo la página.

[Dradi7]

En IE no existe el evento addEventListener para eso debes usar AttachEvent

Saludos

[Heiroon]

Hola y gracias! probé lo que me dijiste y ahora no funciona en ningún browser. Supongo que lo estoy implementando mal.

Tambien debo aclarar que es una aplicación móvil la que estoy haciendo, y no quiero utilizar Javascript muy complejo para que sea lo mas compatible posible.

Lo coloqué así.

Código Javascript:

var params = "jssup=1&x1=" + mx + "&y1=" + my + '&z=' + zoom;
        var xmlhttp = new XMLHttpRequest();
        url = "ajax/moveMap.php?" + params;
        xmlhttp.onreadystatechange = function ()
        {
            if (xmlhttp.readyState == 4 && (xmlhttp.status == 200 || window.location.href.indexOf ("http") == - 1))
            {
                
                var nueva_img = document.createElement('img');
                nueva_img.src = xmlhttp.responseText;
                nueva_img.alt = 'Mapa';
                
                nueva_img.AttachEvent('load', function()
                {
                    if(nueva_img.complete)
                    {
                        document.getElementById('mapa_imagen').src = nueva_img.src;
                        alert("agarro el listener OK");
                    }
                }, false);
                
            }
        };
 

[Dradi7]

El problema esta que tienes que validar primero si existe el evento para poder agregarlo asi

Código Javascript:

if(window.attachEvent){
document.attachEvent("onclick",function(){});
}else{
document.addEventListener("click",function(){});
}