Carregando conteúdo em div usando Ajax

Olá galera hoje mostrar um tutorial muito bacana que vale a pena estar sendo usado, o que vamos fazer é carregar o conteúdo, quando clicarmos em um link ,utilizaremos também um fade com uma imagem gif para dar o load(carregamento), e para mais detalhes veja o exemplo nesta pagina:

http://wbruno.com.br/scripts/ajaxdiv.html


Agora vamos ao tutorial


1)Neste tutorial iremos usar  $.ajax, já que $.get e $.post, são apenas atalhos para ela.A maior alteração, será nesse trecho do script:


$("#content").load( href +" #content"); 
2)vamos dar uma implementação no código html, lembrando que javascript fica abaixo da tag e restante em nosso corpo abaixo da tag :







Bem Vindo!

Essa eh a home desse nome pseudo-site.
3)Vamos nos  lembrar que as páginas internas, devem continuar com o código HTML completo, pois queremos que nosso site continue funcionando caso não haja suporte a javascript no navegador do usuário.


 




Fotos

Fotos fotos fotos




Previous
Next Post »