Ver Mensaje Individual
  #3 (permalink)  
Antiguo 19/01/2011, 17:27
Avatar de marlanga
marlanga
 
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.