19/01/2011, 17:27
|
| | | Fecha de Ingreso: enero-2011 Ubicación: Murcia
Mensajes: 1.024
Antigüedad: 13 años, 10 meses Puntos: 206 | |
Respuesta: Lista interminable [como facebook] Voy a empezar a cobrar.
Código:
function cargarMasContenido()
{
// La capaFixed es un div con position:fixed pegada a la parte de abajo de la web. No contiene nada.
//Cuando se dispara esta función, pinta una imagen típica "cargando..." o lo que sea.
$('div#capaFixed').html('<img src="cargando.gif">');
//Llamamos por ajax al php que nos tiene que devolver los datos, con las variables que hagan falta
$.ajax({
type: 'POST',
url: 'mas_datos.php',
data: 'id_inventado='+variableInventada+'&mas_cosas='+otraVariableMas,
success: function(datosRespuesta){
//Añadimos por el final lo que sea que devuelva desde el php a la capa contenido, o donde sea.
$('div#contenidoMio').append(datosRespuesta);
},
error: function(){
//Si ocurre un error, mostramos el texto este al final
$('div#contenidoMio').append('<p class="error">El servidor de datos no responde</p>');
}
});
};
$(function(){
//Cuando se haga scroll, se ejecuta esta función
$(window).scroll(function(){
//Si he llegado a abajo del todo
if ($(window).scrollTop() == $(document).height() - $(window).height()){
//cargamos mas contenido
cargarMasContenido();
}
});
});
Lo he escrito "al vuelo", sin comprobarlo. Corregir posibles errores de sintaxis es el precio que teneis que pagar. |