Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Tenho um site onde carrego atualmente, o site e o player via frames.
O player não atualiza, somente o site mas a url não é modificada.
Precisava de uma solução onde a url fosse atualizada, o conteudo fosse atualizado mas o player não parece de funcionar.
Agradeço desde já.
Já havia verificado este link mas a url não é alterada. Sempre esta a mesma.
E como está seu script?
Atualmente utilizo frame para carregar duas paginas.
Um onde o player é carregado e outro onde o conteudo do site é carregado.
A url fica sempre a padrão mesmo acessando outros links do site.
Fiz conforme foi passado no artigo.
Agora só estou com um problema.
Tenho links na div content. Como faço para que quando clicar nesses link, apenas essa div seja atualizada?
Como está seu código?
<script type="text/javascript">
$(document).ready(function(){
$("#conteudo_fixo a").click(function( e ){
e.preventDefault();
var href = $( this ).attr('href');
$("#conteudo_refresh").load( href +" #conteudo_refresh");
});
});
</script>
<div id="conteudo_fixo">
<!-- aqui o conteudo fixo, sem atualização -->
</div>
<div id="conteudo_refresh"><!-- aqui o conteudo onde será atualizado mas existira links para outras paginas -->
</div>
pra você adicionar o conteudo na div é $("#conteudo_refresh").html(suaVariavel);
agora entendi oq você quer. usa a ajax
$(document).ready(function(){
$("#conteudo_fixo a").click(function( e ) e.preventDefault();
var href = $( this ).attr('href');$.ajax({
url: href,
context: document.body
}).done(function(conteudo) {
$("#conteudo_refresh").html(conteudo);
});
});
});Utilizei a dica do explore.
É bem isso mesmo que precisava.
Só esta ocorrendo um probleminha.
Quando clico em qualquer link do site, carrega o conteudo sem refresh duas vezes.
nao entendi
Pelo que verifiquei, não esta funcionando.
Esta da mesma forma que antes.
Se tiver um link na div onde o conteudo não é fixo, ele abre a url, pausando assim o player de audio que esta na barra onde não é atualizada.
Vou postar o código atual do que tenho
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="[http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js">](http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js)
<script type="text/javascript">
$(document).ready(function(){
var content = $('#content');
//pre carregando o gif
loading = new Image(); loading.src = 'loading.gif';
$('#menu a').live('click', function( e ){
e.preventDefault();
content.html( '<img src="loading.gif" />' );
var href = $( this ).attr('href');
$.ajax({
url: href,
success: function( response ){
//for�ando o parser
var data = $( '<div>'+response+'</div>' ).find('#content').html();
//apenas atrasando a troca, para mostrarmos o loading
window.setTimeout( function(){
content.fadeOut('slow', function(){
content.html( data ).fadeIn();
});
}, 500 );
}
});
});
});
</script>
</head>
<body>
<ul id="menu">
<li><a href="index.html">Home</a></li>
<li><a href="fotos.html">Fotos</a></li>
<li><a href="contato.html">Contato</a></li>
</ul><!-- /menu -->
<div id="content">
<h1>Bem Vindo!</h1>
<p>Essa eh a home desse nome pseudo-site.</p>
<a href="#">se aqui tiver um link, a pagina é recarregada completamente</a>
</div><!-- /content -->
</body>
</html>
Precisará trabalhar com navegação sem refresh. Dê uma lida neste artigo.