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>