El script que teneis al final de este post recarga la página productos.php cada 3 segundos sin que el visitante lo note en absoluto.
productos.php contiene divs con información proveniente de un xml que cambia, de ahí que productos.php tenga que ser refrescado tan a menudo.
El problema:
productos.php ademas de los divs contiene un iframe. El iframe carga una url que muestra videos. Al refrescar la página cada 3 segundos el video también se recarga haciendo que a ojos del visitante parpadee cada 3 segundos.
¿Cómo puedo modificar el script para que se recarge todo en productos.php menos el iframe y su contenido?
Muchas gracias de antenamo por la ayuda!!
Código:
<script type="text/javascript">
function getHTTPObject() {
var request = false;
try {
request = new ActiveXObject('Msxml2.XMLHTTP');
}
catch (err2) {
try {
request = new ActiveXObject('Microsoft.XMLHTTP');
}
catch (err3) {
try {
request = new XMLHttpRequest();
}
catch (err1)
{
request = false;
}
}
}
return request;
}
var ajaxRequest = getHTTPObject(); // creamos HTTP Object
setInterval(getPagina, 3000); // 3 segundos
function getPagina() {
ajaxRequest.open("GET", "productos.php", true);
ajaxRequest.onreadystatechange = showPagina;
ajaxRequest.send(null);
}
function showPagina()
{
if(ajaxRequest.readyState == 4){
var ajaxDisplay = document.getElementById('mostrar');
ajaxDisplay.innerHTML = ajaxRequest.responseText;
}
}
window.onload=function(){
getPagina();
}
</script>
<div id="mostrar"></div>
