Senin, 23 Januari 2012 - 12:10:40 WIB
Menerapkan Style pada paging
posted by : Administrator
Category: php - read: 14 kali

cara menerapkan style pada paging. keterangan masing-masing blok perintah dapat dibaca pada skripnya, perhatikan dua buah skrip berikut (khusus skrip paging_01.php, perhatikan teks yang ditebalkan):

Skrip standar.css

body {

  color       : #2E6AB1;

  font-family : Tahoma;

  font-size   : 13;

}

table {

  border-collapse : collapse;

}

th {

  background-color : #2E6AB1;

  padding-left     : 10px;

  padding-right    : 8px;

  padding-top      : 3px;

  padding-bottom   : 3px;

  border           : 1px solid #969BA5;  

  text-align       : left;

  color            : #FFFFFF;

  font-size        : 13;

}

td {

  background-color : #F0F0F0;

  padding-left     : 8px;

  padding-right    : 8px;

  padding-top      : 3px;

  padding-bottom   : 3px;

  border           : 1px solid #969BA5;

  color            : #2E6AB1;

  font-size        : 13;

}

 

 

div.paging {

padding     : 2px;

margin      : 2px;

text-align  : center;

font-family : Tahoma;

font-size   : 12px;

}

div.paging a {

padding         : 2px 5px 2px 5px;

margin-right    : 2px;

border          : 1px solid #9AAFE5;

text-decoration : none; 

color           : #2E6AB1;

}

div.paging a:hover {

border           : 1px solid #2B66A5;

color            : #000000;

background-color : #FFFF80;

}

div.paging span.current {

padding          : 2px 5px 2px 5px;

margin-right     : 2px;

border           : 1px solid navy;

font-weight      : bold;

background-color : #2E6AB1;

color            : #FFFFFF;

}

div.paging span.disabled {

padding      : 2px 5px 2px 5px;

margin-right : 2px;

border       : 1px solid #999999;

color        : #999999;

}

div.paging span.prevnext {

  font-weight : bold;

}

 

 

skrip paging_01.php

mysql_connect("localhost","root","");

mysql_select_db("pintar");

 

echo "

";

 

// 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 anggota LIMIT $posisi,$batas";

$hasil  = mysql_query($tampil);

 

$no = $posisi+1;

while($r=mysql_fetch_array($hasil)){

  echo "

";

  $no++;

}

echo "

NoNamaAlamat
$no$r[nama]$r[alamat]

";

 

//Langkah 3: Hitung total data dan halaman 

$tampil2 = mysql_query("SELECT * FROM anggota");

$jmldata = mysql_num_rows($tampil2);

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

 

echo "

";

// Link ke halaman sebelumnya (previous)

if($halaman > 1){

$prev=$halaman-1;

echo "« Prev ";

}

else{ 

echo "« Prev ";

}

 

// Tampilkan link halaman 1,2,3 ...

for($i=1;$i<=$jmlhal;$i++)

if ($i != $halaman){

echo " $i ";

}

else{

echo " $i ";

}

 

// Link kehalaman berikutnya (Next)

if($halaman < $jmlhal){

$next=$halaman+1;

echo "Next »";

}

else{ 

echo "Next »";

}

echo "

";

echo "

Total anggota : $jmldata orang

";

?>

sekarang coba jalankan skrip paging_01.php.

DOWNLOAD source code  




0 Comment :

Add comment :
Name :
Website :
Comment
 
 (Enter the code)