Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Dian Carlos

Implementando o pushState para navegação de páginas

Recommended Posts

Olá amigos do iMasters.. :yay:

 

Li um artigo do blog do William Bruno - http://wbruno.com.br/2011/11/25/carregando-conteudo-ajax-trocando-url-jquery/ - e com as suas dicas criei 'O Sistema' de administração de sites da empresa onde trabalho. Um print do login:

 

siteAdmin.jpg

 

Pois bem, ele funciona perfeitamente, mas os botões de navegação do browser não funcionam, ai eu li um outro artuigo do wbruno.com.br - http://wbruno.com.br/2012/02/22/window-history-pushstate-javascript-trocando-url-usando-api-html5-em-paginas-carregadas-ajax/ - sobre com eu poderia implementar isso, mas eu não consegui.. Como eu posso fazer isso no meu código?

 

Eis o código:

function abre(href, content){
$('#uOpacity').show();
$.ajax({
	url: href, 
	error: function(){
		$('#uOpacityTag').css({background: '#C00'}).html('Ocorreu um erro no carregamento da página requisitada.<br /><a href="'+siteurl+'/admin/">Clique aqui para recarregar o Site Admin</a>. Se o problema não for resolvido entre em contato com o desenvolvedor para suporte.').slideDown();
		$('#header').css({borderBottom: '3px solid #C00'});
		},
	success: function(response){
		$('#uOpacity').fadeOut('fast');
		$('#uOpacityTag').slideUp();
		content.html(response);
		$('#uEstatisticas').load('layout/elements/uStatic.php');
		}
});
}  

function pega_arq(url){
var file = url.split('#/');
return ( file[1] ) ? 'layout/elements/'+file[1] : 'layout/elements/uHome.php';
}

   var content = $('#navigation');

   $('a').live('click', function(e){
$('html, body').animate({scrollTop:0}, 'slow');
   var arq = pega_arq($(this).attr('href'));  
   abre(arq, content);  
   });
   abre(pega_arq(document.location.href), content); 

 

Desde já, agradeço a ajuda de todos..

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.