New question

Question:

Date: 27-05-2015 16:32:13 (In Spanish)

Como paginar con jPaginate, PHP, mysql[Resolved]

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
Tags: HTML - Javascript - MySQL - Pagination - PHP - Question 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
 
frjcbbae garagebible.com