. El codigo funciona y carga los datos de Mysql pero el scrilling no funciona en Chrome, pero si en explorer. Es decir los datos se deberian cargar al llegar la final de la pagina con el scrolling pero no sucede en el Chrome !!!!!!

Código
Este es el cargador en php
<!doctype html> <html> <link rel="stylesheet" type="text/css" media="all" href="css/styles.css"> <script> $(function(){ var i = 0; agregarContenido(); $(window).scroll(function(){ //cuando llegas al final de la página if (document.body.scrollHeight - $(this).scrollTop() <= $(this).height()){ agregarContenido(); } }); function agregarContenido(){ //Agregar el siguiente contenido a mostrar $.ajax({ type: 'POST', data: { accion: 'agregarContenido', count: i, showing: 2, }, url: 'src/controlador.php', success: function(result){ result = JSON.parse(result); if(result.estado === "adding"){ i+=2; $("#content").append(result.cadena); console.log("agregando datos del "+(i-1)+" al "+i); }else{ console.log(result.cadena); //alert("No hay registros"); } } }); } }); </script> <head> <meta charset="utf-8"> </head> <body> <div id="container"> <ul id="content"> </ul> </div> </body> </html>
Código
Iluminen mi camino !!!!!!! que estoy a punto de patear la PC
<?php include "databaseConnector.php"; $devolver = null; switch($accion){ case 'agregarContenido': $dbh = new databaseConnector(); $stmt = $dbh->prepare("SELECT * FROM repaso LIMIT $count, $showing"); $cadena=""; if($stmt->execute()){ while($row = $stmt->fetch()){ //Mando directamente el html a incrustar, //pero no es la mejor práctica. //Solo es un ejemplo. $cadena.= "<li><strong>".$row["id"]."</strong><br />"; $cadena.= "<img src='img/pag_subidas/".$row['img_pagina']."' width=100% /> </li>"; } } //si la cadena esta vacia entonces ya no hay nada para agregar if($cadena){ $estado = "adding"; }else{ $estado = "stop"; $cadena = "No hay datos para agregar"; } //devuelvo el estado y la cadena para mostrar break; default: echo "default"; break; } if ($devolver) } else { } ?>






Autor


En línea




