Selasa, 15 Agustus 2017

Menambahkan Warna Pada Tabel Melalui PHP

Warna dapat membuat informasi yang disajikan menjadi lebih bermakna. Warna dapat diwujudkan pada tulisan maupun dalam bentuk latar belakang. Pada pembahasan kali ini adalah penambahan warna baik dalam tulisan maupun latar belakang pada tabel yang dibuat pada pembahasan sebelumnya Menambahkan Tabel Pada Tampilan Isi Tabel Melalui PHP. Skrip berikut menunjukkan contoh penambahan warna baik dalam tulisan ataupun latar belakang. Dalam hal ini, warna baris akan ditampilkan dengan dua warna secara bergantian. Bagian yang dicetak tebal merupakan bagian yang ditambahkan atau dimodifikasi. Simpan skrip dengan nama warna_tabel.php.
<html>
<head>
<title>Memberikan warna pada tabel</title>
</head>
<body>
    <?php
    $server = "127.0.0.1";
    $pemakai = "userphp";
    $password = "php123";
   
    $id_mysql = mysql_connect($server, $pemakai, $password);
    if (! $id_mysql)
        die ("Tidak dapat melakukan koneksi ke server MySQL");
   
   
    $kepegawaian = mysql_select_db("kepegawaian", $id_mysql);
    if (! $kepegawaian)
        die ("Tak dapat mengakses database kepegawaian");
   
    //Bagian untuk menampilkan data
    $sql ="SELECT nip, nama, tgl_lahir, jenis_kelamin, alamat FROM pegawai";
    $hasil = mysql_query($sql, $id_mysql);
    if (! $hasil)
        die("Salah SQL");
       
    $nomor = 0;
    print("<table width = \"80%\" border=\"1\">\n");
    print("<tr bgcolor=\"#99FF66\">\n");
    print("<td width=\"10%\">");
    print("<font color=\"#0000FF\">No</font></td>\n");
    print("<td width=\"15%\">");
    print("<font color=\"#0000FF\">NIP</font></td>\n");
    print("<td width=\"30%\">");
    print("<font color=\"#0000FF\">Nama</font></td>\n");
    print("<td width=\"20%\">");
    print("<font color=\"#0000FF\">Tanggal Lahir</font></td>\n");
    print("<td width=\"10%\">");
    print("<font color=\"#0000FF\">Jenis Kelamin</font></td>\n");
    print("<td width=\"40%\">");
    print("<font color=\"#0000FF\">Alamat</font></td>\n");
    print("</tr>\n");

   
    while ($baris = mysql_fetch_row($hasil))
    {
        $nomor++;
       
        if ($nomor % 2 == 0)
            $warna_belakang = "#99FFFF";
        else
            $warna_belakang = "#99CCFF";

       
        $nip = $baris[0];
        $nama = $baris[1];
        $tgl_lahir = $baris[2];
        $jenis_kelamin = $baris[3];
        $alamat = $baris[4];
       
        print("<tr bgcolor=\"$warna_belakang\">\n");
        print("<td>$nomor</td>\n");
        print("<td>$nip</td>\n");
        print("<td>$nama</td>\n");
        print("<td>$tgl_lahir</td>\n");
        print("<td>$jenis_kelamin</td>\n");
        print("<td>$alamat</td>\n");
    }
   
    print("</table>\n");
   
    mysql_close($id_mysql);
    ?>
</body>
</html>
Pewarnaan tulisan ditangani per kolom. Dalam hal ini, warna tulisan diatur melalui tag HTML yang berupa <font></font>. Tulisan yang berada dalam <font> dan </font> akan diwarnai dengan warna yang disebutkan dalam <font>. Contoh :
    print("<td width=\"15%\">");
    print("<font color=\"#0000FF\">NIP</font></td>\n");
    print("<td width=\"30%\">");
menampilkan tulisan NIP dengan warna #0000FF (warna biru).

Perintah :
print("<tr bgcolor=\"#99FF66\">\n");
digunakan untuk membuat baris dengan latar belakang berwarna 99FF66 yang berarti R=99, G=FF, dan B=66. Tanda # menyatakan bilangan berbasis 16. Sebagaimana diketahui, warna dalam layar tersusun atas komponen R (merah), G (hijau), dan B (biru). Masing-masing komponen dapat bernilai 00 sampai FF.
Pada skrip warna_tabel.php, bagian kode 
if ($nomor % 2 == 0)
            $warna_belakang = "#99FFFF";
        else
            $warna_belakang = "#99CCFF";
digunakan untuk menentukan warna baris setelah judul. Ungkapan $nomor % 2 == 0 menghasilkan nilai benar jika isi variabel $nomor berupa bilangan genap. $nomor % 2 berarti "sisa pembagian isi $nomor dengan 2". Jadi, kalau isi $nomor berupa bilangan genap maka $warna_belakang diisi dengan #99FFFF dan kalau berupa bilangan ganjil variabel tersebut diisi dengan #99CCFF. Selanjutnya, pengaturan warna baris dilakukan melalui pernyataan
print("<tr bgcolor=\"$warna_belakang\">\n");
Hasil dari skrip yang telah dimodifikasi seperti berikut ini :

0 Komentar:

Posting Komentar