div multiples ordenados con insertBefore

genesyswav · #1 (**permalink**) 23/03/2011, 21:07

saludos, tengo problemas para ordenar los div con insertBefore, el código busca en otra página el contenido, y lo inserta en un div nuevo si es que el contenido cambia, pero el orden que quiero con insertBefore no me funciona, alguien sabe por qué? le he dado vueltas pero no logro solucionar el problema, agradezco su colaboración.

Código pagina1:

Ver original<html>  
<head>  
<title>pagina1</title>  
</head> 
<body onLoad="llamadaAjax();"> 
<script language="javascript"  type="text/javascript">
var xt;
var RequestObject = false;
var Archivo = 'pagina2.php';
window.setInterval("actualizacion_reloj()", 2000); // el tiempo de actualizacion  
if (window.XMLHttpRequest)   
RequestObject = new XMLHttpRequest();  
if (window.ActiveXObject)     
RequestObject = new ActiveXObject("Microsoft.XMLHTTP");  
function ReqChange() {  
 // Si se ha recibido la información correctamente  
   if (RequestObject.readyState==4) {  
   // si la información es válida   
   if (RequestObject.responseText.indexOf('invalid') == -1)   
   {   
   //verificamos que el contenido no sea el mismo
if (RequestObject.responseText != xt)
{   
xt = RequestObject.responseText;
//creamos el div
creardiv();
}
   }  
   else {  
   //si hay algun error   
   document.getElementById("online").innerHTML = "Error llamando";  
   }  
   }  
   }  
 function llamadaAjax() {  
     // Preparamos la obtención de datos   
   RequestObject.open("GET", Archivo+"?"+Math.random() , true);  
    RequestObject.onreadystatechange = ReqChange;  
     // Enviamos   
   RequestObject.send(null);   
     }  
    function actualizacion_reloj() {  
     llamadaAjax();  
     }
     function creardiv() {
var divHijo = document.body.appendChild(document.createElement('div'));
 
divHijo.innerHTML = RequestObject.responseText;
 
var divPadre = document.getElementById("divPadre");
 
divAnterior = divPadre.firstChild;
divPadre.insertBefore(divHijo, divAnterior);
}
</script>  
<h2>Pagina1</h2>  
</body>  
   </html>

Código pagina2:

Ver original<html>  
<head>  
<title>pagina2</title>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<div>Contenido 1</div>
</body>
</html>

genesyswav · #2 (**permalink**) 24/03/2011, 18:21

bueno, creo que el problema está en esta función

Código Javascript:

Ver originalfunction creardiv() {
var divHijo = document.body.appendChild(document.createElement('div'));
 
divHijo.innerHTML = RequestObject.responseText;
 
var divPadre = document.getElementById("divPadre");
 
divAnterior = divPadre.firstChild;
divPadre.insertBefore(divHijo, divAnterior);
}

pero aun no logro que insertBefore funcione , alguna idea?

zerokilled · #3 (**permalink**) 24/03/2011, 18:55

buenas...

lo primero que veo es que el elemento con id divPadre no existe en el ejemplo. ¿asi es como lo tienes en tu codigo original?

genesyswav · #4 (**permalink**) 25/03/2011, 18:47

hola, gracias por la atención, si así tengo el código creo no necesitar el id divPadre, pero ya que lo mencionas probaré por ese lado y les comento, ojala sea eso.

genesyswav · #5 (**permalink**) 29/03/2011, 19:46

lamento la demora pero no quería publicar una respuesta hasta probar bien la sugerencia de ZEROKILLED. lamentablemente no funciono, ya no se que mas hacer, buscare una alternativa talvez use un vector para guardar la información y ordenarla posteriormente, claro mi pregunta inicial quedaría sin responder

, gracias ZEROKILLED

.