Loading antes de .load();

[Andrew Marques 47]

Olá pessoal,

 

estou usando a função .load() do jQuery para mudar o conteudo da minha página...

 

Gostaria de saber se tem algum jeito de aparecer um "Loading..." até a página que será exibida carregar totalmente...

 

O script está assim:

 

<script type="text/javascript">
   $(document).ready(function(){
      $("#menu a").click(function( e ){
         e.preventDefault();
         var href = $( this ).attr('href');
         $("#content").load( href +" #content");
      });
   });
</script>

 

Grato!

[William Bruno 1501]

tem como sim, mas com o $.ajax no lugar do $.load() vc tem mais controle.

 

http://wbruno.com.br/ajax/navegacao-sem-refresh-%E2%80%93-carregando-conteudo-ajax-em-div-2/

[Andrew Marques 47]

Bom Wilian é isso mesmo...

 

Só uma dúvida..

 

Eu quero que os links abram sempre a mesma página, apenas mudando a div..

 

Com load, eu tinha feito assim:

 

$("#content").load("paginas.html" +" #"+ href);

 

E no HTML ficaria assim:

<a href="fotos">Fotos</a>
<a href="sobre_nos">Sobre nós<a>

 

E abria o arquivo paginas.html e a div de acordo com a que eu cliquei...

 

Nessa sua solução aí, o que eu teria que trocar para funcionar desse jeito que preciso?

 

Obrigado!

[William Bruno 1501]

não precisa trocar nada.

 

já está pronto para funcionar da mesma forma.

 

var data = $( '<div>'+response+'</div>' ).find('#content').html();

[Andrew Marques 47]

Não consegui entender...

 

Meus links são assim:

 

<a href="home">Home</a>
<a href="fotos">Fotos</a>
<a href="contato">Contato</a>

 

Tenho uma página chamada "paginas.html" assim:

 

<div id="home">
Página inicial
</div>

<div id="fotos">
consegui fotos
</div>

<div id="contato">
consegui contato
</div>

 

Preciso que apareça a div de acordo com o href do link

 

mas nao ta funfando ;x

Consegui!

 

Mudei o url: href, para url: 'paginas.html',

 

e o var data = $( '<div>'+response+'</div>' ).find('#content').html(); para var data = $( '<div>'+response+'</div>' ).find('#'+href).html();

 

Valeu William!

Wilian só mais uma dúvida...

 

Tem alguma função que posso usar para voltar, exemplo cliquei no link abriu a página, dai clico em outro ele volta pra como tava...

 

Tem como??

[William Bruno 1501]

tem sim, seria um history.back, ai vc precisa implementar o evento onPopState

[Andrew Marques 47]

Pode me ajudar com exemplo?