Quantcast
Channel: Tópicos
Viewing all articles
Browse latest Browse all 14700

.load() com Scroll

$
0
0
Estou a fazer uma função, em que uma div com scroll sempre que chega ao fundo, faz o load de uma página para mostrar mais resultados da base de dados.

Tenho um input hidden, com o ultimo ID que é exibido na tabela, para fazer sempre a devida leitura.

Em file1.php
Código (Javascript):
...
if($(this).scrollTop() + $(this).innerHeight()>=$(this)[0].scrollHeight){ //accina no fim do scroll
         var idLast = $("#input_id").val(); //id do input
         $("#show_results_"+idLast).load("file2.php", {id_input:idLast}, function(data) { //Lê o file 2
                   document.getElementById("input_id").setAttribute('value',idInput); //Altera o ID do input
         });
}
...

Código (HTML):
<div id="show_results_<?=$reh['id'];?>" id="show_results"></div>
<input id="input_id" type="hidden" value="<?=$reh['id'];?>" />


- Em file2.php
Tenho todos os dados necessários que pretendo mostrar, mais isto.
Código (HTML):
<div id="show_results_<?=$reh['id'];?>"></div>
<script>
var idInput = <?=$reh['id'];?>
</script>


Isto está-me a funcionar, mas esta-me a criar Div's, dentro de Div's, dentro de Div's, até não haver mais resultados na BD.
Eu queria evitar criar resultados dentro das proprias Div's, e como tal, peço aqui ajuda. Obrigado

Viewing all articles
Browse latest Browse all 14700

Trending Articles