Tema: paginacion con javascript
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 05/04/2011, 02:04
Blashak
 
Fecha de Ingreso: noviembre-2007
Mensajes: 471
Antigüedad: 17 años, 1 mes
Puntos: 2
paginacion con javascript
Buenas,

Estoy haciendo para mi web una paginacion con javascript. el problema viene cuando despues de darle que me mustre todas las paginas mediante el siguiente, le doy al anterior hasta la pagina uno y sin ningun problema pero cuando le vuelvo a dar al siguiente no me muestra los resultados.
hago un alert de la pagina actual para ver donde esta el fallo.

suponiendo que tengo 3 paginas.
cuando empiezo la pagina actual vale 1 le doy a siguiente vale 2 asi hasta la tercera. despues cuando vuelvo atras vale 2 asi jhasta la 1 y aca es cuando viene el problema le doy otra ves al siguiente y me sale dos alert uno con pagina actual 2 y otro con pagina 1.
no entiendo porque me sale el segundo alert de pagina 1 cuando se tendria que quedar en 2.

les dejo el codigo que hice.

Código Javascript: 
Ver original
  1. function siguiente(total_reg, num_reg_xpag, num_pag, pag_actual, total_reg_pag, equipo){
  2.     
  3.     if (pag_actual<num_pag){
  4.         //pagina actual
  5.         pag_actual = pag_actual+1
  6.         alert(pag_actual);
  7.         
  8.         i = total_reg_pag
  9.         //total registro segun paginas
  10.         total_reg_pag = pag_actual*num_reg_xpag;
  11.         $('#tabla td').remove();
  12.         while (i<=total_reg_pag){
  13.             if(equipo[i] != undefined){
  14.                 
  15.                 $('#tabla tr:last').after('<tr><td>'+equipo[i]+'</td></tr>');
  16.             }
  17.             i++
  18.         }
  19.         $('#siguiente').click(function(){
  20.  
  21.                 siguiente(total_reg, num_reg_xpag, num_pag, pag_actual, total_reg_pag, equipo);
  22.         });
  23.  
  24.         if (pag_actual == num_pag){
  25.             siguiente(total_reg, num_reg_xpag, num_pag, pag_actual, total_reg_pag, equipo);
  26.         }
  27.         
  28.     }else{
  29.         
  30.         $('#siguiente').css("display", "none");
  31.             $('#anterior').text("anterior");
  32.         $('#anterior').click(function(){
  33.  
  34.             anterior(total_reg, num_reg_xpag, num_pag, pag_actual, total_reg_pag, equipo);
  35.         });
  36.     }
  37. }
  38.  
  39. function anterior(total_reg, num_reg_xpag, num_pag, pag_actual, total_reg_pag, equipo){
  40.                         
  41.                         
  42.     if (pag_actual>1){
  43.         //pagina actual
  44.         pag_actual = pag_actual-1
  45.         alert(pag_actual);
  46.         //total registro segun paginas
  47.         total_reg_pag = pag_actual*num_reg_xpag;
  48.         
  49.         i = total_reg_pag-num_reg_xpag
  50.         //total registro segun paginas
  51.         total_reg_pag = pag_actual*num_reg_xpag;
  52.         $('#tabla td').remove();
  53.         while (i<=total_reg_pag){
  54.             if(equipo[i] != undefined){
  55.                 
  56.                 $('#tabla tr:last').after('<tr><td>'+equipo[i]+'</td></tr>');
  57.             }
  58.             i++
  59.         }
  60.         $('#anterior').click(function(){
  61.  
  62.             anterior(total_reg, num_reg_xpag, num_pag, pag_actual, total_reg_pag, equipo);
  63.         });
  64.         //alert(num_pag);
  65.         if(pag_actual == 1){
  66.             anterior(total_reg, num_reg_xpag, num_pag, pag_actual, total_reg_pag, equipo);
  67.         }
  68.             
  69.     }else{
  70.     $('#anterior').css("display", "none");
  71.     
  72.     $('#siguiente').css("display", "block");
  73.                                     $('#siguiente').click(function(){
  74.             //alert(pag_actual);
  75.                 siguiente(total_reg, num_reg_xpag, num_pag, pag_actual, total_reg_pag, equipo);
  76.             });
  77.     }
  78. }
  79.  
  80.  
  81.  
  82.  
  83. //total de registros
  84. total_reg = registro;
  85. //alert(total_reg);
  86. //numero de registro por paginas
  87. num_reg_xpag = 6;
  88. //total de paginas segun la cantidad de registro
  89. //alert(total_reg/num_reg_xpag);
  90. num_pag = Math.ceil(total_reg/num_reg_xpag);
  91. //alert(num_pag);
  92. //pagina actual
  93. pag_actual = 1;
  94. //alert(num_pag);
  95. //total registro segun paginas
  96. total_reg_pag = pag_actual*num_reg_xpag;
  97. $('#tabla td').remove();
  98. for (i=0; i<=total_reg_pag; i++){
  99.  
  100. $('#tabla tr:last').after('<tr><td>'+equipo[i]+'</td><td>'+ip[i]+'</td><td>'+tipo[i]+'</td><td>'+marca[i]+'</td><td>'+modelo[i]+'</td><td>'+ubicacion[i]+'</td><td>'+departamento[i]+'</td></tr>');
  101.  
  102. }
  103. $('#siguiente').text("s");
  104. $('#siguiente').click(function(){
  105.     siguiente(total_reg, num_reg_xpag, num_pag, pag_actual, total_reg_pag, equipo);
  106. });

saludos