Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá amigos, estava procurando um meio de atualizar um determinado campo de uma página sem dar f5 e automaticamente, porém não obtive tanto êxito. A variável php, quando abrimos uma página, preenche um valor, mas se mudarmos uma tabela, ela não muda automaticamente. encontrei esse código na internet :
<head>
<script src="jquery.js"></script>
</head>
<html>
<div id="#conteudo">
<?php
include '../config/config.php';
<?php echo $linha['play']; ?>
?>
</div>
<script type="text/javascript">
var tempo = window.setInterval(carrega, 1000);
function carrega()
{
$('#conteudo').load("dados.php");
}
</script>
</html>e funcionou, mas ela atualiza a página toda e não somente a div. Como prosseguir?
amigo, você não teria nenhuma resolução mais simples?
Então, essa maneira que você fez é uma solução simples, mas precisa ver se está de acordo com o layout.
O conteúdo que você vai "puxar" do PHP irá dentro da div com o id conteudo ?
Agora, para resolver o seu problema, remove o window do método window.setInterval e chamar a callback dentro do setInterval. Tente fazer o seguinte:
<script type="text/javascript">
var tempo = setInterval(function(){
$('#conteudo').load("dados.php");
}, 1000);
</script>E quando quiser parar o refresh, faça:
clearInterval(tempo);
;)A ideia, é colocar um player em baixo desse loop, mas ele fica sumindo e aparecendo.
<head>
<script src="jquery.js"></script>
</head>
<html>
<div id="#conteudo">
<?php
include '../config/config.php';
echo $linha['play']; ?>
</div>
<script type="text/javascript">
var tempo = setInterval(function(){
$('#conteudo').load("dados.php");
}, 1000);
</script>
<audio controls>
<source src="quase.mp3" type="audio/mpeg">
</audio>
</html>Lê a documentação do .load(). Ele te permite puxar apenas uma parte do html.
$( "#conteudo" ).load( "dados.php #conteudo" );
Boa noite!
Cara, eu recomendo você aprender e utilizar Ajax. Pois você faz isso de maneira assíncrona e controla os dados com o javascript.
Uma vídeo aula completa e um tutorial muito bom sobre Ajax.