Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Actualizar contenidos en varios divs

Estas en el tema de Actualizar contenidos en varios divs en el foro de Frameworks JS en Foros del Web. Hola Estoy haciendo una página que tiene cuatro div distintos y en cada uno de ellos quiero que se muestre una página php distinta. Lo ...
  #1 (permalink)  
Antiguo 30/08/2009, 13:01
 
Fecha de Ingreso: marzo-2008
Mensajes: 13
Antigüedad: 16 años, 8 meses
Puntos: 0
Actualizar contenidos en varios divs

Hola
Estoy haciendo una página que tiene cuatro div distintos y en cada uno de ellos quiero que se muestre una página php distinta. Lo he conseguido con uno, pero estoy atascado en como hacer lo mismo en los cuatro.

Este es el código que uso

<script language="javascript" type="text/javascript">
var RequestObject = false;
var Archivo = 'foto1.php'; //directorio donde tenemos el archivo ajax.php
window.setInterval("actualizacion_reloj()", 10000); // 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("foto1").innerHTML = msgs[0];
}
else {
// Por si hay algun error
document.getElementById("foto1").innerHTML = "Error llamando";
}
}
}
function llamadaAjax() {
// Mensaje a mostrar mientras se obtiene la información remota...
document.getElementById("foto1").innerHTML = "";
// Preparamos la obtención de datos
RequestObject.open("GET", Archivo , true);
RequestObject.onreadystatechange = ReqChange;
// Enviamos
RequestObject.send(null);
}
function actualizacion_reloj() {
llamadaAjax();
}



</script>



Y esta es la llamada que hago al div


<div class="fotoportada1" id="foto1"></div>



Muhcas gracias por vuestra ayuda
  #2 (permalink)  
Antiguo 02/09/2009, 08:41
Avatar de sweetlydark  
Fecha de Ingreso: septiembre-2008
Mensajes: 391
Antigüedad: 16 años, 1 mes
Puntos: 10
Respuesta: Actualizar contenidos en varios divs

Puede añadir argumentos a tus funciones uno para el nombre del div y otro para el archivo. Entonces pones actualizacion_reloj(), que en realidad no hace nada, a hacer algo útil. Ciclas por los cuatro div y paginas para cada uno.

Puede ser:
Código:
function actualizacion_reloj() { 
   llamadaAjax("'foto1.php","foto1");
   llamadaAjax("pagina2.php","div2");
   llamadaAjax("pagina3.php","div3");
   llamadaAjax("pagina4.php","div4");
}
O puedes usar un array y ciclar por ella.

Entonces añades dos paramentos a llamadaAjax (yo usaria $pagina, $idDiv) y añades uno a ReqChange (en mi ejemplo seria $idDiv).

Recuerde cambiar los id de getelements... al variable y pasar el variable a ReqChange cuando es llamando.
__________________
Por fin vuelvo a tener internet!
http://www.anidandoetiquetas.com/
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:41.