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

Manuales

Buscando manuales para el trabajo me he encontrado conla web de LibrosWeb
en la que sus autores dicen:

“Siempre se podrá acceder gratuitamente a toda la información de este sitio, ya que creemos que la información debe ser libre.”

Esperemos que así sea.

Desde ahí se pueden descargar en formato PDF libros de tecnologías web entre ellos Introducción a AJAX, Introducción a Javascript, Referencia de CSS 2.1, Symfony: la guía definitiva o CSS avanzado.

Todo ellos bajo licencia Creative Commons.

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.