Ir para conteúdo

Arquivado

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

hostbasico

atualizar pagina e url sem para player

Por , em Javascript

Recommended Posts

hostbasico    0

hostbasico
Postado

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á.

Compartilhar este post

Link para o post
Compartilhar em outros sites

hostbasico    0

hostbasico
Postado

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.

Compartilhar este post

Link para o post
Compartilhar em outros sites

hostbasico    0

hostbasico
Postado

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?

Compartilhar este post

Link para o post
Compartilhar em outros sites

hostbasico    0

hostbasico
Postado

<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>

Compartilhar este post

Link para o post
Compartilhar em outros sites

explore    3

explore
Postado

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);
});

        });
    });

Compartilhar este post

Link para o post
Compartilhar em outros sites

hostbasico    0

hostbasico
Postado

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.

Compartilhar este post

Link para o post
Compartilhar em outros sites

hostbasico    0

hostbasico
Postado

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.

Compartilhar este post

Link para o post
Compartilhar em outros sites

hostbasico    0

hostbasico
Postado

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"></script>
<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>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito