Pertama di Indonesia: "Murottal Al Qur'an + Terjemahan" dalam bentuk CD MP3 Original (
Script PHP untuk Menampilkan Data dalam Tabel dengan Warna Baris Selang-seling
August 19th, 2008 | by rosihanari |
Cetak Artikel Ini
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.
Perhatikan script PHP berikut ini:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 | <?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 mahasiswa"; $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 } ?> |
Beberapa artikel terkait
- Script PHP untuk Menghapus Data Via Panel di Tabel
- Ide Membuat Script Grafik PHP Untuk Menampilkan Indeks Prestasi Mahasiswa (Studi Kasus)
- Membuat Script PHP untuk Rekap Data dari Data Mentah
- Penyelesaian SPL dengan Operasi Baris Elementer Menggunakan MATLAB
- Script PHP untuk Edit Data dengan Komponen RadioButton pada Form
- Script PHP untuk Mengedit Data Via Form
- Query SQL Untuk Menampilkan Index Prestasi (IP) Per Semester
- Cara Cepat Merestrukturisasi Tabel dan Data
- Script PHP untuk Menampilkan Siswa Belum Bayar SPP (A Study Case)
- Cara Membuat Query SQL Untuk Relasi Tabel
Share this article on:
Kata kunci: PHP -
Rosihan Ari adalah seorang programmer, penulis buku, trainer, peneliti dan berusaha menjadi seorang blogger sejati dengan memberikan yang terbaik buat negeri ini. Berfokus pada computer programming serta computer aided learning for mathematics, ia ingin berbagi ilmu yang dimilikinya. 
Loading ...
Mantab deh Tutorialnya makasih ya.
thank’s
ini ada….
makasih banyak ya….
berguna bgt..!
makasih mas, sangat membantu banget… tapi saya ada masalah dikit nih…
begini, saya bingung ketika script di atas saya gabungkan dengan script paging atau script yang lainnya. pasti script yang lain-lainnya ga bisa jalan…
tolong kasih solusi untuk menggabungkannya ya mas…thanks before…
To hanif: Mmmm…. coba cek lagi nama-nama variabelnya. Jangan-jangan ada nama variabel yang sama antara script yang Anda buat dengan script dari paging. Karena nama variabel yang sama kadang bisa membuat script tidak jalan.
Wah thanks for artikelnya yaa
From http://www.sampara.com
gmn caranya bwt komentar pada artikel, seperti d bloger ini….???
trima kasih banyak sebelumnya
to singgih: untuk wordpress, secara otomatis akan disediakan form untuk mengirim komentar di bawah setiap postingan artikel. Namun, bisa pula kita non aktifkan form komentar ini pada artikel tertentu.
bagus banget…
sangat bermanfaat, thank ya…
Pak … gemana sih caranya bikin pencarian, trus hasil carinya berupa tabel… trus tabel itu saya bikin paging kya di google gt..
saya udah coba cara advance paging punya bapak , bagian pertamanya sih bener, tapi pas saya pencet next datanya malah keluar semua
mohon pencerahannya pak…
makasih banyak