Arquivo Discussoes de Programacao e Tecnologia Ola pessoal, tudo certo?
Seguinte, tenhot rabalhado com ajax a pouco tempo, ou seja estou aprendendo…
Estou utilizando ajax para que algumas paginas HTMLs leaim dados de arquivos XML (fazem parser do XML usando Javascipt)…
so que essa leitura esta um pouco lenta (muitos dados)…
como faco para adicionar aquele famoso “loading…” enquanto os dados estao sendo parseados e esconde-lo quando os dados forem mostrados???
Tks 
ninguem ?? 
Faça um DIV com uma imagem, texto, GIF Animado, ou qualquer outra coisa que preferir, e deixe este DIV como hidden
Agora no seu AJAX faça isto
http.open("GET", url, false);
http.setRequestHeader('Content-type','application/x-www-form-urlencoded');
http.onreadystatechange = function() {
if (http.readyState==1) {
document.getElementById("divLoading").style.visibility = "visible";
}
if (http.readyState==4) {
document.getElementById("divLoading").style.visibility = "hidden";
.
.
.
OI Mauro, tudo legal?
Obrigado pela ajuda…
Mas seguinte, uma pergunta…desta forma ele nao vai comecar a mostrar o meu “loading…”(gif), antes mesmo de eu clicar em uma opcao para submeter e esperar o resultado??? (fiz o que vc pediu e comigo esta acontecendo isto…
Valeu!!
Veja a primeira frase minha
ele vai ficar hidden, só vai mudar o atributo dele no readyState = 1, quando o readyState estiver 4 (terminado), você vai colocar este div com hidden novamente (veja código acima)