Ver Mensaje Individual
  #1 (permalink)  
Antiguo 10/02/2014, 16:34
cesa_r
 
Fecha de Ingreso: julio-2013
Mensajes: 158
Antigüedad: 10 años, 9 meses
Puntos: 6
Pregunta paginar con jquery, ajax y php

Me encontre este script por la web para una paginacion por ajax pero me gustaria ponerle un boton de siguiente y de anterior ya que solo corre sobre los numeros, intente hacerlo yo pero no me queda muy claro como esque corre la secuencia, intente paginar con plugins pero la verdad esque nunca pude obtener el numero que se preciona por lo que opte por este mas sencillo el cual obtengo el id y lo mando por ajax a una consulta que luego calcula los resultados si alguien me pudiera ayudar o dar algun tutorial completo de como paginar con un plugin en especial estaria muy agradecido.

Cita:
var paginasTotales=20;
var limite=0;

if (paginasTotales>=5) {limite=5;}
else {limite=paginasTotales;};

for(var i=1;i<=limite;i++){
$('.paginacion').append('<li class="int" id="'+i+'">'+ i +'</li>');
};

$('.paginacion li:first-child').addClass('actual');

$('.paginacion li.int').click(function(){
var pagina=$(this).attr("id");

if (parseInt(pagina)==1){
var i= parseInt(0);
}
else if(parseInt(pagina)==2){
var i= parseInt(-1);
}
else {
var i= parseInt(-2);
}


if (parseInt(pagina)==paginasTotales){
var i= parseInt(-4);
}
else if (parseInt(pagina)==paginasTotales-1){
var i= parseInt(-3);
}

$('.paginacion li').removeClass('actual');

$('.paginacion li').each(function(){

var calculo_paginacion = parseInt(pagina) + parseInt(i);
$(this).text(calculo_paginacion);

if(i==0){$(this).addClass('actual')};

i+=parseInt(1);
});

/* AJAX */

var dataString = 'page='+pagina;

$.ajax({
type: "GET",
url: "topic/modules/includes/billboards_movies.php",
data: dataString,
success: function(data) {
$(".box_movies_empty").empty();
$(".box_movies_empty").append(data);
}
});

});

Última edición por cesa_r; 10/02/2014 a las 16:54