Ir para conteúdo

POWERED BY:

Arquivado

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

Alan Alisson

Disparar evento ao visualizar DIV

Recommended Posts

Olá pessoal!

 

Estou tentando fazer com que 8 mensagens sejam exibidas inicialmente e depois ao descer a janela até acabar as 8 mensagens carregar mais oito e assim por diante... a parte do post para o php eu sei, mas não estou conseguindo exibir varias vezes seguidas, pois quando o jquery escreve a primeira vez a div que eu setei pra escrever é escrito pelo jquery.

 

Resumindo oq quero é fazer carregar sempre que a div é exibida, agora está exibindo só a primeira vez.

 

Já que não tem um evento do JQuery tive que bolar um, segue oq já consegui fazer:

 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script type="text/javascript">

$(function (){
// DISPARA AÇÕES QUANDO A PÁGINA ROLA
$(window).scroll(function () {

// pega o tamanho da janela
janela = $(window).height();
// pega o tamanho da janela se o usuario redimensionar
$(window).resize(function () {
janela = $(window).height();
});
// pega a distancia que a div no fim da página está
topo = $('#carregar_mais').offset().top;

// diminui para acertar onde a parte de cima da div está
topo = topo-janela;
// pega onde o usuário está
posicao = $(document).scrollTop();
// executa a ação quando vê a div
if(posicao >= topo){
$("#exibir_mais_conteudo").html('<div id="espaco" style="width: 100%; height: 1500px;"></div>');
}

});
});
</script>

<div id="espaco" style="width: 100%; height: 1500px;"></div>

<div id="exibir_mais_conteudo"></div>

<div id="carregar_mais" style="width: 100%; height: 200px;"> Quando visualizar esse texto mais conteundo é carregado.</div>

Compartilhar este post


Link para o post
Compartilhar em outros sites

veja esse exemplo:

http://ajaxian.com/archives/implementing-infinite-scrolling-with-jquery

 

É bem simples e sempre funcionou comigo!

Compartilhar este post


Link para o post
Compartilhar em outros sites

veja esse exemplo:

http://ajaxian.com/archives/implementing-infinite-scrolling-with-jquery

 

É bem simples e sempre funcionou comigo!

 

editando..

 

vi que o código está em asp... você tem ele em php tbm pegando dados do banco de dados??

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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