Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Pagination with jQuery, MySQL and PHP.
#1
He recibido muchas peticiones de mis lectores que me pidió que la forma de aplicar la paginación con jQuery, PHP y MySQL . así que había desarrollado un tutorial sencillo. Es guión parece grande pero muy sencillo. Echa un vistazo a esta:
[Imagen: pagination.png]

Database Table:
Cita:CREATE TABLE messages
(
msg_id INT PRIMARY KEY AUTO_INCREMENT,
message TEXT
);


jquery_pagination.js
Contains javascript this script works like a data controller.
Código PHP:
$(document).ready(function()
{
//Display Loading Image
function Display_Load()
{
$(
"#loading").fadeIn(900,0);
$(
"#loading").html("<img src="bigLoader.gif" />");
}
//Hide Loading Image
function Hide_Load()
{
$(
"#loading").fadeOut('slow');
};

//Default Starting Page Results
$("#pagination li:first")
.
css({'color' '#FF0084'}).css({'border' 'none'});
Display_Load();
$(
"#content").load("pagination_data.php?page=1"Hide_Load());

//Pagination Click
$("#pagination li").click(function(){
Display_Load();
//CSS Styles
$("#pagination li")
.
css({'border' 'solid #dddddd 1px'})
.
css({'color' '#0063DC'});

$(
this)
.
css({'color' '#FF0084'})
.
css({'border' 'none'});

//Loading Data
var pageNum this.id;
$(
"#content").load("pagination_data.php?page=" pageNum,Hide_Load());
});

}); 

config.php
You have to change hostname, username, password and databasename.

Código PHP:
<?php
$mysql_hostname 
"localhost";
$mysql_user "username";
$mysql_password "password";
$mysql_database "database";
$bd mysql_connect($mysql_hostname$mysql_user$mysql_password)
or die(
"Opps some thing went wrong");
mysql_select_db($mysql_database$bd)
or die(
"Opps some thing went wrong");
?>


pagination.php
User interface page.

Código PHP:
<?php
include('config.php');
$per_page 9;

//Calculating no of pages
$sql "select * from messages";
$result mysql_query($sql);
$count mysql_num_rows($result);
$pages ceil($count/$per_page)
?>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/
libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript" src="jquery_pagination.js"></script>

<div id="loading" ></div>
<div id="content" ></div>
<ul id="pagination">
<?php
//Pagination Numbers
for($i=1$i<=$pages$i++)
{
echo 
'<li id="'.$i.'">'.$i.'</li>';
}
?>
</ul> 

pagination_data.php
Simple php script display data from the messages table.

Código PHP:
<?php
include('config.php');
$per_page 9;
if(
$_GET)
{
$page=$_GET['page'];
}

$start = ($page-1)*$per_page;
$sql "select * from messages order by msg_id limit $start,$per_page";
$result mysql_query($sql);
?>
<table width="800px">
<?php
while($row mysql_fetch_array($result))
{
$msg_id=$row['msg_id'];
$message=$row['message'];
?>
<tr>
<td><?php echo $msg_id?></td>
<td><?php echo $message?></td>
</tr>
<?php
}
?>
</table> 

CSS Code
CSS code for page numbers.

