Tutorial paging php (part3 - Style pada table)

Masih bergelut dalam paging,gimana dari tutrorial sebelumnya dari cara membuat tampil data dari database menggunakan php, sampai memberikan paging halaman di tampilannya, serta menambahkan link <<FIRST <PREV | NEXT> LAST>> . Jika kalian belum membaca artikel tsb,silahkan baca dan ikuti step by step nya.

dari tampilan data pada table sebelumnya hanya sederhana, kita akan memberikan sedikit menjadi lebih bergaya. Tampilan yang dimaksud adalah membuat baris data berbeda-beda warna antara baris satu dengan baris berikutnya.Lihat potongan gbr berikut:

Tampilan awal:

 

Menjadi :

Nah tiap barisnya otomatis akan berbeda warna antara baris ganjil dengan baris genap.

Gimana cara membuatnya???

langsung aja perhatikan code nya:

code sebelumnya pada file tampil2.php

1. <?php 
2. mysql_connect("localhost","root","password"); 
3. mysql_select_db("tutorialpaging"); 
4.  
5. //Menentukan batas,cek halaman & posisi data 
6. $batas=5; 
7. $halaman=$_GET['halaman']; 
8. if(emptyempty($halaman)){ 
9.     $posisi=0; 
10.     $halaman=1; 
11. } 
12. else{ 
13.     $posisi = ($halaman-1) * $batas; 
14. } 
15.  
16. //Sesuaikan perintah SQL 
17. $tampil="select * from anggota limit $posisi,$batas"; 
18. $hasil=mysql_query($tampil); 
19.  
20. $no=$posisi+1; 
21. while ($data=mysql_fetch_array($hasil)){ 
22.   echo "<tr><td>$no</td><td>$data[nama]</td><td>$data[alamat]</td></tr>"; 
23.   $no++; 
24. } 
25. echo "</table><br>"; 
26.  
27. //Hitung total data dan halaman  
28. $tampil2="select * from anggota"; 
29. $hasil2=mysql_query($tampil2); 
30. $jmldata=mysql_num_rows($hasil2); 
31.  
32. $jmlhalaman=ceil($jmldata/$batas); 
33.  
34. // Link ke halaman sebelumnya (previous) 
35. if($halaman > 1){ 
36.     $previous=$halaman-1; 
37.     //FIRST 
38.     echo "<A HREF=$file?halaman=1><< First</A> |  
39.         <A HREF=$file?halaman=$previous>< Previous</A> | ";//PREV 
40. } 
41. else 
42. {  
43. //Menambahkan link FRIST dan Prev 
44.     echo "<< First | < Previous | "; 
45. } 
46.  
47. // Tampilkan link halaman 1,2,3 ... 
48. $file="tampil2.php"; 
49. for($i=1;$i<=$jmlhalaman;$i++) 
50. if ($i != $halaman){ 
51.     echo " <a href=$file?halaman=$i>$i</A> | "; 
52. } 
53. else{ 
54.     echo " <b>$i</b> | "; 
55. } 
56.  
57. // Link kehalaman berikutnya (Next) 
58. if($halaman < $jmlhalaman){ 
59.     $next=$halaman+1; 
60.     //NEXT 
61.     echo "<A HREF=$file?halaman=$next>Next ></A> |  
62.   <A HREF=$file?halaman=$jmlhalaman>Last >></A> ";//LAST 
63. } 
64. else{  
65. //Menambahkan link NEXT dan LAST 
66.     echo "Next > | Last >>"; 
67. } 
68. echo "<p>Total anggota : <b>$jmldata</b> orang</p>"; 
69. ?> 

Dan kalian sisipkan code berikut setelah deklarasi array while

1. // Apabila sisa baginya genap, maka warnanya abu-abu (#E1E1E1). 
2.   if(($no % 2)==0){ 
3.     $warna="#E1E1E1"; 
4.   } 
5.   // Apabila sisa baginya ganjil, maka warnanya kuning (#FFFF00).  
6.   else{ 
7.     $warna="#FFFF00"; 
8.   } 

lalu cari dan modifikasi pada baris berikut

1. echo "<tr bgcolor=$warna><td>$no</td><td>$data[nama]</td><td>$data[alamat]</td></tr>"; 

sehingga hasilnya akan menjadi sbb: FILE tampil2warna.php:

1. <?php 
2. mysql_connect("localhost","root","password"); 
3. mysql_select_db("pintar"); 
4.  
5. //Menentukan batas,cek halaman & posisi data 
6. $batas=5; 
7. $halaman=$_GET['halaman']; 
8. if(emptyempty($halaman)){ 
9.     $posisi=0; 
10.     $halaman=1; 
11. } 
12. else{ 
13.     $posisi = ($halaman-1) * $batas; 
14. } 
15.  
16. //Sesuaikan perintah SQL 
17. $tampil="select * from anggota limit $posisi,$batas"; 
18. $hasil=mysql_query($tampil); 
19.  
20. $no=$posisi+1; 
21. while ($data=mysql_fetch_array($hasil)){ 
22.   // Apabila sisa baginya genap, maka warnanya abu-abu (#E1E1E1). 
23.   if(($no % 2)==0){ 
24.     $warna="#E1E1E1"; 
25.   } 
26.   // Apabila sisa baginya ganjil, maka warnanya kuning (#FFFF00).  
27.   else{ 
28.     $warna="#FFFF00"; 
29.   } 
30.   echo "<tr bgcolor=$warna><td>$no</td><td>$data[nama]</td><td>$data[alamat]</td></tr>"; 
31.   $no++; 
32. } 
33. echo "</table><br>"; 
34.  
35. //Hitung total data dan halaman  
36. $tampil2="select * from anggota"; 
37. $hasil2=mysql_query($tampil2); 
38. $jmldata=mysql_num_rows($hasil2); 
39.  
40. $jmlhalaman=ceil($jmldata/$batas); 
41.  
42. // Link ke halaman sebelumnya (previous) 
43. if($halaman > 1){ 
44.     $previous=$halaman-1; 
45.     //FIRST 
46.     echo "<A HREF=$file?halaman=1><< First</A> |  
47.         <A HREF=$file?halaman=$previous>< Previous</A> | ";//PREV 
48. } 
49. else 
50. {  
51. //Menambahkan link FRIST dan Prev 
52.     echo "<< First | < Previous | "; 
53. } 
54.  
55. // Tampilkan link halaman 1,2,3 ... 
56. $file="tampil2warna.php"; 
57. for($i=1;$i<=$jmlhalaman;$i++) 
58. if ($i != $halaman){ 
59.     echo " <a href=$file?halaman=$i>$i</A> | "; 
60. } 
61. else{ 
62.     echo " <b>$i</b> | "; 
63. } 
64.  
65. // Link kehalaman berikutnya (Next) 
66. if($halaman < $jmlhalaman){ 
67.     $next=$halaman+1; 
68.     //NEXT 
69.     echo "<A HREF=$file?halaman=$next>Next ></A> |  
70.   <A HREF=$file?halaman=$jmlhalaman>Last >></A> ";//LAST 
71. } 
72. else{  
73. //Menambahkan link NEXT dan LAST 
74.     echo "Next > | Last >>"; 
75. } 
76. echo "<p>Total anggota : <b>$jmldata</b> orang</p>"; 
77. ?> 

Lalu kalian coba jalankan file tsb di localhost dan lihat hasilnya... Bagaimana???Mudah bukan :)