Duvida AJAX: InnerHTML recebendo páginas (.php, .jsp)

Front-end
#1

Olá pessoal,

em minha aplicação AJAX tenho o script abaixo para informar que a pagina esta sendo carregada:

=============
document.getElementById(pcCamada).innerHTML = “Carregando Página …”

Como posso fazer para, ao invés de colocar “carregando …” eu colocar uma página html com uma coisa mais legal tipo um gif animado de carregamento.

=============
document.getElementById(pcCamada).innerHTML = window.location=“Pagina.html”;

Mas não deu certo, quem puder ajudar ficarei grato.

Tiago.

#2

[code]var req = new XMLHttpRequest();

req.open("GET", "carregando.jsp", true);

req.onreadystatechange = function(){
if(req.readyState==4){
document.getElementById(pcCamada).innerHTML = req.responseText;
}
}

req.send(null);[/code]

Mas o ideial é que o codigo para exibir esse carregando esteja dentro da propria pagina, pra não ter esse “delay” de carregar a pagina “carregando.jsp”.

#3

E ai Jairelton,

Compreendi sua explicação obrigado. Crio uma instancia de XMLHttpRequest() e depois faço o carregamento como página final. Aconteceria isso mesmo, perderia desempenho tendo que carregar esta página tb. Cheguei a uma seguinte conclusão, o ideal é criar um gif animado com ampulhetinha e tal e colocar para ser chamada tipo:

document.getElementById(pcCamada).innerHTML = “<img src=‘carrega.gif’>”;

Assim seria rápido e não perderiamos o sentido do AJAX. Valew …

Tiago.

#4

E ai Jairelton,

Com o gif animado funcionou 100%. Ficou muito legal e sem perca de desempenho.

link:
http://www.tiagorocha.brihost.com.br

Obrigado, precisando estamos ai…

Tiago Hck]

#5