Código PHP:
#loading
{
width100%;
positionabsolute;
}
li
{
list-
stylenone;
floatleft;
margin-right16px;
padding:5px;
border:solid 1px #dddddd;
color:#0063DC;
}
li:hover
{
color:#FF0084;
cursorpointer;


Espero k los Guste Comenten amigos..!!
Ahora quieres saber... Quien soy?
Soy un delincuente, mi crimen es la curiosidad, Mi crimen es juzgar a las personas por lo que dicen y piensan, y no por lo que aparentan.
Mi crimen es ser mas inteligente que vos, algo por lo cual, nunca me olvidaras.
#2
Por respeto al autor, deberías colocar la fuente original, que ni siquiera el título traduciste al español Gran sonrisa

Fuente original: http://www.9lessons.info/2009/09/paginat...d-php.html
WWW
#3
(13-03-2013, 02:18 AM)AbaddonOrmuz escribió: Por respeto al autor, deberías colocar la fuente original, que ni siquiera el título traduciste al español Gran sonrisa

Fuente original: http://www.9lessons.info/2009/09/paginat...d-php.html

Broo todas las recopilacions son de otros foros men, Lo buene es k este en skylium kisas a mmucho los servira piensa por ese lado men no piense k esta por las puras..!! ¬¬ Lengua Kisas a ti no te sirva pero a otros los srvira..!!
Ahora quieres saber... Quien soy?
Soy un delincuente, mi crimen es la curiosidad, Mi crimen es juzgar a las personas por lo que dicen y piensan, y no por lo que aparentan.
Mi crimen es ser mas inteligente que vos, algo por lo cual, nunca me olvidaras.
#4
(13-03-2013, 03:07 PM)torgar22 escribió: Broo todas las recopilacions son de otros foros men, Lo buene es k este en skylium kisas a mmucho los servira piensa por ese lado men no piense k esta por las puras..!! ¬¬ Lengua Kisas a ti no te sirva pero a otros los srvira..!!

Lo que me comentas no esta nada relacionado a lo que comenté Gran sonrisa

¿Por qué te menciono lo de la fuente original? bien, porque cuando un tema es considerado copy&paste es borrado por ser una violación a las normas Guiño sólo es un consejo Interesante
WWW
#5
Primero gracias por querer aportar, eso esta muy bien, pero recuerda en skylium se respetan derechos de autor y por ello si algo no es tuyo por lo menos déjalo claro ya que en este tema claramente das a entender que es tuyo y no lo es...
torgar22 escribió:He recibido muchas peticiones de mis lectores que me pidió que la forma de aplicar la paginación con jQuery, PHP y MySQL . así que había desarrollado un tutorial sencillo. Es guión parece grande pero muy sencillo. Echa un vistazo a esta:

Nuevamente gracias por tu aporte y procura dar siempre los respectivos créditos.
[Imagen: 5z4em.png]
Guía Panel Clientes ☼   ☼ WIKI ☼   ☼  DNS SKYLIUM ☼   ☼ NORMAS  ☼   ☼ PLANES HOSTING




WWW
#6
El tutorial esta muy bueno sin duda.

Pero como dicen los compañeros, hay que procurar citar la fuente del autor del tutorial. Por varias razones, para darle los creditos al creador claro, o tambien para preguntarle algo que no entendamos al autor, etc..

Pero igual se agradece que lo compartas.

Saludos
WWW


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  Problema conexion remota mysql efbsfcd 2 88 07-07-2017, 07:19 AM
Último mensaje: efbsfcd
  [Tutorial] Pasar MySQL a MySQLi[POO] amner 6 234 03-05-2017, 02:05 AM
Último mensaje: ReyNexo23
  jQuery: ocultar imágenes rotas FullPirata 10 448 03-01-2017, 09:26 PM
Último mensaje: gassip
  Como subir Archivos, Imagenes PHP MysQL gassip 0 620 24-10-2016, 06:59 AM
Último mensaje: gassip
  [Tutorial] Pasar base de datos MySQL por SSH FullPirata 1 209 11-10-2016, 04:12 PM
Último mensaje: efbsfcd
  falla conexion a mysql [email protected] 4 413 01-09-2016, 06:52 AM
Último mensaje: easy english
Estrella [Aporte] La nueva generación de jQuery tendrá cambios en su nomenclatura carlsmartg 1 191 03-08-2016, 09:23 PM
Último mensaje: Boreas
  Subir multiples archivos o imágenes al servidor y guardarlas con PHP y MySQL cmascreativo 1 330 18-02-2016, 09:55 PM
Último mensaje: index
  [Duda] Como implementar Jquery.cookie llProKsll 3 256 11-02-2016, 01:55 PM
Último mensaje: Vicen
Información [Tutorial] Detectar AdBlock y mostrar mensaje (jQuery) DarkMaster 7 486 28-01-2016, 03:32 PM
Último mensaje: TapaJerez



Usuarios navegando en este tema: 1 invitado(s)