AJAX laddar...

Hur gör jag på enklast sätt för att visa "Laddar..." när nedanstående AJAX-funktion laddar?

// Hämta personuppgifter
function getPersonInfo(id) {
	
	document.getElementById('loading').style.display='block';

	if (id.length=='') { 
	
		document.getElementById("info").innerHTML="";
		return;
	}
	
	xmlHttp=GetXmlHttpObject();
	
	if (xmlHttp==null) {
	
		alert ("Your browser does not support AJAX!");
		return;
	}        
	
	var url = "get.php";
	url = url + "?q=" + id;
	url = url + "&sid=" + Math.random();

	xmlHttp.onreadystatechange = stateChanged;
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);

}

Tack! :)

ovanför din xmlHttp.onreadystatechange =..

lägg in liknande:

document.getElementById("loader").style.display = '';

Och i din stateChanged ser ut något såhär?:

function stateChanged()
{
 if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
 {
 document.getElementById("loader").style.display = 'none';
 }
}

<div id="loader" style="display:none;">laddar...</div>