elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Tutorial básico de Quickjs


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Paginación estilo google [SOURCE]
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Paginación estilo google [SOURCE]  (Leído 4,285 veces)
Maurice_Lupin


Desconectado Desconectado

Mensajes: 356

GPS


Ver Perfil WWW
Paginación estilo google [SOURCE]
« 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


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.



En línea

Un error se comete al equivocarse.
EFEX


Desconectado Desconectado

Mensajes: 1.171


"Dinero Facil"


Ver Perfil WWW
Re: Paginación estilo google [SOURCE]
« Respuesta #1 en: 25 Mayo 2014, 00:43 am »

Gracias por el ejemplo  ::)


En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Combo Estilo OFFICE (SOURCE)
Programación Visual Basic
ssccaann43 © 0 1,215 Último mensaje 8 Junio 2008, 01:01 am
por ssccaann43 ©
Como se llaman este estilo de imagenes? (otro estilo XD) « 1 2 »
Diseño Gráfico
Jnex 16 12,417 Último mensaje 18 Marzo 2009, 02:16 am
por JERRY110982
[SOURCE] Google Static Maps Sample.
Programación Visual Basic
79137913 5 5,085 Último mensaje 25 Febrero 2011, 02:16 am
por 79137913
Jquery Sobras al estilo de Google
Desarrollo Web
[u]nsigned 4 2,530 Último mensaje 27 Julio 2011, 18:17 pm
por RedZer
[Source code] Espectacular Datagrid con Paginacion - Ajax en PHP
PHP
Graphixx 0 3,362 Último mensaje 4 Abril 2012, 06:12 am
por Graphixx
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines