Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Tenho uma div tabela, onde monto toda uma consulta no BD, é intenso as atualizações feitas nos dados do banco, por isso, na consulta que monto, preciso dar um refresh, mas esse refresh não pode ser em toda a página, por isso, estou tentando fazer com JQUERY, assim estou dando refresh só na DIV tabela.
Na função q montei, quando dar o refreash na DIV, todas as informações somem, inclusive o HTML que está dentro da DIV.
O código tá assim:
<script type="text/javascript">
$(document).ready(function() {
...
...
...
var atualizaDiv = setInterval(function(){
$('#tabela').fadeOut("slow").load('lista_laudos.php?randval='+Math.random());
}, 9000
);
});
</script>
<body>
<div id="pagina">
...
...
...
<div id='tabela'>
<!--
Aqui eu monta a tabela e toda a consulta no banco de dados
-->
</div>
</div>Julia, bem já estou fazendo com JQUERY, inclusive mostro o código. O problema está sendo no retorno do refresh.
Bem, consegui fazer com q os dados da tabela sejam mostrados, mas ainda assim, a tabela não é atualizada.
Mudei essa linha:
$('#tabela').fadeOut("slow").load('lista_laudos.php?randval='+Math.random());
Para:
$('#tabela').fadeOut("slow").load('lista_laudos.php?randval='+Math.random()).fadeIn('slow');
Agora, preciso que as instruções SQL q estão dentro da DIV, seja ataulizadas tb.
Ele vai recarregar a div tabela ou seja os dados da div tabela vao sumir a carregar um novo abaixo script
<script type="text/javascript">
$(document).ready(function() {/* REPARE QUE você DEU UM FADEOUT E NAO DEU UM FADE IN **/
var atualizaDiv = setInterval(function(){
$('#tabela').fadeOut("slow").load('lista_laudos.php?randval='+Math.random(),{},function(retorno){
$('#tabela').html(retorno);});
}, 9000
);
});
</script>
<body>
<div id="pagina">
...
...
...
<div id='tabela'>
<!--
Aqui eu monta a tabela e toda a consulta no banco de dados
-->
</div>
</div>Depois q eu coloquei o código q você me indicou, começou a dar um erro no PDO, nessa linha
$query = $conecta->prepare($sql);
, o erro é:
Fatal error: Call to a member function prepare() on a non-object in C:\wamp\www\rislaudo\Nav\lista_laudos.php on 237, vou ajeitar isso aqui e depois q testar eu posto aki.
Vlw
Fábio, fiz como você me ensinou, mas quando ele dá o FadeOut e FadeIn, dentro da div, ele lê toda a página e colocar dentro da div, e mesmo assim ñ está atualizando a div com os dados que estão no banco.
Tópico resolvido.
Fiz assim:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
atualiza();
});
function atualiza(){
$.get('processa_lista.php', function(resultado){
$('#tabela').html(resultado);
})
setTimeout('atualiza()', 3000);
}
</script>
<body>
<div id ='pagina'>
...
...
<div id='tabela'>
// aki aparecerá as informações da tabela.
</div>
</div>
</body>A pagina onde está essa instrução chama-se por exemplo: index.php
Criei uma página chamama processa_lista.php e lá eu coloco toda a minha lista.
Vlw aí galera...
Vou pegar este exemplo e implementar em meu sistema! hehehe
>
Tópico resolvido.
Fiz assim:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
atualiza();
});
function atualiza(){
$.get('processa_lista.php', function(resultado){
$('#tabela').html(resultado);
})
setTimeout('atualiza()', 3000);
}
</script>
<body>
<div id ='pagina'>
...
...
<div id='tabela'>
// aki aparecerá as informações da tabela.
</div>
</div>
</body>A pagina onde está essa instrução chama-se por exemplo: index.php
Criei uma página chamama processa_lista.php e lá eu coloco toda a minha lista.
Vlw aí galera...
sobre o processa_lista.php. É nele que está o SQL e a tabela em html? e você deixa na ex: index.php somente o local que vai receber os dados de resposta com a tabela feita com os resultados de processa_lista, é isso mesmo?
Ressuscitando um tópico antigo, estou com um probleminha semelhante:
Tenho uma galeria de imagens dentro de um sistema. Junto com essa galeria existem dados referentes ao produto. Quero poder colocar um botão de "apagar" e remover a imagem do sistema (arquivo + banco) sem dar um refresh na página.
Alguém tem uma ideia de como executar?
[]s
Marcos Barbosa, que eu saiba para você fazer isso ai só com ajax, você pode usar facilmente através do jQuery veja esse link: http://api.jquery.com/jQuery.ajax/
Espero ter ajudado! ^_^