Disparar evento ao visualizar DIV
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 (){// 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>Discussão (2)
Carregando comentários...