Hice esta aplicación, pero no tengo idea de porque no funciona en firefox, ya que en explorer funciona perfecto, que puede ser?
Les paso el codigo:
Código HTML:
<script type="text/javascript" src="GetXmlHttpObject.js"></script> <script language="javaScript"> var xmlDataSet=""; var oXML = GetXmlHttpObject(); function actualizarGrilla() { var url="index.php"; oXML.open("GET", url,false); oXML.onreadystatechange = leerDatos; oXML.send(null); } function leerDatos() { if(oXML.readyState==1) { document.getElementById("lista").innerHTML="Cargando......."; } if (oXML.readyState == 4) { xmlDataSet = oXML.responseXML.documentElement; cargarGrilla(); } } function cargarGrilla() { var tabla = '<table class="tabla"><tr>'; tabla+='<th width="5%" height="21" class="campoTexto">id</th>'; tabla+='<th width="20%" height="21" class="CampoTexto">Titulo</th></tr>'; for (i = 0; i < xmlDataSet.getElementsByTagName('tituloBibliograficas').length; i++) { var item = xmlDataSet.getElementsByTagName('tituloBibliograficas')[i]; var idGrilla=i var id = item.getElementsByTagName('id')[0].firstChild.data; var cell = item.getElementsByTagName('titulo')[0]; //tomo los valores del xml if (cell.firstChild && cell.firstChild.data) { var titulo = item.getElementsByTagName('titulo')[0].firstChild.data } else { var titulo = ''; } tabla = tabla + '<td class="tabla"><div id="div1" onclick="cargarCamposTituloBibliografica('+ idGrilla + ')">' + id + '</div></td>'; tabla = tabla + '<td class="tabla">' + titulo + '</td>'; tabla=tabla + '</tr>' } tabla= tabla + '</table>'; document.getElementById('lista').innerHTML=tabla; } </script> <body onload = "actualizarGrilla();"> <div id="lista"></div> </body>
Saludos