Dar Refresh Só Na Div A Cada X Segundos

#1 anave

Normal

Usuários
107 posts

Sexo:Masculino
Localidade:Salvador

Posted 31/10/2011, 14:23

Pessoal, tenho uma pagina com algumas DIV´s, uma em particular faço a pesquisa no banco de mostro os dados na tela, então preciso fazer isso a cada X segundos, já tentei com JQUERY e não consegui, estou tentando com JavaScript e ó refresh tá sendo feito em toda a página, alguém pode me ajudar ? Vou postar como estou fazendo com JavaScript.


<header>

<script>

function tempoatualiza(){

setInterval("atualiza()",5000);

}



function atualiza(){

document.getElementById('tabela').innerHTML = location.reload();

}

</script>

</header>



<body onload="tempoatualiza();">

<div id='div1'>

....

....



<div id='div2'>

conexão com banco ...

consulta SQL

MONTA CONSULTA E EXIBE NA TELA...

</div>



</div



</body>

#2 Jefferson Ventura

Turista

Usuários
25 posts

Sexo:Masculino

Posted 03/11/2011, 15:05

Olá anave!

fiz um exemplo bem básico, só para vc ter uma idéia mesmo qq coisa só falar!

** Acredito q se vc for buscar dados do poderá utilizar $.ajax

abs!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
        <title></title>
		<script type="text/javascript">
		function atualiza(n){
			var num = (parseInt(n) + 1);

			$('#meuReload').html(num);
		}

		$(document).ready(function() {
			setInterval(function() { atualiza($('#meuReload').text()); }, 1000);

		})
		</script>
    </head>
    <body>
        <div id="divQualquer" style="border: solid 1px">

			divQualquer divQualquer divQualquer divQualquer divQualquer divQualquer <br />
			divQualquer divQualquer divQualquer divQualquer divQualquer divQualquer 

			<div id="meuReload" style="border: solid 1px">
				1
			</div>

			divQualquer divQualquer divQualquer divQualquer divQualquer divQualquer <br />
			divQualquer divQualquer divQualquer divQualquer divQualquer divQualquer 
		</div>
    </body>
</html>

Att,
Jefferson Ventura
http://br.linkedin.c...effersonventura

#3 anave

Normal

Usuários
107 posts

Sexo:Masculino
Localidade:Salvador

Posted 04/11/2011, 09:58

Jefferson, consegui fazer utilizando o JQUERY, dessa forma:
index.php
[code=auto:0]
<header>
<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>
</header>
<body>
<div id='pagina'>
...
...
<div id = 'tabela'>
// aki irá aparecer os dados das tabelas.
</div>
</div>
</body>
[code=auto:0]

Aí eu criei uma outra página com as instruções de SQL para pesquisar na tabela e mostrar na div tabela..

Vlw aí por sua ajuda ...

Edição feita por: anave, 04/11/2011, 09:59.

#4 Re nato Ferraz

Novato no fórum

Usuários
2 posts

Sexo:Masculino
Localidade:Governador Valadares - Minas Gerais

Posted 22/03/2013, 15:56

Jefferson, consegui fazer utilizando o JQUERY, dessa forma:
index.php
[code=auto:0]
<header>
<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>
</header>
<body>
<div id='pagina'>
...
...
<div id = 'tabela'>
// aki irá aparecer os dados das tabelas.
</div>
</div>
</body>
[code=auto:0]

Aí eu criei uma outra página com as instruções de SQL para pesquisar na tabela e mostrar na div tabela..

Vlw aí por sua ajuda ...

Script bacana, mais não funciona no Iexplorer, tem alguma dica?

Desenvolvimento → Javascript / DOM / AJAX / ECMAScript → Encontrar iframe em código Criado por Thyago Henrique em 10/04/2018 javascript, iframe	0 respostas 4049 Views	Thyago Henrique 10/04/2018
Desenvolvimento → Javascript / DOM / AJAX / ECMAScript → Script que faça com que a Imagem Troque Conforme Dia Criado por octavio pedro em 01/09/2017 javascript	4 respostas 3511 Views	RonsisM 06/10/2017
Desenvolvimento → PHP → Problema com funçoes JS Criado por gabriel159 em 06/08/2017 JavaScript, PHP, Funções, Input 1 2 3 4	Hot 53 respostas 19774 Views	JeffMalm 08/02/2023
Desenvolvimento → Javascript / DOM / AJAX / ECMAScript → Dúvida Chart.js Criado por Maximiler em 07/04/2017 js, javascript 1 2	24 respostas 132419 Views	JeffMalm 28/01/2023
Desenvolvimento → Javascript / DOM / AJAX / ECMAScript → Formulário para calculo de produtos Criado por JackJeff em 30/01/2017 javascript, calculo, produtos and 1 more...	11 respostas 6469 Views	JeffMalm 12/02/2023

#1 anave

#2 Jefferson Ventura

#3 anave

#4 Re nato Ferraz

Veja alguns posts relacionados com: timer, javascript, refresh

Encontrar iframe em código

Script que faça com que a Imagem Troque Conforme Dia

Problema com funçoes JS

Dúvida Chart.js

Formulário para calculo de produtos

1 user(s) are reading this topic

Dar Refresh Só Na Div A Cada X Segundos

Veja alguns posts relacionados com: timer, javascript, refresh

1 user(s) are reading this topic

Entrar