Ir para conteúdo

POWERED BY:

Arquivado

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

Marcos Barbosa

[Resolvido] Refresh na DIV com jquery

Por , em PHP

Recommended Posts

Marcos Barbosa    1

Marcos Barbosa
Postado

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>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marcos Barbosa    1

Marcos Barbosa
Postado

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.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fabio Pratta    14

Fabio Pratta
Postado

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);
$('#tabela').fadeIn("slow")
});
      }, 9000
  );
});
</script>
<body>
  <div id="pagina">
       ...
       ...
       ...

       <div id='tabela'>
         <!-- 
            Aqui eu monta a tabela e toda a consulta no banco de dados
         -->
       </div>
  </div>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marcos Barbosa    1

Marcos Barbosa
Postado

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marcos Barbosa    1

Marcos Barbosa
Postado

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.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marcos Barbosa    1

Marcos Barbosa
Postado

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme_90    33

Guilherme_90
Postado

Vou pegar este exemplo e implementar em meu sistema! hehehe

Compartilhar este post

Link para o post
Compartilhar em outros sites

pulao    0

pulao
Postado

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?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Billie Joe    0

Billie Joe
Postado

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

Compartilhar este post

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

Informação importante

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

  Aceito