Wah cukup panjang juga ya judul artikel ini di atas… Bagi Anda yang masih bingung dengan maksud judul di atas, langsung saja perhatikan gambar di bawah ini sajalah… untuk jelasnya.
Pada gambar di atas dapat Anda lihat bahwa setiap baris tabel warnanya selang-seling. Warna yang berselang-seling tersebut dapat mempermudah orang untuk melihat data, terutama untuk pembeda antar baris. Nah… sudah paham kan maksudnya?
OK… pada artikel ini akan dibahas bagaimana cara membuat tampilan seperti di atas, dengan data dibaca dari database MySQL. Jangan khawatir… caranya cukup mudah kok untuk membuatnya.
Ide dasar pembuatan baris tabel data dengan warna selang-seling tersebut adalah cukup menggunakan konsep bilangan genap dan ganjil. Pada contoh tabel di atas, untuk warna latar baris putih diberikan pada baris ganjil, yaitu 1, 3, 5, … dst. Sedangkan baris warna abu-abu diberikan pada baris genap (2, 4, 6, … dst).
Dalam PHP, untuk menentukan sebuah bilangan genap adalah dengan menggunakan operasi modulo (%) , jika bilangan di modulo 2 hasilnya 0 maka dia genap, sedangkan jika tidak sama dengan 0, maka ganjil.
Sebagai contoh dalam kasus ini, misalkan kita memiliki struktur tabel
CREATE TABLE mhs (
nim varchar(10),
namaMhs varchar(30),
alamat varchar(30),
PRIMARY KEY (nim)
)
dan data mahasiswa sbb:
INSERT INTO mhs VALUES ('M0197001', 'ROSIHAN ARI YUANA', 'Solo');
INSERT INTO mhs VALUES ('M0197002', 'DWI AMALIA FITRIANI', 'Kudus');
INSERT INTO mhs VALUES ('M0197003', 'FAZA FAUZAN KH.', 'Solo');
INSERT INTO mhs VALUES ('M0197004', 'NADA HASANAH', 'Solo');
INSERT INTO mhs VALUES ('M0197005', 'MUH. AHSANI TAQWIM', 'Solo');
Perhatikan script PHP berikut ini:
<?php
mysql_connect("namaHost","namaUser","password");
mysql_select_db("namaDB");
$warnaGenap = "#CCCCCC"; // warna abu-abu
$warnaGanjil = "#FFFFFF"; // warna putih
$warnaHeading = "#FF0000"; // warna merah untuk heading tabel
$query = "SELECT * FROM mhs";
$hasil = mysql_query($query);
echo "<table border='1'>";
echo "<tr bgcolor='".$warnaHeading."'>
<td>NIM</td>
<td>Nama Mahasiswa</td>
<td>Alamat</td>
</tr>";
$counter = 1;
while($data = mysql_fetch_array($hasil))
{
// cek apakah counternya ganjil atau genap
if ($counter % 2 == 0) $warna = $warnaGenap;
else $warna = $warnaGanjil;
echo "<tr bgcolor='".$warna."'>";
echo "<td>".$data['nim']."</td>";
echo "<td>".$data['namaMhs']."</td>";
echo "<td>".$data['alamat']."</td>";
echo "</tr>";
$counter++; // menambah counter
}
echo "</table>";
?>
