$(document).ready(function() {

document.getElementById(‘ID1′).innerHTML = “”;

document.getElementById(‘ID2′).innerHTML = “”;

});

var refreshId = setInterval(function() {

document.getElementById(‘ID1′).innerHTML = “”;

document.getElementById(‘ID2′).innerHTML = “”;

}, 5000);

Just use the etc. to show where you want them.

I’ve gone a bit more complex though. The .gif files are actually PHP files that are giving a image output. This allows you to do all sorts of fancy stuff behind the scenes. For example, I have a script that checks the database for various things and then presents a image stream depending on the results. In my case it is a simple green tick or red cross image from one of the many free vector packs online.
You can do something like this by using code along the lines of:

By using these two methods together you can make a dynamic real-time updating table. I used one from http://cssglobe.com/lab/tablecloth/ but there are plenty more about.

Now I have a nice table that changes it’s green ticks and red cross images depending on the conditions fed to the PHP page every few seconds, without needing to do a full page update – fantastic!

Hope that gives someone a few ideas and some further code to play with.

$.ajaxSetup({ cache: false });

var refreshId = setInterval(function()
{
$(‘#responsecontainer’).fadeOut(“slow”).load(‘chi.php’).fadeIn(“slow”);
}, 1000);
$.ajaxSetup({ cache: false });

GOOOD script