Olá pessoal!
Mais uma vez preciso da ajuda de vcs, gostaria de entender como faz esse tipo de navegação sem reflesh
Apenas usuários registrados e ativados podem ver os links., Clique aqui para se cadastrar...
DEMO
Apenas usuários registrados e ativados podem ver os links., Clique aqui para se cadastrar...
montei a minha estrutura html com os menus até ai tudo certo. quando clico nos menus muda a url sem atualizar a pagina porem não pega a pagina correspondente ao menu.
veja o código
criei a pagina content.php com echo escrito la dentro, porem não mostra quando clico no link.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
MENU
Desde já agradeço pela ajuda.
Mais uma vez preciso da ajuda de vcs, gostaria de entender como faz esse tipo de navegação sem reflesh
Apenas usuários registrados e ativados podem ver os links., Clique aqui para se cadastrar...
DEMO
Apenas usuários registrados e ativados podem ver os links., Clique aqui para se cadastrar...
montei a minha estrutura html com os menus até ai tudo certo. quando clico nos menus muda a url sem atualizar a pagina porem não pega a pagina correspondente ao menu.
veja o código
criei a pagina content.php com echo escrito la dentro, porem não mostra quando clico no link.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
Código:
$(function() { $('nav a').click(function(e) { url = $(this).attr("href"); $.getJSON("content.php", {contentid : url},function (data) { $("#content").html(data); }); window.history.pushState('object', 'New Title', url); e.preventDefault(); }); });
Código HTML:
<ul id="menu" class="clearfix"> <li><a href=".">INICIO</a></li> <li><a href="teste1">TESTE 1</a></li> <li><a href="teste2">TESTE 2</a></li> <li><a href="teste3">TESTE 3</a></li> </ul>
Comment