Función que funciona en Chrome y no en IE y Firefox

[JavierMMM]

Hola a todos, tengo el siguiente detalle en mi aplicación. Tengo un checkbox el cual al marcarlo, mando llamar una función que ejecuta un código ajax para poner cierta info que meto en dos cajas de texto la cual enviaré para su proceso mediante un botón.

Lo que pasa es que en la última versión de Firefox, que acabo de descargar [Firefox 4], me despliega las cajas de texto que tengo, pero los datos que selecciono no me los toma en cuaenta cuando los envio; en IE8, que es en el que hago las pruebas, no me manda llamar la función mediante la cual llamo el archivo donde despliego las cajas de texto. La cosa es que en Chrome fuinciona a la perfección y puedo realizar las operaciones deseadas sin problema alguno.

Les comparto el código de las funciones para ver si me pueden apoyar:

Código Javascript:

<script language="javascript" type="text/javascript">
    function nuevoAjax()
    { 
        /* Crea el objeto AJAX. Esta funcion es generica para cualquier utilidad de este tipo, por
        lo que se puede copiar tal como esta aqui */
        var xmlhttp=false; 
        try 
        { 
            // Creacion del objeto AJAX para navegadores no IE
            xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch(e)
        {
            try
            {
                // Creacion del objet AJAX para IE 
                xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch(E) { xmlhttp=false; }
        }
        if (!xmlhttp && typeof XMLHttpRequest!='undefined') { xmlhttp=new XMLHttpRequest(); }
    
        return xmlhttp; 
    }
 
    function funcionPrub()
    {
        if (document.pre_for_1.frm.checked) 
        {
            document.getElementById("resultPrub").style.display= 'block';
            divResultPrub=document.getElementById('resultPrub');
            ajax=nuevoAjax();
            ajax.open("GET", "fechas.asp",true);
 
            ajax.onreadystatechange=function()
            {
                if(ajax.readyState==4)
                {
                    //tdResultPrub.innerHTML = "el check funciono de la segunda forma!";
                    divResultPrub.innerHTML = ajax.responseText;
                }
            }
            ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    
            ajax.send(null)
        }
        else 
        {
            document.getElementById("resultPrub").style.display= 'none';
        }
        //tdResultPrub=document.getElementById('resultPrub');
    }
    </script>
 

y de esta manera mando llamar a la función "funcionPrub()" :

Código HTML:

Hacer el respaldo por periodo.
<input name="frm" type="checkbox" onchange="funcionPrub()" />
 

[johhan16]

bueno en firefox existe un complemento muy bueno para programadores llamado firebug, con este puedes ver el funcionamiento de tu codigo y te muestra si hay errores en el mismo al llamarlo

[JavierMMM]

Pues ya verifiqué con el firebird, y me marca ¨activexobject is not defined¨ en esta línea

Código Javascript:

xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
 

, pero no he encontrado cómo resolverlo con Firefox 4, y menos con IE8, ya que ahí no me marca error, advertencia o algo parecido

¿propuestas?

[NahuelD]

prueba cambiar la funcion nuevoAjax por esta otra:

Código Javascript:

function nuevoAjax(){
     if(window.XMLHttpRequest) return new XMLHttpRequest();
     else if(window.ActiveXObject) return new ActiveXObject("Microsoft.XMLHTTP");
     else return false;
}
 

[papay0]

usa jquery soporta todos los navegadores mas usados

[JavierMMM]

He buscado la manera, pero pues no puedo encontrarle el error. Les anexo el código que uso:

Form con el que mando llamar los calendarios.
respaldar.asp

Código HTML:

<form name="pre_for_1" action="redireccion.asp" method="GET" >
    <input name="frm" type="checkbox" onchange="funcionPrub()" /><font size="1"><strong>Hacer el respaldo por periodo.</strong></font>
    <div id="resultPrub"></div>
    <input type="submit" value="Respaldar">
</form>
 

respaldar.asp

Código Javascript:

function funcionPrub()
{
    if (document.pre_for_1.frm.checked)
    {
        document.getElementById("resultPrub").style.display='block';
        divResultPrub=document.getElementById('resultPrub');
        ajax=nuevoAjax();
        ajax.open("GET","fechas.asp",true);
 
        ajax.onreadystatechange=function()
        {
            if(ajax.readyState==4)
            {
                divResultPrub.innerHTML = ajax.responseText;
            }
            else
            divResultPrub.innerHTML = '<img src="ajax-loader.gif">';
        }
        ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
 
        ajax.send(null)
    }
    else 
    {
        document.getElementById("resultPrub").style.display= 'none';
    }
}
 

fechas.asp

Código HTML:

<form name="formulario" enctype="application/x-www-form-urlencoded">
    <center>
    Inicio:
    <a href="javascript:NewCal('demo1','ddmmyyyy')"><img src="cal.gif" width="16" height="16" border="0" alt="Pick a date"></a>&nbsp;<input  type="text" value="" id="demo1" name="demo1" size="8" readonly="true"><br /><br />
    Final:
    <a href="javascript:NewCal('demo2','ddmmyyyy')"><img src="cal.gif" width="16" height="16" border="0" alt="Pick a date"></a>&nbsp;<input type="text" id="demo2" name="demo2" size="8" readonly="true" >
    <input type="hidden" name="var1" value="<%=10%>" />
    </center>
</form>
 

y por último así mando llamar los datetimepicker desde la página principal respaldar.asp.

Código Javascript:

<script language="javascript" type="text/javascript" src="datetimepicker.js"></script>
    <script language="javascript" type="text/javascript" src="datetimepicker1.js"></script>
 

Si alguien puede ver el error de porque en IE8 y apartir de Firefox 4 no me funciona, se los agradezco.