A veces funciona, otras no...

[IMAC/]

Hola

Tengo implementado un sistema de pestaña que me carga datos dinámicamenten a través de ajax y resulta que a veces funciona (la mayoría), pero otras (aleatoriamente por lo visto) no funciona.

Yo trabajo siempre con este esquema:

En un fichero.js tengo:

Código Javascript:

// creando objeto XMLHttpRequest de Ajax
function nuevoAjax()
{ 
    /* Crea el objeto AJAX. Esta funcion es generica para cualquier utilidad de este tipo*/
    var xmlhttp=false; 
    try{ 
        // Creacion del objeto AJAX para navegadores no IE
        xmlhttp=new ActiveXObject("Msxml2.XMLHTTP"); 
    }
    catch(e){ 
        try{ 
            // Creacion del objeto AJAX para IE 
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
        } 
        catch(E) { xmlhttp=false; }
    }
    if (!xmlhttp && typeof XMLHttpRequest!='undefined') { xmlhttp=new XMLHttpRequest(); } 
 
    return xmlhttp; 
}
 
 
function cargar(pagina, categoria, modo) {
    var url;
    var obCon = document.getElementById('files');
    var ajax = nuevoAjax();
    
    url = 'ver.php?_pagina='+pagina+'&c='+categoria+'&ajax=1&modo='+modo;
    
    $("#files").empty().html('<div class="loading"><img src="imgs/loading.gif" /></div>');
 
    ajax.open("GET", url);  
 
    ajax.onreadystatechange=function(){
        if(ajax.readyState==4){
            // Al recibir la respuesta coloco directamente el HTML en la capa contenedora
            obCon.innerHTML=ajax.responseText;
        }
    }
    ajax.send(null);
}
 

En la página ejecuto la función cargar() a través de un evento (onclick) y el contenido se carga en el <div id="files"> como se puede ver en el código.

¿Alguien ve el error por algún lado?

Un saludo y gracias.