Ver Mensaje Individual
  #1 (permalink)  
Antiguo 24/12/2010, 10:24
den_22
 
Fecha de Ingreso: enero-2010
Mensajes: 198
Antigüedad: 14 años, 10 meses
Puntos: 1
Problema con actualizacion de divs

Hola amigos, que tal, verán estoy haciendo una recarga de informacion en divs, el tema es asi, supongamos que tengo dos divs

<div id="1"></div>
<div id="2"></div>

En las divs la informacion se actualiza cada 2 segundos, el problema es que existe un parpadeo intermitente, si yo pongo solo el codigo que hace la carga para la div 1, bueno en esta se produce el parpadeo; ahora si agrego codigo para que se cargue la segunda div, el parpadeo deja de pasarle a la div 1 y le pasa a la div 2.

Mi gran dilema como hago para que esto no suceda? Acá dejo el codigo:

Código Javascript:
Ver original
  1. <script language="javascript"  type="text/javascript">
  2. var RequestObject = false;
  3.   var Archivo = 'mostrandocontenido.php'; //directorio
  4.    window.setInterval("actualizacion_reloj()", 2000); // el tiempo X que tardará en actualizarse
  5.   if (window.XMLHttpRequest) //
  6. RequestObject = new XMLHttpRequest();
  7. if (window.ActiveXObject)  
  8.   RequestObject = new ActiveXObject("Microsoft.XMLHTTP");
  9. function ReqChange() {
  10. // Si se ha recibido la información correctamente
  11.   if (RequestObject.readyState==4) {
  12.   // si la información es válida
  13.   if (RequestObject.responseText.indexOf('invalid') == -1)
  14.   {  
  15.  
  16.        document.getElementById("1").innerHTML = RequestObject.responseText;
  17.  
  18.   }
  19.   else {
  20.   // Por si hay algun error
  21.   document.getElementById("1").innerHTML = "Error llamando";
  22.   }
  23.   }
  24.   }
  25. function llamadaAjax() {
  26.  
  27.   // Preparamos la obtención de datos
  28.   RequestObject.open("GET", Archivo+"?"+Math.random() , true);
  29.   RequestObject.onreadystatechange = ReqChange;
  30.   // Enviamos
  31.   RequestObject.send(null);
  32.   }
  33.   function actualizacion_reloj() {
  34.   llamadaAjax();
  35.   }
  36. </script>

Código Javascript:
Ver original
  1. <script language="javascript"  type="text/javascript">
  2. var RequestObject = false;
  3.   var Archivo = 'mostrandocontenido1.php'; //directorio
  4.    window.setInterval("actualizacion_reloj1()", 2000); // el tiempo X que tardará en actualizarse
  5.   if (window.XMLHttpRequest) //
  6. RequestObject = new XMLHttpRequest();
  7. if (window.ActiveXObject)  
  8.   RequestObject = new ActiveXObject("Microsoft.XMLHTTP");
  9. function ReqChange() {
  10. // Si se ha recibido la información correctamente
  11.   if (RequestObject.readyState==4) {
  12.   // si la información es válida
  13.   if (RequestObject.responseText.indexOf('invalid') == -1)
  14.   {  
  15.  
  16.        document.getElementById("2").innerHTML = RequestObject.responseText;
  17.  
  18.   }
  19.   else {
  20.   // Por si hay algun error
  21.   document.getElementById("2").innerHTML = "Error llamando";
  22.   }
  23.   }
  24.   }
  25. function llamadaAjax1() {
  26.  
  27.   // Preparamos la obtención de datos
  28.   RequestObject.open("GET", Archivo+"?"+Math.random() , true);
  29.   RequestObject.onreadystatechange = ReqChange;
  30.   // Enviamos
  31.   RequestObject.send(null);
  32.   }
  33.   function actualizacion_reloj1() {
  34.   llamadaAjax1();
  35.   }
  36. </script>

Gracias de antemano.