Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Maurice_Lupin en 24 Mayo 2014, 00:33 am



Título: Paginación estilo google [SOURCE]
Publicado por: Maurice_Lupin en 24 Mayo 2014, 00:33 am
Intenté paginar como lo hace google, espero sea de su agrado.

Pueden ver el Ejemplo y bajarse el código php: http://elblocdetilyn.blogspot.com/2014/04/paginacion-tipo-google.html

(http://2.bp.blogspot.com/-XdeKonzhbd0/U1S2K9oUnVI/AAAAAAAAAOM/Z6ZgmWjGniI/s1600/capPAG.png)

Código
  1. function paginar(actual, total, por_pagina, enlace, maxpags) {
  2.  var  texto = '<div class="pagination" id="navePage"><ul>';
  3.  var total_paginas = Math.ceil(total/por_pagina);
  4.  var anterior = actual - 1;
  5.  var posterior = actual + 1;
  6.  var med = maxpags/2;
  7.  var minimo = 0;
  8.  if( (actual + med) >= total_paginas) {
  9.   minimo = Math.max(total_paginas - maxpags + 1,1);
  10.  }
  11.  else {
  12.   minimo = ( (actual-med)>0 )? actual - med : 1;
  13.  }  
  14.  var maximo = 0;  
  15.  if (actual > 1)
  16.   texto += '<li><a href=?' + anterior + enlace + ' title="Back"><<</a></li>';
  17.  maximo = Math.min(minimo + maxpags - 1, total_paginas);
  18.  for (var i=minimo; i <= maximo; i++) {
  19.   if(i == actual) {
  20.    texto += '<li class="active"><a href="?="><b>' + actual + '</b></a></li>';
  21.   }
  22.   else {
  23.    texto += '<li><a href=?'+ enlace + i + '>' + i +'</a></li>';
  24.   }
  25.  }
  26.  if(actual < total_paginas )
  27.   texto += '<li><a href=?' + enlace + posterior + ' title="Next">>></a></li>';
  28.  texto += '</ul></div>';
  29.  return texto;
  30. }
  31.  
  32.  

Saludos.



Título: Re: Paginación estilo google [SOURCE]
Publicado por: EFEX en 25 Mayo 2014, 00:43 am
Gracias por el ejemplo  ::)