adaptar um "carregando"

[eronventer 2]

Ae pessoal,

 

Tenho meu script em ajax que faz a requisição de uma uma página,

case ela tenha muitos dados ela demora para aparecer.

 

Nisso eu gostaria de mostrar uma palavra: "Aguarde, carregando..."

ou quem sabe uma imagem de loading....

 

No momento intão que a página for carregada por completa mostra

o conteudo e some o "carregando"

 

O que eu tenho:

function carregaPagina(url, div) {	var http = XMLHTTPRequest();	if (http) {		http.onreadystatechange = function() {			if (http.readyState == 4) {				if (http.status == 200) {					var retorno = unescape(http.responseText.replace(/\+/g," "));					document.getElementById(div).innerHTML = retorno				} else {					alert('Não foi possível carregar a página solicitada.');				}			}				}		http.open('GET', 'query.php?pagina='+url, true);		http.send(null);	}	else {		alert('Seu navegador não possui suporte a linguagem AJAX.');	}}

Seria algo a adaptar nesta código?

[faq 0]

Tenta aí:

 

function carregaPagina(url, div) {	var http = XMLHTTPRequest();	if (http) {		document.getElementById(div).innerHTML = "Aguarde, carregando...";		http.onreadystatechange = function() {			if (http.readyState == 4) {				if (http.status == 200) {					var retorno = unescape(http.responseText.replace(/\+/g," "));					document.getElementById(div).innerHTML = retorno				} else {					alert('Não foi possível carregar a página solicitada.');				}			}				}		http.open('GET', 'query.php?pagina='+url, true);		http.send(null);	}	else {		alert('Seu navegador não possui suporte a linguagem AJAX.');	}}

[eronventer 2]

Bleza, valeu cara ja consegui.

 

if (http.readyState == 1) {		   .....}

em seguida verifica o readyState com valor 4 dai imprimi

o conteudo.