[AJAX] Aggiornamento pagina

[starcraftworld]

Ho questo codice per includere con ajax il contenuto di un file php all'interno di un div senza ricaricare la pagina:

function sendRequest(url, callback, postData) {
	var req=createXMLHTTPObject();
	if (!req)
		return;
	var method=(postData)?"POST":"GET";
	req.open(method,url,true);
	req.setRequestHeader('User-Agent','XMLHTTP/1.0');
	if (postData)
		req.setRequestHeader('Content-type','application/x-www-form-urlencoded');
	req.onreadystatechange=function () {
		if (req.readyState!=4)
			return;
		if (req.status!=200&&req.status!=304) {
			alert('HTTP error ' + req.status);
			return;
		}
		callback(req);
	}
	if (req.readyState==4)
		return;
	req.send(postData);
}

var XMLHttpFactories = [
	function () {return new XMLHttpRequest()},
	function () {return new ActiveXObject("Msxml2.XMLHTTP")},
	function () {return new ActiveXObject("Msxml3.XMLHTTP")},
	function () {return new ActiveXObject("Microsoft.XMLHTTP")}
];

function createXMLHTTPObject() {
	var xmlhttp=false;
	for (var i=0;i<XMLHttpFactories.length;i++) {
		try {
			xmlhttp=XMLHttpFactories[i]();
		}
		catch (e) {
			continue;
		}
		break;
	}
	return xmlhttp;
}

function load(URL, elementId){
	sendRequest(URL, handleRequest);
	function handleRequest (req) {
		document.getElementById(elementId).innerHTML=req.responseText;
	}
}

Vorrei modificarlo in modo che finchè non viene caricato il contenuto da includere venga visualizzata un'immagine tipo rotella di caricamento (o qualcosa che indichi di attendere il caricamento, se avete idee migliori vi ascolto).
Come posso fare?

[cavicchiandrea]

Prova cosi:

function load(URL, elementId){
document.getElementById(elementId).innerHTML='[img]percorso/attesa.gif[/img]';
	sendRequest(URL, handleRequest);
	function handleRequest (req) {
		document.getElementById(elementId).innerHTML=req.responseText;
	}
}