Ir para conteúdo

POWERED BY:

Arquivado

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

argenton

[Resolvido] Como atualizar página em determinado intervalo de tem

Por , em Javascript

Recommended Posts

argenton    0

argenton
Postado

Olá a todos! No meu site estou utilizando o seguinte script do g1 para notícias:

<script src="http://g1.globo.com/Portal/G1V2/js/addNewsVertical.js" type="text/javascript"></script>

 

só que tem um problema: no site tem também um streaming de uma rádio online, e se eu atualizar a página todo o momento vai interromper a reprodução.

 

Queria fazer algo que fizesse com que somente o script do g1 atualizasse a cada 2 minutos por exemplo, sem atualizar a página inteira do site.

 

Obrigado!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme_90    33

Guilherme_90
Postado

A sua solução é usar AJAX, ou iframe.

Compartilhar este post

Link para o post
Compartilhar em outros sites

argenton    0

argenton
Postado

A sua solução é usar AJAX, ou iframe.

 

 

Ok, o problema é que eu não entendo disso :( você pode montar o código pra mim, se não for pedir demais?

 

 

Obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme_90    33

Guilherme_90
Postado

Ok, o problema é que eu não entendo disso :( você pode montar o código pra mim, se não for pedir demais?

 

 

Obrigado

 

Aqui no fórum difícilmente alguém irá fazer o código pra você, me desculpe se fui grosseiro.

E outra coisa, eu também não sei AJAX, mas estou aprendendo com o tempo. Se não sabe algo, pesquise e entenda como funciona, é assim que aprende.

Compartilhar este post

Link para o post
Compartilhar em outros sites

argenton    0

argenton
Postado

Fucei Fucei e fucei e cheguei nisso:

 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<iframe id="g1" src="http://g1.globo.com/Portal/G1V2/js/addNewsVertical.js" widht="100" height="350"></iframe>

<script type="text/javascript">

      function atualizar() {
      					$ ('#g1'.attr('src', $('#g1').attr('src'));
return false;	}
window.setInterval("atualizar()" 15000);
</script>

eu segui o tutorial

 

não sei oque tem de errado :S vou desistir disso hahaha

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme_90    33

Guilherme_90
Postado

Cara, decorra a esta dúvida na sessão de Programacao->Javascript_DHTML();

Lá é mais específico na sua dúvida, que é em JS, não PHP!

Compartilhar este post

Link para o post
Compartilhar em outros sites

FernandoPhP    9

FernandoPhP
Postado

no src do iframe, você está fazendo referencia a um aquivo js

 

Não deveria ser ao site que você quer atualizar?

 

essa é a referencia:

http://g1.globo.com/Portal/G1V2/js/addNewsVertical.js

 

alterei para a referencia correta e está funcionando.

 

Se tiver mais alguma dúvida posta ai

 

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>
<body>
   <iframe id="g1" src="http://g1.globo.com/Portal/G1V2/include/glb_g1v2_include_addnewsvertical/0,,,00.html" width="200" height="300" marginheight="0" marginwidth="0" frameborder="0" scrolling="no"></iframe>

   <script type="text/javascript">

       function atualizar(){
               $('#g1').attr('src', $('#g1').attr('src'));
               return false;
       }
       window.setInterval("atualizar()", 15000);
   </script>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

argenton    0

argenton
Postado

Ele aparece assim no site: problemjzn.jpg

não sei por que, se não tenho nenhum document.write no script :o

Eu tinha encontrado alguns erros quanto aos parênteses e letras e corrigi, no fim: ficou assim:

 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<iframe id="g1" src="http://g1.globo.com/Portal/G1V2/js/addNewsVertical.js" widht="100" height="350"></iframe>

<script type="text/javascript">

   function atualizar() {
   					$('#g1').attr('src', $('#g1').attr('src'));
return false;	}
window.setInterval("atualizar()" 15000);
</script>

Compartilhar este post

Link para o post
Compartilhar em outros sites

FernandoPhP    9

FernandoPhP
Postado

Só copiar e colar :natalbiggrin: 

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>
<body>
   <iframe id="g1" src="http://g1.globo.com/Portal/G1V2/include/glb_g1v2_include_addnewsvertical/0,,,00.html" width="200" height="300" marginheight="0" marginwidth="0" frameborder="0" scrolling="no"></iframe>

   <script type="text/javascript">

       function atualizar(){
               $('#g1').attr('src', $('#g1').attr('src'));
               return false;
       }
       window.setInterval("atualizar()", 15000);
   </script>
</body>
</html>

 

Resolvido né?

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