Php y scroll infinito

[deioseayo]

Hola a todos, veran, estoy tratandod e hacer un scroll infinito con jqueyr y que haga consultas mysql con php. El problema es que no me aparecen lsod emas productos. Aqui dejo los codigos:


PHP: Obtiene el id del ultimo LI (es enviado por javascript) y debe mostrar los productos que siguen:

Código PHP:

include("dbcon.php");
$per_page = 2;
$start = $_GET["pag"];
//$cat = $_POST["cat"];
 
if(!isset($pag)){
    $query = mysql_query("SELECT * FROM productos ORDER BY id LIMIT 0,$per_page");
    
    while($rows = mysql_fetch_array($query)){
        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>";    
    }
 
}else{
    $query2 = mysql_query("SELECT * FROM productos ORDER BY id LIMIT $start,$per_page");
    while($rows = mysql_fetch_array($query2)){
        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>";    
    }
    
}
 

JAVASCRIPT

Código Javascript:

Aqui carga la pagina php con algunos productos por defecto, al bajar la web esta envia el id del ultimo LI por get a la pagian en php y añade los resultados.
$("#datosCargados").load("data.php")
$(window).scroll(function () {  
    
   if ($(window).scrollTop() >= $(document).height() - $(window).height() - 10) {
       var catActual    =   $("#catActual").val()
       var ultimo       =   $("#datosCargados li:last").attr("id")
      $.get("data.php", { pag: ultimo },
       function(data) {
         $("#datosCargados").append(data)
       });
        
   }
});
 

Hasta ahora no logro descubrir el problema, alguna idea???

[vgonga1986]

Puede ser por esto:

Código PHP:

$start = $_GET["pag"];
//$cat = $_POST["cat"];
 
if(!isset($pag)){
 

Pasas del get a $start pero luego preguntas por $pag? Creo que te has confundido ahí, no?
Lo suyo es que hicieras así:

Código PHP:

$pag = 0;
if (isset($_GET['pag'])) {
    $pag = $_GET['pag'];
}
 

Luego te ahorras el if que tienes, la sentencia siempre es desde $start, sólo que la primera vez será 0.

Te doy un consejo para el futuro. Utilizas firebug? Es una extensión de firefox para programadores web. Si trabajas con javascript que ejecuta código PHP (seasé, AJAX) es lo mejor que puedes usar, porque ahí verás los errores, que no verías de forma normal.

Un saludo y espero que con eso se te solucione.

[deioseayo]

Estoy usandolo, peor nada. Ya intente con loq ue me dijiste y tampoco. =/

[vgonga1986]

Qué errores te da en el firebug? Visualiza todos, tanto PHP, como JS... A ver si vemos algo que falle.

Un saludo.

[vgonga1986]

Vale, creo que ya sé, tu página data.php está esperando que le pases el pag por get y en ningún momento se lo pasas, tienes que llamar con data.php?pag=numero_que_quieras

Un saludo.

[deioseayo]

no da errores, muestra que envia el get correctamente, javascript envia correcto el ultimo id.

Creo que esta mal mi consulta porque todo esta bien, esta como reemplazando la consulta anterior, no busca apartir del id que e paso sino desde el primero

[deioseayo]

si envia el get, mira

Código Javascript:

$(window).scroll(function () {  
    
   if ($(window).scrollTop() >= $(document).height() - $(window).height() - 10) {
       var catActual    =   $("#catActual").val()
       var ultimo       =   $("#datosCargados li:last").attr("id")
      $.get("data.php", { pag: ultimo },
       function(data) {
         $("#datosCargados").append(data)
       });
        
   }
});
 

[vgonga1986]

Puedes poner la URL de la página data.php directamente en la dirección del navegador. Añadiendo, claro está el parámetro del get.

ruta/data.php&pag=2 (por ejemplo)

Te debería salir el código que tienes en el echo para el registro 3 y 4. Prueba a ver. Si esto funciona, es que es tema de JS (que no sé mucho), creo que sería mejor que preguntaras allí.

Un saludo.

[LhaN]

Código Javascript:

include("dbcon.php");
    $per_page = 2;
    $start = $_GET["pag"];
    //$cat = $_POST["cat"];
     
    if(!isset($pag)){
        $query = mysql_query("SELECT * FROM productos ORDER BY id LIMIT 0,$per_page");
       
        while($rows = mysql_fetch_array($query)){
            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>";   
        }
     
    }else{
        $query2 = mysql_query("SELECT * FROM productos ORDER BY id LIMIT $start,$per_page");
        while($rows = mysql_fetch_array($query2)){
            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>";   
        }
       
    }
 

Ahi lo que veo es que preguntas si la variable $pag fue seteada... pero en realidad tu quieres preguntar si el parametro get $pag viene con algo... y usas una variable $start para guardar el valor del parametro $pag.

1.- Tienes que preguntar si isset($_GET["pag"]) sino $start = $_GET["pag"]; te tiene que tirar un error en caso de que no envies el parametro get.
2.- Te has confundido al usar $pag... cuando en realidad lo que quieres usar es $_GET["pag"] o en su defecto $start.
3.- El codigo se puede reducir si haces:

Código Javascript:

$start=0;
if(isset($_GET["pag"]))
$start=$_GET["pag"];
 

y luego todo lo que pones en el if donde usas $start (y fuera del if que yo hice).
Eso deberia funcionar.
4.- Ademas usas dos query... $query y $query2 pero que en realidad deberian ser la misma variable... cuidado.

[vgonga1986]

@LhaN hola? No has leído los mensajes anteriores, no? Todo eso ya se lo dije yo. Y el punto 4, no, no tienen que ser la misma variable, son dos variables diferentes, si sólo las usa en el fetch, no afecta para nada más.

[deioseayo]

de todos modos sigue sin funcionar. =/

[IMAC/]

Parece que este fragmento de código ya no funciona en la última versión de Firefox:

Código Javascript:

if ($(window).scrollTop() >= $(document).height() - $(window).height() - 10) {
 

¿sabéis algo al respecto?
¿Cómo puedo hacerlo funcionar?