Lagi iseng mau bikin sesuatu, biar jadi sesuatu gitu, hee. Padahal lagi di bawah tekanan harus menyelesaikan laporan & program KP (baca : magang). Pernah gak teman-teman liat strip warna pada zebra. Umumnya warna strip tersebut dibentuk oleh dua warna dasar yaitu hitam dan putih. Nah, bagaimana kita dapat mengimplementasikan terhadap pembuatan tabel pada pemrograman web. Saya menggunakan fasilitas jquery untuk memudahkan pengerjaan. Oh yaa, jika anda pelum punya file .js dari jquery. Silakan donwload dulu di sini.
Nah bila sudah silakan ketikkan baris kode di bawah ini, jangan lupa awali dengan Bismillah :
"Bismillahirrahmannirrahim"
<html>
<head>
<script src="jquery-1.5.1.min.js"></script>
</head>
<body>
<table>
<th>CONTOH BIKIN TABEL DENGAN MOTIF STRIP ZEBRA</th>
<?php for ($i=1;$i<=10;$i++){echo "<tr><td>Ini Merupakan Isi Field Ke - $i</td></tr>";}?>
</table>
<span style="background-color:"></span>
<script type="text/javascript">
$("tr:odd").css("background", "#0F0");
$("tr:even").css("background", "#9F6");
$("th").css("background", "#090");
</script>
</body>
</html>
<head>
<script src="jquery-1.5.1.min.js"></script>
</head>
<body>
<table>
<th>CONTOH BIKIN TABEL DENGAN MOTIF STRIP ZEBRA</th>
<?php for ($i=1;$i<=10;$i++){echo "<tr><td>Ini Merupakan Isi Field Ke - $i</td></tr>";}?>
</table>
<span style="background-color:"></span>
<script type="text/javascript">
$("tr:odd").css("background", "#0F0");
$("tr:even").css("background", "#9F6");
$("th").css("background", "#090");
</script>
</body>
</html>
Bila sudah, simpan dengan nama test.php. Kemudian jalankan di localhost dan lihat apa yang terjadi pada web browser.
Berhasil. Ucapkan Hamdalah.
"Alhamdulillah"
Okeh, itu dulu yang dapat saya sharing
See you again.
# Program iseng-iseng di kala dinginnya subuh mendera..
0 comments:
Post a Comment