Question:
Date: 27-05-2015 16:32:13
(In Spanish)
Quería hacer un script de paginación de datos obteniendo los datos de una base de datos.
No tengo conocimientos de Jquery.
Encontre este plugin de Jquery que se llama jPaginate que se ajustaría a mis necesidades pero no sé como implementarlo con PHP y no hay mucha doc al respecto
El plugin se encuentra aqui
Su demo aqui
El Demo1 es el que quería utilizar.
Los problemas que tengo son:
1- que codigo hay que escribir en el script para que cuando se haga clic en una pagina cargue esa pagina.
Por ej si hago clic en 5 valla a la pagina 5 y muestre nuevamente la barra de navegacion por pagina.
y si estoy en pagina 100 la barra de navegación no comience en 1 sino en 100 o 95 por ej.
en algun sitio lei que para pasar una URL de página con la nueva numeración, se podría utilizar algo como:
2- quiero que la barra de navegacion este en el centro del DIV
El codigo
Espero que me puedan dar una mano
Desde ya muchas gracias por la atención
Que tengan un buen dia
Saludos
Votes: 1 - Answers: 1 - Views: 15 Share on: Google Facebook Twitter LinkedIn Link
Como paginar con jPaginate, PHP, mysql[Resolved]
Hola a todosQuería hacer un script de paginación de datos obteniendo los datos de una base de datos.
No tengo conocimientos de Jquery.
Encontre este plugin de Jquery que se llama jPaginate que se ajustaría a mis necesidades pero no sé como implementarlo con PHP y no hay mucha doc al respecto
El plugin se encuentra aqui
Su demo aqui
El Demo1 es el que quería utilizar.
Los problemas que tengo son:
1- que codigo hay que escribir en el script para que cuando se haga clic en una pagina cargue esa pagina.
Por ej si hago clic en 5 valla a la pagina 5 y muestre nuevamente la barra de navegacion por pagina.
y si estoy en pagina 100 la barra de navegación no comience en 1 sino en 100 o 95 por ej.
en algun sitio lei que para pasar una URL de página con la nueva numeración, se podría utilizar algo como:
onChange : function(page){ location = 'page.php?='+page; }
2- quiero que la barra de navegacion este en el centro del DIV
El codigo
<html> <head> <title>Paginacion de datos</title> <link rel="stylesheet" type="text/css" href="css/style.css" media="screen"/> <style> .demo{ font-family: verdana; letter-spacing:2px; width:400px; height: 50px; margin: auto; border: 2px solid #fff; background-color:#E5E5E5; } </style> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script src="jquery.paginate.js" type="text/javascript"></script> <script type="text/javascript"> $(function() { $("#demo1").paginate({ count : 100, start : 1, display : 10, border : true, border_color : '#fff', text_color : '#fff', background_color : 'black', border_hover_color : '#ccc', text_hover_color : '#000', background_hover_color : '#fff', images : false, mouse : 'press', }); }); </script> </head> <body> <h1>Paginacion de resultados</h1> <p>Los datos se desgega aqui.</p> <h2>Navegacion de paginas</h2> <div class="demo" id="demo1"></div> <p>FIn de la pagina</p> </body> </html>
Espero que me puedan dar una mano
Desde ya muchas gracias por la atención
Que tengan un buen dia
Saludos
Votes: 1 - Answers: 1 - Views: 15 Share on: Google Facebook Twitter LinkedIn Link
Answers:
-
Date: 27-05-2015 17:47:05 Fui solucionando algunas cosas
onChange : function(page){ location = 'page.php?='+page; }
Iria aqui
<script type="text/javascript"> $(function() { $("#demo1").paginate({ count : 100, start : 1, display : 10, border : true, border_color : '#fff', text_color : '#fff', background_color : 'black', border_hover_color : '#ccc', text_hover_color : '#000', background_hover_color : '#fff', images : false, mouse : 'press', onChange : function(page){ location = 'page.php?='+page; } }); }); </script>
Votes: 1 - Link answer
To actively participate in the community first must authenticate, enter the system.Sign In