Actualizar pagina sin recargar

[filmixt]

Hola a todos,
Se que hay muchos temas como este, pero este es distinto.
Veamos, aqui tengo el codigo para hacer esto posible:

Código:

<script language="javascript"  type="text/javascript">
var RequestObject = false; 
  var Archivo = 'reload.php'; // Archivo a actualizar
  window.setInterval("actualizacion_reloj()", 1000); // el tiempo X que tardará en actualizarse 
  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) 
  { 
  // obtener la respuesta 
  var msgs = RequestObject.responseText.split('|');
  // Buscamos la div con id online 

  document.getElementById("online").innerHTML = msgs[0];
 
  }
  else {
  // Por si hay algun error 
  document.getElementById("online").innerHTML = "Error llamando";
  }
  }
  }
function llamandonline() {
 // Mensaje a mostrar mientras se obtiene la información remota...
  document.getElementById("online").innerHTML = "";
  // Preparamos la obtención de datos 
  RequestObject.open("GET", Archivo , true);
  RequestObject.onreadystatechange = ReqChange;
  // Enviamos 
  RequestObject.send(null); 
  }
  function actualizacion_reloj() {
  llamandonline();
  }
</script>

Código HTML:

<div id="online">AQUI VA EL ARCHIVO QUE SE RECARGA</div> 

El caso es que en mi pagina, cuando muestro los resultados actualizados, desaparece unos instantes lo que es el reload.php, por lo que lo que está debajo de éste (tablas y texto) sube debido a la ausencia de reload.php, y parece un circo.

Querria dos cosas,
1) Si lo que hay dentro del DIV es igual a la de la recarga, que no refresque ésta.
He probado con

Código:

  if( document.getElementById("online").innerHTML !== msgs[0] ){
  document.getElementById("online").innerHTML = msgs[0];
  }

Pero no tuve suerte, a ver si ustedes me lo resuelven.

2) Que refresque cuando tenga definitivamente cargado el archivo, porque parpadea y no deberia si el ReadyState está en 4.

