Como coloco botão de próximo e anterior?
Ola, andei baixando um código de paginação do banco de dados (ajax, php, mysql), o código funciona perfeitamente mas o problema é que ele cria dezenas de botoes para cada pagina que encontra, então eu queria botar um botão de próximo e anterior mas não consigo, acho que só precisa mudar essa parte:
<div id="paging_button" align="center">
<ul>
<?php
echo "$pages";
//Show page links
for($i=1; $i<=$pages; $i++)
{
echo '<li id="'.$i.'">'.$i.'</li>';
}
?>
</ul><br />
</div>mas para caso de duvida esse é codigo completo:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Super JQuery Pagination</title>
<link rel="stylesheet" type="text/css" media="screen" href="css.css" />
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
function showLoader(){
$('.search-background').fadeIn(200);
}
function hideLoader(){
$('.search-background').fadeOut(200);
};
$("#paging_button li").click(function(){
showLoader();
$("#paging_button li").css({'background-color' : ''});
$(this).css({'background-color' : '#006699'});
$("#content").load("data.php?page=" + this.id, hideLoader);
return false;
});
$("#1").css({'background-color' : '#006699'});
showLoader();
$("#content").load("data.php?page=1", hideLoader);
});
</script>
</head>
<body>
<?php
$per_page = 10;
include("dbcon.php");
$sql = "select * from pessoa ";
$rsd = mysql_query($sql);
$count = mysql_num_rows($rsd);
$pages = ceil($count/$per_page);?>
<div align="center">
<div id="container">
<div class="search-background">
<label><img src="loader.gif" alt="" /></label>
</div>
<div id="content">
</div>
</div>
<div id="paging_button" align="center">
<ul>
<?php
echo "$pages";
//Show page links
for($i=1; $i<=$pages; $i++)
{
echo '<li id="'.$i.'">'.$i.'</li>';
}
?>
</ul><br />
</div>
</div>
</body>
</html>Como faço?
Discussão (2)
Carregando comentários...