Foros del Web » Programando para Internet » Javascript »

paginacion con javascript

Estas en el tema de paginacion con javascript en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 05/04/2011, 02:04
 
Fecha de Ingreso: noviembre-2007
Mensajes: 471
Antigüedad: 16 años, 5 meses
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
  #2 (permalink)  
Antiguo 05/04/2011, 11:51
 
Fecha de Ingreso: noviembre-2005
Mensajes: 426
Antigüedad: 18 años, 5 meses
Puntos: 87
Respuesta: paginacion con javascript

Coloca el código completo como lo tenes (con todo el HTML) y te doy una mano con eso.

Etiquetas: paginacion
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 17:03.