(Resolvido) Progresso de Carregamento (Loading)

[diogoleter]

Olá,

Estou tentando achar alguma solução para avisar/mostrar ao usuário que o conteúdo de uma aplicação ajax está sendo carregado.

Basicamente é algo que fica mostrando aquele gif animado enquanto um conteúdo está sendo carregado, um LOADING para ser mais direto.

Já pesquisei neste fórum e não achei nada tão certo, ou não utilizei keywords corretos.

Grato pela atenção e sua ajuda!

[KaKarotto]

Mostra o código cara. Só o trecho da sua aplicação Ajax.

[diogoleter]

Não necessariamente preciso mostrar código, pois não tenho um específico, apenas estou precisando de um exemplo/sintaxe/lógica mais claro de como fazer isso.

Obrigado!

Alguém?

[KaKarotto]

Bom, como faço com todos, vou partir do principio que saiba javascript, e postarei apenas a parte do código da sua questão.

function loadAplication(url, objID){
   document.getElementById(objID).innerHTML="<img src='carregando.gif' />"

var obj=ajaxObj()

obj.onreadystatechange=function(){
   if (obj.readyState==4)
  document.getElementById(objID).innerHTML=obj.responseText
}

obj.open("GET", url, true)
obj.send(null)
}

Explicação:

Ao iniciar a aplicação, a função vai colocar uma imagem de loading dentro do div que vai usar para loadear o conteúdo.

Cria-se na segunda linha do código uma variável que vai receber um objeto ajax de uma outra função (Não coloquei aqui a função).

O objeto (obj) vai mudar de estado 5 vezes, quando ele mudar para o estado "completo", uma função anônima é criada e ela colocará, no div, o conteúdo, apagando a imagem de loading usada anteriormente.

OK?

Akelabrasssssss

Editado Dezembro 12, 2007 por KaKarotto

[diogoleter]

Era exatamente isso KaKarotto. Obrigado pela ajuda!