Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Scroll Infinito y PHP

Estas en el tema de Scroll Infinito y PHP en el foro de Frameworks JS en Foros del Web. Hola a todos. Les explico. Estoy tratando de hacer un scroll infinito (esos de que cuando bajas el scroll trae nuevos registros de una BD). ...
  #1 (permalink)  
Antiguo 09/08/2011, 17:23
 
Fecha de Ingreso: diciembre-2008
Mensajes: 21
Antigüedad: 11 años, 10 meses
Puntos: 0
Scroll Infinito y PHP

Hola a todos. Les explico. Estoy tratando de hacer un scroll infinito (esos de que cuando bajas el scroll trae nuevos registros de una BD).

Pues bien, aqui tengo mi codigo JS

Código Javascript:
Ver original
  1. $("#datosCargados").load("data.php")
  2. $(window).scroll(function () { 
  3.    
  4.     var id      =   $("#datosCargados li:last").attr("id");
  5.    
  6.    if ($(window).scrollTop() >= $(document).height() - $(window).height() - 10) {
  7.        var catA =   $("#catActual").val()
  8.        
  9.       $.get("data.php", { ultimo: id },
  10.        function(data) {
  11.          $("#datosCargados").append(data)
  12.        });
  13.        
  14.    }
  15. });

Lo que trato de hacer es, cargar en un div una web externa en php con una lista de productos (cada producto tiene un id) ubico el ultimo LI y obtengo su id para luego enviarlo a mi php por get, asi este me devuelve mas datos a partir de este ultimo ID


Aqui tengo el php, que ya le di mil vueltas y al parecer esta bien, pero lo pongo por las dudas:

Código PHP:
Ver original
  1. include("dbcon.php");
  2. $total_resultados = 6;
  3. $ultimo = $_GET['ultimo'];
  4.  
  5. if(isset($ultimo)){
  6.        
  7.         $sql = mysql_query("SELECT * FROM productos ORDER BY id ASC LIMIT $ultimo,$total_resultados") or die(mysql_error());
  8.     while($rows = mysql_fetch_array($sql)){
  9.         echo $ultimo;
  10.         echo "<a href='phpThumb.php?src=img/productos/".$rows['foto']."&w=6000&h=600'><li data-medidas='".$rows['medidas']."' data-categoria='".$rows['categoria']."' class='Product' id='".$rows['id']."'><img src='phpThumb.php?src=img/productos/".$rows['foto']."&w=170&h=182' /></li></a>";
  11.     }
  12.    
  13.  
  14. }else{
  15.  
  16.     $sql = mysql_query("SELECT * FROM productos ORDER BY id ASC LIMIT 0,$total_resultados") or die(mysql_error());
  17.     while($rows = mysql_fetch_array($sql)){
  18.         echo "<a href='phpThumb.php?src=img/productos/".$rows['foto']."&w=6000&h=600'><li data-medidas='".$rows['medidas']."' data-categoria='".$rows['categoria']."' class='Product' id='".$rows['id']."'><img src='phpThumb.php?src=img/productos/".$rows['foto']."&w=170&h=182' /></li></a>";
  19.     }  
  20.  
  21. }

Solo espera la ultima id para hacer una busqueda.

Ahora, no se que es lo que falla ya que simplemente no carga, ni se repite, ni tira error. solo no funciona, firebug dice que envia correctamente la variable y e visto con alerts y echos que el id esta pasando. Pero! siempre es el mismo.

Creo que mi javascript no esta leyendo los LI correctamente y solo rescata el mismo ultimo ID.


Subi el avance del sitio aquí: http://davidsalcedo.com/labs/trofeos/

Me gustaria que me ayuden y si es posible facilitarme un plugin o mejor codigo si es que estoy errado en mi forma de trabajar.

Gracias!

Etiquetas: infinito, javascript, jquery, mysql, php, scroll
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:44.