Carregando página com AJAX

[DaRkShAfT 0]

Oi malta,

 

Estou tentando encontrar algo do género:

 

Eu tou desenvolvendo um cms, e gostaria de carregar as páginas, ou seja, fazer todo o tipo de actualizações sem requisitar directamente uma página ao browser...

 

Eu consigo fazer isso, apesar de ainda ter de configurar outros pormenores, visto que sempre que chamo o AJAX, tenho que carregar novamente o ficheiro de idioma, js, etc...

 

O que eu queria era o seguinte, qd eu faço essa chamada ao ajax, colocar a div que eu depois vou chamar em standBy, e enquanto a nova página carrega, aparece uma nova div por cima dessa, transparente, e a dizer lendo.. ou com uma imagem de loading...

 

Alguém sabe onde posso encontrar algo? :blink:

 

Abraço.

[Rafael Soares 0]

Cara, não sei se entendi o que você quer. Se você precisa de algo que escreva "Carregando...", e quando terminar de carregar, essa frase saia e entre o que o usuário requisitou, acho que é simples.

 

Você provavelmente está mandando esse resultado da requisição aparecer dentro de algum elemento HTML, por exemplo:

 

-------------------------------------

RESULTADO ABAIXO:

 

<div id='divResultado'>

</div>

 

-------------------------------------

 

Se você está fazendo isso, faça um innerHTML dentro da div que irá aparecer o resultado escrito "carregando...", e abaixo desse innerHTML, coloque a função ajax que imprime o retorno dentro da mesma div, segue um algoritmo:

 

 

-----------------------------------

<script>

function retornoAjax(){

document.getElementById('divResultado').innerHTML='Carregando...';

 

funcaoAjaxDeRetorno(); //Mande essa funcao que joga o retorno do ajax na tela, colocar o resultado dentro da DIV, ou seja, substituindo o innerHTML feito acima

}

</script>

 

<a onclick='retornoAjax()'>LINK</a>

 

<div id='divResultado'>

</div>

-----------------------------------

 

Bem, espero que tenha ajudado em alguma coisa...

 

Abraço!!

[DaRkShAfT 0]

Oi,

 

É isso, mas isso eu sei fazer...

 

Eu quero algo mais completo! http://forum.imasters.com.br/public/style_emoticons/default/blush.gif

 

Não sei se conhecem o painel control Plesk, mas ele tem um bom exemplo do que eu quero...

 

Eu já estive a ver, e lá ele faz isto no body, nao num div...

 

Qd se clica num link, ele chama mm a página desse link! Isto como está a trabalhar numa frame, não muda o url no browser... Acontece que a página que estava a ser apresentada, fica com uma camada cinza por cima, transparente e a dizer carregando... e depois, qd a nova página requisitada fica carregada, ele retira essa camada...

 

Um efeito muito fixe... Enquanto se faz qq operação, não é possível carregar em mais nada, e vê-se depois o resultado a abrir... assim que o resultado fica carregado, a página fica normal...

 

Não sei se me consegui explicar... :wacko:

 

Ver se alguém já introduziu algo parecido... era uma grande ajuda http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[DaRkShAfT 0]

Podem ver o que eu quero aqui:

 

https://plesk754.demo.swsoft.com:8443/

 

Login

 

user: admin

pass: plesk

 

Cliquem nos links e compreendem logo.. Todos os links são um link normal, mas depois no onClick é chamado uma funcão JS que faz esse efeito...

 

Se alguém souber... Agradecia...

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[DSerma 19]

Qual o seu nivel de conhecimento em AJAX ?

 

O que o menu desse site que você passou faz é AJAX puro...

 

Uma simples função em AJAX para carregar a página e botar um "loading", faz isso...

 

A unica diferença é que esse site criou uma div com z-index alto e colocou o loading dentro dele...

 

Abraços...

[rev087 0]

Á um bom tempo atras, eu estava brincando com uma animação assim: http://lab.vault7.com/loadingfx/ (clique no "um link" no meio do texto)

Se quiser fuçar no código, fique a vontade. (estou usando mootools)

[DaRkShAfT 0]

Oi,

 

Obrigado por tudo.. Eu já me safei... http://forum.imasters.com.br/public/style_emoticons/default/grin.gif

 

Alguns copys e dedicação, e já estou conseguindo aquilo que quero!

 

Agora tenho uma nova coisita... :rolleyes:

 

Eu quero ter um div, o conteudo é um menu... O que eu pretendo é que quando o user vai baixando a frame, o div quando chegar ao topo da Frame, fique aí e não se esconda por trás da frame de cima...

 

Isto tanto se aplica a frames, como a página em si...

 

Eu quero que a página corra, mas que aquela div qd chegar ao topo fique no topo, e o resto da página continue correndo por baixo da div...

 

Deu para compreender?

 

Valeu malta