Pregunta:
Fecha: 27-05-2015 16:32:13
(En Español)
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
Votos: 1 - Respuestas: 1 - Vistas: 15 Compartir en: Google Facebook Twitter LinkedIn Link
Como paginar con jPaginate, PHP, mysql[Resuelta]
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
Votos: 1 - Respuestas: 1 - Vistas: 15 Compartir en: Google Facebook Twitter LinkedIn Link
Respuestas:
-
Fecha: 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>Votos: 1 - Link respuesta
Para participar activamente de la comunidad primero debes autenticarte, ingresa al sistema.Iniciar Sesión
