Nueva pregunta

Pregunta:

Fecha: 27-05-2015 16:32:13 (En Español)

Como paginar con jPaginate, PHP, mysql[Resuelta]

Hola a todos

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:
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
Etiquetas: HTML - Javascript - MySQL - Paginación - PHP - Pregunta 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
 
frjcbbae garagebible.com