actualizar informacion sin actualizar pagina

[scorpionhack]

Buenas, tengo una pagina en php el cual me recopila una informacion de una base de datos... y en la pagina me aparece esto...

Mensajes privados (0)

lo que yo quiero saber es como se puede hacer que cuando me llegue un mensaje ponga...

mensajes privados (1)

sin necesidad de actualizar la web...

me han comentado que se puede acer kn ajax...

Amigo, eso lo puedes hacer solo con AJAX, mediante un Div o depediento lo que necesites

mercii

[XLogus]

Si es bastante sencillo de hacer, con algo de jquery, dale una revisada a este tutorial

Y en el archivo miscript.php agregas la consuta sql que llama a los mensajes de la base de datos

[scorpionhack]

este codigo funciona pero tiene un problema y es que el contenido que se actualiza parpadea todo el rato...

se puede hacer que no parpadee?

o por lo menos que solo se actualize si lo que va a poner es diferente a lo que hay?

mercii

[GatorV]

Claro compara antes lo que hay, lo mejor es manipular el DOM, por ejemplo:

Código javascript:

var previousContent = '';
// ----
 
if( previousContent != newContent ) {
         previousContent = newContent;
         element.innerHTML = newContent;
}
 

Saludos

[scorpionhack]

seguramente lo tendria que poner aqui no?

Código:

 function llamadaAjax() {  
  // Mensaje a mostrar mientras se obtiene la información remota... 
   var previousContent = '';
   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() {  
   llamadaAjax();  
   }

pero como lo puedo poner por que justo estoy empezando aora kon javascript y ajax...

merciii

[XLogus]

No entiendo porque complicarse con llamadas ajax si para eso estan los frameworks que lo hacen todo mucho mas sencillo, como el ejemplo que te di, al cual basta modificar el PHP

[scorpionhack]

Iniciado por XLogus

No entiendo porque complicarse con llamadas ajax si para eso estan los frameworks que lo hacen todo mucho mas sencillo, como el ejemplo que te di, al cual basta modificar el PHP

probe el ejemplo que me pasaste pero no me funcionaba...

entonces luego encontre este que tengo, y me funciona pero me parpadea y no consigo hacer de que solo se me actualize cuando hay un cambio...

Código:

var RequestObject = false;   
   var Archivo = 'codes/online.php'; //directorio donde tenemos el archivo ajax.php 
  

   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 llamadaAjax() {  
  // Mensaje a mostrar mientras se obtiene la información remota... 
   var previousContent = '';
   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() {  
   llamadaAjax();  
   }

mercii

Conseguidooooo!!!


para el que lo quiera saber solo he tenido que quitar una frase...

Código:

 var RequestObject = false;   
   var Archivo = 'codes/online.php'; //directorio donde tenemos el archivo ajax.php 
  

   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 llamadaAjax() {  
  // Mensaje a mostrar mientras se obtiene la información remota... 
   var previousContent = '';
   //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() {  
   llamadaAjax();  
   }

la frase que me provodaba el parpadeo era esta...

Código:

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