Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/03/2011, 00:28
Avatar de memoadian
memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 14 años, 10 meses
Puntos: 641
refrescar varios divs cada "x" segundos

Hola amigos, les cuento el viernes me puse a estudiar javascript, ayer DHTML, hoy AJAX XD, por lo mismo verán que no soy ni por mucho muy ducho en este tema, pero por lo menos lo medio leo, me encontre un código que refresca un div cada x segundos. el mismo lo pueden ver en esta web.

http://vcomputadoras.com/usa-ajax-pa...omment-page-1/

excelente codigo la verdad funciona perfecto.

pero mi necesidad consiste en refrescar 3 divs al unisono

he querido modificar dicho código de esta forma

Código Javascript:
Ver original
  1. // Timestamp for preventing IE caching the GET request
  2.     var fetch_unix_timestamp ="";// lets declare the variable
  3.  
  4.     fetch_unix_timestamp = function()
  5.     {
  6.         return parseInt(new Date().getTime().toString().substring(0, 10))
  7.     }
  8.  
  9.     var timestamp = fetch_unix_timestamp();
  10.     var nocacheurl = url+"?t="+timestamp;
  11.     var nocacheurl2 = url2+"?t="+timestamp;
  12.     var nocacheurl3 = url3+"?t="+timestamp;
  13.     var nocacheurl4 = url4+"?t="+timestamp;
  14.  
  15. // The code...
  16.  
  17.     xmlHttp.onreadystatechange=function()
  18.     {
  19.         if(xmlHttp.readyState==4)
  20.         {
  21.             document.getElementById(divid).innerHTML=xmlHttp.responseText;
  22.             document.getElementById(divid2).innerHTML=xmlHttp.responseText;
  23.             document.getElementById(divid3).innerHTML=xmlHttp.responseText;
  24.             document.getElementById(divid4).innerHTML=xmlHttp.responseText;
  25.             setTimeout('refreshdiv()',seconds*1000);
  26.         }
  27.     }
  28.     xmlHttp.open("GET",nocacheurl,true);
  29.     xmlHttp.send(null);
  30.     xmlHttp.open("GET",nocacheurl3,true);
  31.     xmlHttp.send(null);
  32.     xmlHttp.open("GET",nocacheurl4,true);
  33.     xmlHttp.send(null);
  34.     xmlHttp.open("GET",nocacheurl2,true);  
  35.     xmlHttp.send(null);
  36. }

entiendo que la primera parte del codigo original solo genera la llamada, y esta parte que yo he movido siguiendo mi lógica es la que afecta los divs de mi web
pero al hacer esto solo se actualiza el timediv2, pues depende del orden que ponga esto

xmlHttp.open("GET",nocacheurl2,true);
xmlHttp.send(null);

si pongo al final el 4 solo se actualiza el 4 y asi, ¿alguien puede ayudarme con esto?

y explicarme un poco mi error es que aun estoy demasiado verde en esta tecnologia

gracias :D