Hola, estoy intentando en una página cambiar distintos elementos dinámicamente con ajax, utilizando el siguiente ejemplo para reemplazar un solo div no tengo problema, al querer reemplazar mas de uno la cosa ya no funciona y no logro encontrar el problema, tienen idea porque? esto se tendría que hacer de otra manera? tengo que lograr actualizar constantemente unos ocho elementos de la página index.php, les dejo el código:
index.php
Código PHP:
<script src="ledcontrol.js"></script>
<script src="fer.js"></script>
<div id="ledcontrol">esto se reemplazará</div>
<br />
<div id="fer">este contenido también</div>
ledcontrol.js
Código PHP:
var milisegundos = 1000; // el tiempo en milisegundos que tarda en refrescar. 1000 = 1 Segundo
var objeto = "ledcontrol"; // el id del div que se quiere actualizar
var url = "ledcontrol.php"; // el archivo ó lo que ira en el div
function refrescarcontenido(){
var xmlHttp;
try{
xmlHttp=new XMLHttpRequest(); // Firefox, Opera 8.0+, Safari
}
catch (e){
try{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); // Internet Explorer
}
catch (e){
try{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e){
alert("Tu explorador no soporta AJAX.");
return false;
}
}
}
var timestamp = parseInt(new Date().getTime().toString().substring(0, 10));
var nocacheurl = url+"?t="+timestamp;
// El código...
xmlHttp.onreadystatechange=function(){
if(xmlHttp.readyState== 4 && xmlHttp.readyState != null){
document.getElementById(objeto).innerHTML=xmlHttp.responseText;
setTimeout('refrescarcontenido()',milisegundos);
}
}
xmlHttp.open("GET",nocacheurl,true);
xmlHttp.send(null);
}
// Empieza la función de refrescar
window.onload = function(){
refrescarcontenido(); // corremos la funcion al cargar la página
}
ledcontrol.php
Código PHP:
echo rand(1, 49);
fer.js
Código PHP:
var milisegundos = 1000; // el tiempo en milisegundos que tarda en refrescar. 1000 = 1 Segundo
var objeto = "fer"; // el id del div que se quiere actualizar
var url = "fer.php"; // el archivo ó lo que ira en el div
function refrescarcontenido(){
var xmlHttp;
try{
xmlHttp=new XMLHttpRequest(); // Firefox, Opera 8.0+, Safari
}
catch (e){
try{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); // Internet Explorer
}
catch (e){
try{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e){
alert("Tu explorador no soporta AJAX.");
return false;
}
}
}
var timestamp = parseInt(new Date().getTime().toString().substring(0, 10));
var nocacheurl = url+"?t="+timestamp;
// El código...
xmlHttp.onreadystatechange=function(){
if(xmlHttp.readyState== 4 && xmlHttp.readyState != null){
document.getElementById(objeto).innerHTML=xmlHttp.responseText;
setTimeout('refrescarcontenido()',milisegundos);
}
}
xmlHttp.open("GET",nocacheurl,true);
xmlHttp.send(null);
}
// Empieza la función de refrescar
window.onload = function(){
refrescarcontenido(); // corremos la funcion al cargar la página
}
fer.php
Código PHP:
echo rand(50, 99);
Desde ya muchas gracias!!!