Pemisahan Warna Per Baris


apa salahnya salahnya nulis-nulis, pada artikel saya yang sederhana dan tidak sedasyat artikel para programmer sejati (exp. Anggi dan Al-k) ini, saya bermaksud bagaimana membuat data per baris itu memiliki dua warna yang berbeda.  Pada prinsipnya saya menggunakan fungsi if untuk menyeleksi  data yaitu variable nomor, apabila variable nomor itu bernilai ganjil maka barisnya akan berwarna merah dan sebaliknya jika nomornya genap maka warna barisnya akan berwarna kuning. Untuk mendapatkan variable nomor bernilai ganjil dan genap, kita dapat menggunakan fungsi dari modulus. Jika nomor apabila habis di bagi 2 maka datanya tersebut adalah bilangan genap dan apabila nomor tidak habis di bagi dua maka data tersebut adalah bilangan ganjil.  Bingung? yupss..

create database dbase_contoh;
use dbase_contoh;

CREATE TABLE data_penulis (

no int(11) NOT NULL auto_increment,

nama varchar(20) collate latin1_general_ci NOT NULL,

alamat varchar(20) collate latin1_general_ci NOT NULL,

PRIMARY KEY  (no)

)

 

// Halaman Koneksi, config.php :
<?php
$host = “localhost”;
$username = “root”;
$password = “”;
$dbase = “dbase_contoh”;
$connect = mysql_connect($host, $username, $password) or die (“koneksi gagal !”);
mysql_select_db($dbase, $connect) or die(“koneksi gagal !”);
?>

// Halaman tampilan, index.php :

<html>

<head>

<title>Pewarnaan …..</title>

</head>

<body>

<form name=”form1″ method=”post” action=”simpan_ac.php”>

<table width=”464″ height=”187″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″>

<tr>

<td colspan=”3″>Daftar Nama Penulis </td>

</tr>

<tr>

<td width=”102″>Nama</td>

<td colspan=”2″><input name=”nama” type=”text” id=”nama”></td>

</tr>

<tr>

<td>Alamat</td>

<td colspan=”2″><input name=”alamat” type=”text” id=”alamat”></td>

</tr>

<tr>

<td> </td>

<td width=”208″><input type=”submit” name=”Submit” value=”Submit”></td>

<td width=”154″> </td>

</tr>

<tr>

<td colspan=”3″><table width=”100%” border=”1″ cellspacing=”0″ cellpadding=”0″>

<tr>

<td width=”7%”>No. </td>

<td width=”35%”>Nama</td>

<td width=”58%”>Alamat</td>

</tr>

<?

include “config.php”;

$tampil=mysql_query(“select * from data_penulis”);

while($baris=mysql_fetch_array($tampil)){

$no++;

?>

<tr bgcolor=”

<?

if($no%2==1) {

echo”red”; //apabila variable nomor ganjil maka barisnya warna merah

}

else {

echo”yellow”; //apabila variable nomor genap maka barisnya warna kuning

 

}

?>

//menampilkan data per baris

“>

<td><? echo”$no”; ?></td>

<td><? echo”$baris[nama]”; ?></td>

<td><? echo”$baris[alamat]”; ?></td>

</tr>

<? } ?>

</table></td>

</tr>

</table>

</form>

</body>

</html>

// Halaman action, simpan_ac.php :

<?

include “config.php”;

$data1=mysql_query(“insert into data_penulis(no,nama,alamat) values(‘000′,’$_POST[nama]’,’$_POST[alamat]’)”);

header(“location: index.php”); //proses loncat ke halaman index.php

?>
Apabila sudah selesai ya coba anda isi form yang sudah selesai di buat tadi, dan bagaimanakah prubahan antara baris 1 dan baris 2.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s