Firaz Site | Paging Dengan Next dan Previous

Main Menu

Category Content

My Data Area

My Friend

Ingin Mempunyai Penghasilan Tambahan, cuma modal klik iklan,Pencairan melalui Bank Mandiri/BCA, Alertpay atau Paypal.. ini semua Gratis

Jul

2009

Paging Dengan Next dan Previous

Kemarin saya mendapatkan message dari pengujung web saya, namanya doni menanyakan bagimana membuat paging dengan page next dan previous, baiklah saya akan bahas sekarang, perhatikan gambar dibawah

Paging dengan Next dan Previous

Untuk dapat membuat paging seperti gambar diatas ketikan source code dibawah ini

<html>
<head>
</head>
<body>
<table><tr><th>No</th><th>Nama Bus</th><th>Rute</th></tr>
<?php
include "koneksi.php";
mysql_select_db("belajar");

//Langkah 1: Tentukan batas,cek halaman & posisi data
$batas=5;
$halaman=$_GET['halaman'];
if(empty($halaman)){
$posisi=0;
$halaman=1;
}
else{
$posisi = ($halaman-1) * $batas;
}

//Langkah 2: Sesuaikan perintah SQL
$tampil="select * from tujuan_bus limit $posisi,$batas";
$hasil=mysql_query($tampil);

$no=$posisi+1;
while ($data=mysql_fetch_array($hasil)){
echo "<tr><td>$no</td><td>$data[bus]</td><td>$data[tujuan]</td></tr>";
$no++;
}
echo "</table><br>";

//Langkah 3: Hitung total data dan halaman
$tampil2="select * from tujuan_bus";
$hasil2=mysql_query($tampil2);
$jmldata=mysql_num_rows($hasil2);

$jmlhalaman=ceil($jmldata/$batas);

// Link ke halaman sebelumnya (previous)
if($halaman > 1){
$previous=$halaman-1;
echo "<A href=$file?halaman=1><< First</A> |
<A href=$file?halaman=$previous>< Previous</A> | ";
}
else
{
echo "<< First | < Previous | ";
}

// Tampilkan link halaman 1,2 dan seterusnya
$file="paging_complete.php";
for($i=1;$i<=$jmlhalaman;$i++)
if ($i != $halaman){
echo " <a href=$file?halaman=$i>$i</A> | ";
}
else{
echo " <b>$i</b> | ";
}

// Link kehalaman berikutnya (Next)
if($halaman < $jmlhalaman){
$next=$halaman+1;
echo "<A href=$file?halaman=$next>Next ></A> |
<A href=$file?halaman=$jmlhalaman>Last >></A> ";
}
else{
echo "Next > | Last >>";
}
echo "<p>Total bus : <b>$jmldata</b> bus</p>";
?>
</table>
</body>
</html>