Ir para conteúdo

POWERED BY:

Arquivado

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

William Cleisson Carvalho

[Resolvido] Executando script ao chegar no fim da página

Recommended Posts

Olá pessoal,

 

estou fazendo um sistema pra controle de visitantes de um site em PHP, o problema que estou tendo é o seguinte.

 

Eu preciso que quando a abrisse um artigo, somava +1 em visitantes quando a pessoa rolasse a página até o final, presumisse que leu, então somasse +1 em leitores.

 

A parte de controle dos visitantes está pronta. Meu problema está em como detectar que o usuário rolou a página até o final pra eu chamar a rotina de somar mais um leitor do artigo. Imaginei que desse pra fazer em JavaScript ou JQuery, mas não estou encontrando uma forma de fazer isto.

 

Alguém pode me dar uma idéia, ou sugerir alguma técnica que me ajude a fazer isto?

 

Muito Obrigado pessoal.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Dá pra fazer com jQuery sim, e não é tão complicado. Já viu aqueles sisteminhas que o Google vem adotando que ao chegar no fim da barra de rolagem, carrega mais registros, substituindo os sistemas de paginação? A base é a mesma!

você precisa pegar o tamanho total da altura em px da página, e verificar com a função .scrollTop (estou exemplificando com jQuery) se o usuário encontra-se próximo desse valor. Se sim, executa um comando AJAX para requisitar uma página PHP.

Vou transferir para o fórum de JS. Lá vão te ajudar com mais detalhes.

 

[]'s

 

Tópico Movido: PHP http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Javascript/DHTML

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bem, estou meio sem tempo, mas, faz o teste por ai:

 

<script type="text/javascript"
	src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	var posicaoAtual = $(window).scrollTop();
	var documentSize = $(document).height();
	var sizeWindow = $(window).height();
	
	$(window).scroll(function () {
		posicaoAtual = $(window).scrollTop();
 	if ( posicaoAtual >= (documentSize - sizeWindow ) ) {
			alert ("Final do documento ->" + posicaoAtual);
		}
	});
	
	$(window).resize(function() {
		posicaoAtual = $(window).scrollTop();
		documentSize = $(document).height();
		sizeWindow = $(window).height();
	});
	
	
});
</script>

Nesse exemplo ai acima, ele detecta quando chega ao final da página.

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.