Si el segundo no puede resolverse, que le vamos a hacer =( fallo de las programaciones.

Un saludo y muchas gracias.

[filmixt]

Quitando la linea:

document.getElementById("online").innerHTML = "";

Hace que no se reemplace nada mientras está procesando el httprequest, y por consiguiente no desaparece el contenido, pero hay momentos que SÍ que desaparece durante un momento...
Aun quedaría el (1), si el DIV es igual a lo que vamos a recargar, que no lo recargue :S

Saludos y muchisimas gracias de antemano, sois geniales.

[filmixt]

De acuerdo, lo voy a explicar mejor, por que es de lo MAS SENCILLO, pero no conozco la sintaxis del ajax:

Simplemente quiero crear un IF que diga:

IF( Contenido actual del <DIV id="online"> es IGUAL a lo que vamos a actualizar (Es decir, el html que obtenemos de la actualización que hemos solicitado), si es igual, NO actualizar, en cambio, SI HAY diferencia [¿!==?], actualizar )

Este if estaría debajo de llamandonline(){ y acabaria al final de este.

Un saludo y a ver si alguien tiene un minutillo libre para decirlo

[matak]

Te has fijado en esto???

if( document.getElementById("online").innerHTML !== msgs[0] ){
document.getElementById("online").innerHTML = msgs[0];
}

No se si lo tendrás así en tu código

Saludos

Pd: Por cierto, vi tu pagina de descarga directa de pelis, que currada, enhorabuena!!!

[filmixt]

Hola, si.
Resulta que es que... hay que establecer eso en algun sitio determinado.

Si pongo esto:

Código HTML:

function llamandonline() {

  // Preparamos la obtención de datos 
  RequestObject.open("GET", Archivo , true);
  RequestObject.onreadystatechange = ReqChange;
  // Enviamos 
  if( document.getElementById("online").innerHTML !== msgs[0] ){
  RequestObject.send(null); 
  }
  }

Resulta que no recarga para nada, aunque haya cambiado la pagina.

Y gracias por el comentario
Creo que nunca mencioné la web: filmixt.com

Saludos y a ver si alguien consigue solucionarlo, seria muy util, gracias.

[matak]

No me has entendido,...

A lo que yo me refiero es que distinto es != y no !==

Saludos,...

[filmixt]

Vale, eso lo entiendo.
Pero no sabria interpretar suficientemente bien el codigo como para saber de que modo hacer para que no recarge una vez que tiene los datos nuevos y los antiguos...

Hay alguien aquí que sepa hacer un IF para que no actualice en caso de que lo que ya hay dentro del DIV y lo que se va a incluir nuevamente en la autorecarga?

Un saludo y gracias.

[matak]

A ver si esto te puede ayudar...

Código javascript:

function actMensajeria(datos){
  divcontenido_mensajeria = document.getElementById('contenido_mensajeria');
  ajaxActMsg=objetoAjax();
    ajaxActMsg.open("GET", datos);
    ajaxActMsg.onreadystatechange=function() {
        if (ajaxActMsg.readyState==4) {
                   if(ajaxActMsg.responseText.length > 5){
                       //alert("-"+ajax.responseText+"-"+ajax.responseText.length+"-");
                       divcontenido_mensajeria.innerHTML = ajaxActMsg.responseText;
                   }
        }
    }
  ajaxActMsg.send(null)
}
 

Esta es una función que yo tengo para actualizar la mensajería interna de una aplicación que estoy programando. Se ejecuta periódicamente cada minuto. La cosa es que si el usuario no tiene ningun mensaje nuevo no realiza el innerHTML. Cuando la programe hice...

Código javascript:

ajaxActMsg.onreadystatechange=function() {
        if (ajaxActMsg.readyState==4) {
                   if(ajaxActMsg.responseText.length !=0){                      
                       divcontenido_mensajeria.innerHTML = ajaxActMsg.responseText;
                   }
        }
    }
 

Que pasa, que me di cuenta que siempre me realizaba el innerHTML, aunque no escribiera nada. Entonces realice la siguiente comprobación

Código javascript:

alert("- "+ajax.responseText+"- "+ajax.responseText.length+" -");
 

Cuando el servidor respondía con una página en blanco el alert me resultaba


- - 4 -

de ahi que pusiera...

Código javascript:

ajaxActMsg.onreadystatechange=function() {
        if (ajaxActMsg.readyState==4) {
                   if(ajaxActMsg.responseText.length > 5){
                       //alert("-"+ajax.responseText+"-"+ajax.responseText.length+"-");
                       divcontenido_mensajeria.innerHTML = ajaxActMsg.responseText;
                   }
        }
    }
 

Puede que por algun bit de control o algo asi difiera el contenido del div del contenido del respose, aunque estos sean iguales. Comprueba con un alert ambos contenidos

Código javascript:

alert (document.getElementById("online").innerHTML.length);
alert (ajax.responseText.length);
 

Espero te ayude,...

Saludos

[filmixt]

No se como usar lo que has dicho, puedes incorporarlo a mi codigo? :S
Saludos y gracias.

[matak]

Prueba asi,...

Código javascript:

<script language="javascript"  type="text/javascript">
var RequestObject = false; 
  var Archivo = 'reload.php'; // Archivo a actualizar
  window.setInterval("actualizacion_reloj()", 1000); // el tiempo X que tardará en actualizarse 
  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) {
  ////////////////////////////////// AQUI
 // PRUEBA CUANDO EN TEORIA SON IGUALES Y NO TIENE QUE ACTUALIZAR
//A VER SI DIFIEREN LOS TAMAÑOS
  alert (RequestObject.responseText.length); 
  alert(document.getElementById("online").innerHTML.length);
 
  }
  else {
  // Por si hay algun error 
  document.getElementById("online").innerHTML = "Error llamando";
  }
  }
  }
function llamandonline() {
 // Mensaje a mostrar mientras se obtiene la información remota...
  document.getElementById("online").innerHTML = "";
  // Preparamos la obtención de datos 
  RequestObject.open("GET", Archivo , true);
  RequestObject.onreadystatechange = ReqChange;
  // Enviamos 
  RequestObject.send(null); 
  }
  function actualizacion_reloj() {
  llamandonline();
  }
</script>
 

No se muy bien si es asi porque no entendía muy bien esta parte del código

Código javascript:

if (RequestObject.responseText.indexOf('invalid') == -1) 
  { 
  // obtener la respuesta 
  var msgs = RequestObject.responseText.split('|');
  // Buscamos la div con id online 
 
  document.getElementById("online").innerHTML = msgs[0];
 
  }
 

Saludos

[filmixt]

Mm, no me sirve, no recarga si quiera. De todas maneras la longitud sera igual, porque solo cambia algunos numeros. Normalmente hay 20-40 usuarios en la web, y eso no actualizará.
Saludos.