GAMPSMS – Software SMS Gateway Multi Fungsi Script PHP untuk Menampilkan Data dalam Tabel dengan Warna Baris Selang-seling

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.

 

script php tabel data warna selang-seling

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

1.CREATE TABLE mhs (
2.  nim varchar(10),
3.  namaMhs varchar(30),
4.  alamat varchar(30),
5.  PRIMARY KEY (nim)
6.)

dan data mahasiswa sbb:

1.INSERT INTO mhs VALUES ('M0197001', 'ROSIHAN ARI YUANA', 'Solo');
2.INSERT INTO mhs VALUES ('M0197002', 'DWI AMALIA FITRIANI', 'Kudus');
3.INSERT INTO mhs VALUES ('M0197003', 'FAZA FAUZAN KH.', 'Solo');
4.INSERT INTO mhs VALUES ('M0197004', 'NADA HASANAH', 'Solo');
5.INSERT INTO mhs VALUES ('M0197005', 'MUH. AHSANI TAQWIM', 'Solo');

Perhatikan script PHP berikut ini:

01.<?php
02.
03.mysql_connect("namaHost","namaUser","password");
04.mysql_select_db("namaDB");
05.$warnaGenap = "#CCCCCC";   // warna abu-abu
06.$warnaGanjil = "#FFFFFF"// warna putih
07.$warnaHeading = "#FF0000"; // warna merah untuk heading tabel
08.
09.$query = "SELECT * FROM mhs";
10.$hasil = mysql_query($query);
11.
12.echo "<table border='1'>";
13.echo "<tr bgcolor='".$warnaHeading."'>
14.      <td>NIM</td>
15.      <td>Nama Mahasiswa</td>
16.      <td>Alamat</td>
17.      </tr>";
18.
19.$counter = 1;
20.
21.while($data = mysql_fetch_array($hasil))
22.{
23.
24.// cek apakah counternya ganjil atau genap
25.
26.if ($counter % 2 == 0) $warna = $warnaGenap;
27.else $warna = $warnaGanjil;
28.
29.echo "<tr bgcolor='".$warna."'>";
30.echo "<td>".$data['nim']."</td>";
31.echo "<td>".$data['namaMhs']."</td>";
32.echo "<td>".$data['alamat']."</td>";
33.echo "</tr>";
34.
35.$counter++; // menambah counter
36.}
37.echo "</table>";
38.
39.?>

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: