[Resolvido] Colocar um Loading.gif

[lsteffler 0]

Bom dia!

 

Não entendo quase nada de javascript, uso esse código abaixo para uma lista telefonica, onde conforme vou digitando ele ja vai me mostrando os resultados encontrados no banco de dados.

 

Porém, eu precisava que enquanto ele busca, ficasse aparecendo um texto "Carregando..." ou uma imagem gif tipo loading... pois dependendo do nome que busca ele demora um pouco a aparecer e o visitante pode achar que nao esta funcionando.

 

Se alguem puder me ajudar, muitíssimo obrigado!

 

// JavaScript Document
// FUNÇÃO RESPONSÁVEL DE CONECTAR A UMA PAGINA EXTERNA NO NOSSO CASO A BUSCA_NOME.PHP
// E RETORNAR OS RESULTADOS

function ajax(url)
{

//alert(nick);
//alert(dest);
//alert(msg);

req = null;
// Procura por um objeto nativo (Mozilla/Safari)
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
req.onreadystatechange = processReqChange;
req.open("GET",url,true);
req.send(null);
// Procura por uma versão ActiveX (IE)
} else if (window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
if (req) {

req.onreadystatechange = processReqChange;
req.open("GET",url,true);

req.send();
}
}
}

function processReqChange()
{

// apenas quando o estado for "completado"
if (req.readyState == 4) {

// apenas se o servidor retornar "OK"

if (req.status ==200) {

// procura pela div id="pagina" e insere o conteudo
// retornado nela, como texto HTML

document.getElementById('pagina').innerHTML = req.responseText;

} else {
alert("Houve um problema ao obter os dados:n" + req.statusText);
}
}
}

[augustoclaro 2]

coloca assim no começo a função:

 

document.getElementById('pagina').innerHTML = "Carregando";

ou no caso da imagem:

 

document.getElementById('pagina').innerHTML = "<img src=\"loading.gif\" />";

Espero ter ajudado =D

[lsteffler 0]

É isso mesmo!

 

Muito Obrigado amigo, deu certinho!

 

Abraços! :joia: