Ajax: Actualiza periodicamente el contenido de un div
Escrito por Jesus | Archivado en Desarrollo web, Tips | 84 veces visto.
Una de las funciones disponibles con la librería prototype es Ajax.PeriodicalUpdater() y provee de un método sencillo para realizar llamadas remotas en intervalos de tiempo definidos.
La parte del JavaScript es bien sencilla, solo necesitamos una copia de la librería prototype y la siguiente función definida en el head, aplicandole despues el comportamiento al body,
JavaScript:
-
<script type="text/javascript">
-
function actualizacion() {
-
var target = $('muestra');
-
if (!target) return false;
-
new Ajax.PeriodicalUpdater(target, 'script.php',{frequency:'3'});
-
}
-
Event.observe(window, 'load', actualizacion, false);
-
</script>
Para que todo esto funcione, tenemos que añadir un bloque div con la id=”muestra” que sera donde aparezca la información generada desde el script php.
