Ir para conteúdo

POWERED BY:

Arquivado

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

DeividMG18

carregamento de dados em uma tabela

Por , em Javascript

Recommended Posts

DeividMG18    3

DeividMG18
Postado

bom dia

 

alguem sabe se eh possivel carregar dados em uma tabela de segundos em segundos na seguinte forma:

 

no primeiro carregamento puxa 5 linhas do banco de dados quem tem 50 linhas

 

linha50

linha49

linha48

linha47

linha46

 

depois de 10 segundos aparece na seguinte forma

 

linha49

linha48

linha47

linha46

linha45

 

eu ja sei como fazer o carregamento de segundos em segundos soh nao sei como chamar dessa forma.

Compartilhar este post

Link para o post
Compartilhar em outros sites

DeividMG18    3

DeividMG18
Postado

ja tenho a div que ira mostrar os dados

 

 

<script type="text/javascript">
$(function($) {
// Atualiza a frase no carregamento
atualizar();
});
// Função para atualizar a frase
function atualizar()
{
// Faz requisição com o servidor
$.post("lista.php", function(resposta) {
// Coloca a frase na DIV
$("#lol").html(resposta);
});
}
// Intervalo de atualização
setInterval(function atualiza()
{
$
("#lol").slideUp(3333).load("lista.php").slideDown(9999);
}, 10000);
</script>
<div id='lol'></div>
sera possivel fazer o q citei acima?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

a cada 10 segundos vc tras mais 1 dado ne?!

 

um ajax disparado em um setInterval()

 

vc precisa de uma variavel global no js para saber quantas vezes já chamou o ajax. Ai a cada volta do setInterval(), vc trás mais 1 de lá do php.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

chamando o setInterval:

window.setInterval(funcao_ajax, 1000);

e o teu php:

$sql = "SELECT * FROM table ORDER BY id DESC LIMIT 5,1";
e ai no próximo:
$sql = "SELECT * FROM table ORDER BY id DESC LIMIT 6,1";

 

sendo que a primeira query é:

$sql = "SELECT * FROM table ORDER BY id DESC LIMIT 5";

Compartilhar este post

Link para o post
Compartilhar em outros sites

DeividMG18    3

DeividMG18
Postado

eu consegui dessa forma

 

teste.php

<?php

session_start();
$_SESSION['a']=1;

?>

<script type="text/javascript" src="js/jquery.js"></script>
        
        <script type="text/javascript">
                 
		$(document).ready(function(){
                      

			atualiza();
		});
			
		function atualiza(){ 
                   
		   $.get('dados.php', function(resultado){
			$('#tabela').html(resultado);
		   })
		   setTimeout('atualiza()', 3000);
		}
	   </script>
<body>
  <div id ='pagina'>
 
      <div id='tabela'>
       
      </div>
  </div>
</body>

 

dados.php

 

<?php 
session_start();
			include_once'includes/conection.php';
		        $d=$_SESSION['a'];
                        echo "iniciar do registro - ".$d."<br>";
                        $qtd=5;
                        echo "quantidade a ser mostrada - ".$qtd."<br>";
			$produtos1=mysql_query("SELECT id FROM produtos ");

                         $n=mysql_num_rows($produtos1);
                         echo "total de registros - ".$n."<br>";

			$produtos=mysql_query("SELECT * FROM produtos ORDER BY id ASC LIMIT $d,$qtd");

$_SESSION['a']=$_SESSION['a']+1;
if($_SESSION['a']==$n-$qtd){
$_SESSION['a']==1;
}
			$i=0;

while($l=mysql_fetch_array($produtos)){
         $id=$l['id'];
	$codigo=$l['codigo'];
	$produto=$l['produto'];
	$preco=$l['preco'];
	
if( $i%2 == 0 ){
	$cor='#CCCCCC';
	
	}else{
		$cor='#FFFFFF';
		
		}
	
	echo "<p style='height:20px'>	
		<div style='width:80%;float:left;text-align:left'>$id - $produto</div>
	<div style='width:20%;float:left;text-align:left''>".number_format($preco,2,',','.')."</div>
	</p>";
	
	  $i++;
	
	}
		
			?>

 

se tiver uma forma mais facil de fazer eu agradeço...vlw willian vc me ajudou muito

 

teste online

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