Foros del Web » Programando para Internet » Jquery »

paginar con jquery, ajax y php

Estas en el tema de paginar con jquery, ajax y php en el foro de Jquery en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 10/02/2014, 16:34
 
Fecha de Ingreso: julio-2013
Mensajes: 158
Antigüedad: 11 años, 4 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

Etiquetas: ajax, paginar, php
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:46.