Una parte mas completa...
Código javascript
:
Ver original<html>
<head>
<script type="text/javascript">
function ajaxLoad()
{
var ajax = null;
if(window.XMLHttpRequest)
{
ajax = new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
ajax = new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
ajax = false;
}
return(ajax);
}
function load()
{
var ajax = ajaxLoad();
document.getElementById("load").innerHTML = "<img src=\"loading1.gif\" />"; //imagen de carga
ajax.open("GET","php que genera los datos (por ejemplo)");
ajax.onreadystatechange = function()
{
if(ajax.readyState == 4)
{
document.getElementById("data").innerHTML = ajax.responseText; //resposta del server con los datos
document.getElementById("load").innerHTML = ""; //saca fuera para ver si aparece bien tu gif de carga
}
}
ajax.send(null);
}
window.onload = function(){
load();
}
</script>
</head>
<body>
<div id="data" style="width: 300px; height: 300px; float: left;"></div>
<div id="load" style="width: 300px; height: 300px; float: left;"></div>
</body>
</html>