Compatibilidad IE + AJAX

[Uran]

¡Hola a todos!


Ante todo gracias por vuestro tiempo y dejar claro que no tengo demasiada idea de AJAX (estoy empezando). Tengo una duda acerca de IE6+ y AJAX:

Estoy actualizando una página WEB e introduciendo un poco de AJAX aquí, CSS allá, etc...

El problema que me encuentro es que mis peticiones XMLHttpRequest sólo me funcionan en Firefox .

El código es el siguiente:

Código Javascript:

<script type="text/javascript">
function refrescarContenido(){
    var nombre = document.getElementById("sop").value;
    var ambitoGeneral = document.getElementById("ambG").value;
    var ambitoEspecifico = document.getElementById("ambE").value;
    if (window.XMLHttpRequest){
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    } else {;
        // code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function(){
        if (xmlhttp.readyState==4 && xmlhttp.status==200){
            document.getElementById("contenido").innerHTML=xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET","tv_soportes_contenido.php?nombre="+nombre+"&medio=TELEVISION&ambitoGeneral="+ambitoGeneral+"&ambitoEspecifico="+ambitoEspecifico+"&Buscar=Buscar",true);
    xmlhttp.send();
}
</script>
 

Como veréis es algo muy sencillito, tengo un formulario con un input text y varios select, la idea es que según éstos cambien la página se vaya recargando con el evento onChange para los selects y onBlur para el input text.

Como digo en FF funciona, en IE no (he probado en IE6 y en IE9), el código lo he tomado directamente de W3S, ¿alguién ve algo en el código que pueda hacer que IE no interprete mi javascript?

Gracias de nuevo

[emprear]

La función Ajax está bién y SI funciona en IE, la probé cargando un archivo html simple. Seguramente el error está en tu php o el resto del html, pero no está a la vista

Saludos

[Uran]

hmm... interesante...

Gracias por probarlo, así voy descartando cosas...

Éste es el código de php que genera la parte cambiada:

se que es algo lioso por la cantidad de clases y objetos que contiene, mil disculpas

Código PHP:

  <?php 
include_once("incs/sesion.php"); 
include("tv/config.php"); 
//ini_set('display_errors', 1); 
/* 
* parametros: 
* $sop SOPORTE BUSCADO POR NOMBRE 
* $DIARIOS, $revistas... el tipo de soporte 
* $prov: la provincia 
*/ 
include_once("incs/zmgen.php"); 
include_once("djm/TDJMbd.php"); 
$bd = new TDJMbd(); 
$bd->open(); 
$bd->showerror = true; //CON CONTROL DE ERRORES 
include_once("tv/tvbd.php"); 
$tvbd = new tvbd(); 
$tvbd->open(); 
$tvbd->showerror = true; 
include_once("djm/TDJMhtml.php"); 
$html = new TDJMhtml(); 
include_once("djm/TDJMfmt.php"); 
$fmt = new TDJMfmt(); 
include_once("djm/TDJMfechas.php"); 
$fechas = new TDJMfechas(); 
include_once("tv/tvnavi.php"); 
$tvnavi = new TVNavi; 
 
    $where = "WHERE TIPO = 'TELEVISION' "; 
     
    if(isset($_GET["nombre"]) && trim($_GET["nombre"] != "")){ 
        $nombre = $_GET["nombre"]; 
        $where .= "AND NOMBRE LIKE '%".$nombre."%' "; 
    } 
    if(isset($_GET["ambitoGeneral"]) && trim($_GET["ambitoGeneral"]!= "")){ 
        $ambitoGeneral = $_GET["ambitoGeneral"]; 
        $where .= "AND CodigoAmbitoGeneral LIKE '%".$ambitoGeneral."%' "; 
    }  
    if(isset($_GET["ambitoEspecifico"]) && trim($_GET["ambitoEspecifico"] != "")){ 
        $ambitoEspecifico = $_GET["ambitoEspecifico"]; 
        $where .= "AND CodigoAmbito LIKE '%".$ambitoEspecifico."%' "; 
    } 
     
    $query = "SELECT [idSoporte], [Nombre] FROM [LZM_Grafica].[dbo].[Soportes] ".$where; 
      $result = $tvbd->query($query); 
     
// Contenido tv_soportes.php 
    $html->beginrow(array("bgcolor"=>"#003366","class"=>"txtnormal","align"=>"center")); 
    if ($where == "WHERE TIPO = 'TELEVISION' ") { 
         $html->celda(array("colspan"=>"4"),"<FONT COLOR=\"#FFFFFF\">Mostrando todos los Soportes</FONT>"); 
    } else { 
        $cadena = "<FONT COLOR=\"#FFFFFF\">"; 
        if(isset($nombre) && trim($nombre) != ""){ 
            $cadena .= "Nombre:$nombre<br>"; 
        } 
        if(isset($ambitoGeneral) && trim($ambitoGeneral) != ""){ 
            //[Nombre] FROM [LZM_Grafica].[dbo].[Ambitos] WHERE [CodigoAmbito] = $ambitoGeneral) 
            $nombreAmbitoGeneral = $tvbd->querynombre($ambitoGeneral,"[CodigoAmbitoGeneral]","[Nombre]","[LZM_Grafica].[dbo].[AmbitosGenerales]"); 
            $cadena .= "&Aacute;mbito General:".$nombreAmbitoGeneral["Nombre"]."<br>"; 
        } 
        if(isset($ambitoEspecifico) && trim($ambitoEspecifico) != ""){ 
            //[Nombre] FROM [LZM_Grafica].[dbo].[Ambitos] WHERE [CodigoAmbito] = $ambitoGeneral) 
            $nombreAmbitoEspecifico = $tvbd->querynombre($ambitoEspecifico,"[CodigoAmbito]","[Nombre]","[LZM_Grafica].[dbo].[Ambitos]"); 
            $cadena .= "&Aacute;mbito Espec&iacute;fico:".$nombreAmbitoEspecifico["Nombre"]."<br>"; 
        } 
        $cadena .= "</FONT>"; 
        $html->celda(array("colspan"=>"4"),$cadena); 
    }  
    $html->endrow(); 
    //navegacion -> Configurar 
    $html->beginrow(); 
    $tvnavi->configura($query,C_REGISTROS_PAGINA,"normal",$tvbd); 
    $tvnavi->vars = array("nombre"=>$nombre,"ambitoGeneral"=>$ambitoGeneral,"ambitoEspecifico"=>$ambitoEspecifico); 
    $sNavi = $tvnavi->navegacion("tv_soportes.php"); 
    $html->endrow(); 
     
    $html->beginrow(); 
    $html->celda(array("class"=>"textopeq"),"<FONT COLOR=\"#FFFFFF\">&nbsp;</font>"); 
    $html->endrow();     
     
    //cabecera 
    $html->beginrow(array("bgcolor"=>"#336699","class"=>"txtnormal")); 
    $html->celda(array("class"=>"textodentro"),"<FONT COLOR=\"#FFFFFF\">Soporte</font>"); 
    $html->endrow(); 
    $html->InitAlterRows("white","#EAEAEA"); 
     
    if(isset($_GET["tvPrimerReg"])){ 
        $tvPrimerReg = $_GET["tvPrimerReg"]; 
    }else{ 
        $tvPrimerReg = 1; 
    } 
    $query = $tvnavi->limite($query,$tvPrimerReg,"Nombre"); 
     
    $result = $tvbd->query($query); 
    while($row = $tvbd->nextrecord($result)){ 
        $sColor = $html->getAlterColor(); 
        $html->beginrowcolor(array("bgcolor"=>$sColor),"#FFFF99",$sColor); 
        $html->celda(array("class"=>"textodentro"), 
                       "<a href=\"". 
                       $html->AddParameterToUrl("tvsoporte.php", 
                                                array("so" => $row["Nombre"]))."\">". 
                                                $row["Nombre"]."</a>"); 
        $html->endrow(); 
    } 
    $html->beginrow(array("bgcolor"=>"#336699")); 
    $html->celda(array("class"=>"textodentro","colspan"=>"6"),"<FONT COLOR=\"#FFFFFF\"></font>&nbsp;&nbsp;"); 
    $html->endrow(); 
    //navegacion 
    $html->BeginRow(); 
    $html->celda(array("class"=>"textodentro","align"=>"center","colspan"=>"4"),$sNavi); 
    $html->endrow(); 
    $html->beginrow(array("bgcolor"=>"#FFFFFF","height"=>"5")); 
    $html->celda(array("class"=>"textopeq"),"<FONT COLOR=\"#FFFFFF\">&nbsp;</font>"); 
    $html->endrow(); 
     
    $html->beginrow(); 
    $html->celda(array("class"=>"textodentro","align"=>"center","colspan"=>4)); 
    $html->endrow(); 
?>   

¿Hay algo que IE no pueda interpretar y FF sí?

[Uran]

Por favor cierren el tema, me he decantado por usar JQuery con .load() y listo.

Dejo el código por si alguien lo necesita.

Código Javascript:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
    </script>
    <script type="text/javascript">
    <!--
        function refrescarContenido(){
            var nombre = document.getElementById("sop").value;          
            var ambitoGeneral = document.getElementById("ambG").value;
            var ambitoEspecifico = document.getElementById("ambE").value;
            var url = "tv_soportes_contenido.php?nombre="+nombre+"&medio=TELEVISION&ambitoGeneral="+ambitoGeneral+"&ambitoEspecifico="+ambitoEspecifico+"&Buscar=Buscar";
            $("#contenido").load(url);
        }
    -->
    </script>
 

Más info http://api.jquery.com/load/