Paginación simple con JavaScript

Empezamos la sección de Programación con un script muy simple. Necesitaba un paginador en JavaScript rápidamente y sin complicaciones y que paginara tablas. Buscando por internet y con un poco de código de aquí y un poco de allí montamos este pequeño script que funciona perfectamente para paginaciones no muy grandes.
El funcionamiento es muy simple, tan solo necesitamos insertar un par de líneas de código.

Paso 1
Insertar entre las etiquetas head el siguiente código:

<script type=”text/javascript” src=”paging.js”></script>

Paso 2
Donde queramos mostrar el paginador insertaremos:

<div style=”display:none; border: 0px;” id=”NavPosicion”></div>

Paso 3 Al final de nuestra página insertaremos:

<script type=”text/javascript”>
var pager = new Pager(‘resultados’, 10);
pager.init();
pager.showPageNav(‘pager’, ‘NavPosicion‘);
pager.showPage(1);
</script>

Paso 4
La tabla que vayamos a paginar debe tener un id, como por ejemplo:

<table id=”resultados”>

Fijaros que los nombres del id de la tabla ( resultados ), como el id del div ( NavPosicion ) son los que están definidos al crear el objeto pager en el paso 3, si los cambias debéis cambiarlos en todas las llamadas.

El 10 que se define al declarar el objeto pager es el número de resultados por cada página.

Con estos simples pasos tendremos implementado un sencillo paginador en JavaScript. Desde aquí podéis descargar el .js necesario para que todo funcione correctamente, acordaros de comprobar la ruta del paso 1.

p.d.: si conocéis algún plugin que permita colorear la sintaxis del código manteniendo el editor WYSIWYG os pediría que me dijéseis cual, porque los que he probado necesitan tener el editor visual desactivado y como no soy el único que, teoricamente, escribe en el blog si quito el editor visual me cuelgan…jejeje

Programación

Después de darle muchas vueltas ya que requiere bastante tiempo del que no dispongo al final me he decidido a crear una nueva categoría-> Programación en la que iré poniendo código, sobre todo PHP, que crea que puede ser de utilidad.

Espero que salga bien.