Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: srccver en 11 Abril 2015, 07:50 am



Título: Paginas web que agregan información conforme sigues navegando en ellas
Publicado por: srccver en 11 Abril 2015, 07:50 am
Espero explicarme adecuadamente.

Algunas páginas presentan su información y abajo de ella se muestran los comentarios de los usuarios; pero conforme vas bajando en la página se agregan más comentarios. Esto es, la página funciona de forma interactiva, porque si no continúas navegando en ella, no agrega el resto de la información. Un ejemplo de estas páginas son las noticias de yahoo.

Mi pregunta es ¿como se determina en que parte de la página está navegando el usuario para poder controlar el momento de cargar desde la BBDD el resto de la información?

Gracias de antemano.


Título: Re: Paginas web que agregan información conforme sigues navegando en ellas
Publicado por: engel lex en 11 Abril 2015, 15:00 pm
por javascript sabes directamente que se está viendo y en que punto de la pagina se está, cuando llega a cierto lugar, hace una llamada asincrona, para obtener el resto de la información

para saber más busca sobre AJAX


Título: Re: Paginas web que agregan información conforme sigues navegando en ellas
Publicado por: srccver en 12 Abril 2015, 08:28 am
La carga de la información adicional con AJAX se como hacerla. Lo que no he podido encontrar son las instrucciones o algún ejemplo de código JS para detectar en que parte de la página se está navegando en un momento dado.

Ojalá me pudieras orientar al respecto.

Gracias.


Título: Re: Paginas web que agregan información conforme sigues navegando en ellas
Publicado por: engel lex en 12 Abril 2015, 15:18 pm
lo más simple es hacerlo con jquery


allí tienes el evento de

Código
  1. $(document).scroll()

que detecta cada vez que el usuario se desplaza en la pagina... si unimos estas 2 propiedades

indica que tan distante está el usuario desde el tope de la pagina en pixeles
Código
  1. $(document).scrollTop();

indica que tan lejos está un elemento desde el tope de la pagina en pixeles
Código
  1. $("#elemento_calculado").offset().top

puedes hacer algo como

Código
  1. $(document).scroll(function() {
  2.  if ($(document).scrollTop() < $("#elemento_calculado").offset().top) {
  3.    //el #elemento_calculado está viendose, hacer algo
  4.  }
  5. });
  6.  


Título: Re: Paginas web que agregan información conforme sigues navegando en ellas
Publicado por: srccver en 12 Abril 2015, 15:41 pm
Muchas gracias. Te agradezco infinitamente por ayudarme con esto. Llevaba días buscando como resolverlo.