Pages

Labels

Rabu, 17 Maret 2010

Generate Tabel dengan PHP

Setelah belajar JavaScript sekarang waktunya belajar PHP. Kali ini kita belajar bikin tabel sesuai dengan masukkan yang diberikan oleh user. Untuk tampilan awal akan muncul label jumlah kolom, baris dan sel yang harus diisi, kalo sampe ada data yang ga diisi nanti tabelnya ga mau muncul..
Tampilan awalnya kayak begini..


setelah itu memasukkan jumlah kolo, baris dan sel yang diinginkan, klik tombol generate. Setelah menekan tombol generate akan muncul tampilan sebagai berikut...


Caranya adalah mengetikan sintaks dibawah ini atau donlot di link ini...
<!DOCTYPE  HTML  PUBLIC  "-//W3C//DTD  HTML  4.0  Transitional//EN">
<html  xmlns="http://www.w3.org/1999/xhtml"  xml:lang="en"  lang="en">
<head>
<title>Generate Tabel</title>
</head>
<body bgcolor=#E6E6FA>
<?php
//tabel.php
define("Tabel","Generate Tabel");
define("NL","</br>\n");
?>
</body>
</html>  

Simpan syntax di atas dengan nama tabel.php terus masukkan syntax berikut ini dengan type php, untuk lebih singkatnya donlot di link ini...

<?php require("tabel.php") ?>
<center><h1><?php echo(Tabel); ?>
<br/>Program Untuk Mengenerate Tabel Sesuai Masukkan User</h1></center>
<form name="frmtabel" METHOD=post ACTION="tabelact.php">
<br/> <br/> <br/>
Isikan jumlah sel dan kolom yang Anda inginkan<br/>

Jumlah Kolom :
<input name="kolom" type=text id="kolom"/><br/>
Jumlah Baris :
<input name="baris" type=text id="baris"/><br/>
Jumlah Sel   :
<input name="sel" type=text id="sel"/><br/>
<input name="enter" type=submit value="Generate"/><br/>
<input name="reset" type=reset value="reset"/><br/>
</form>
<script language="JavaScript" type="text/javascript">
<!--
function getmax() {
var myForm  =  document.frmtabel;
var R = eval(myForm.baris.value);
var C = eval(myForm.kolom.value);
var total = 'N/A';
total = R * C;
//-->
</script>


Setelah itu, ketikan syntax berikut ini dan beri nama tabelact.php dan untuk lebih cepetnya donlot di sini....

<?php require("tabel.php"); ?>
<div align="center">
<?php $col = 1; $row = 1; $cel = 1; ?>
<?php $col = (int) $_POST["kolom"]; ?>
<?php $row = (int) $_POST["baris"]; ?>
<?php $cel = (int) $_POST["sel"]; ?>
<?php

echo ("<b>Tabel yang Anda inginkan adalah sebagai berikut:</b>".NL.NL.

    "Jumlah Kolom yang Anda pilih : $col" . NL.
    "Jumlah Baris yang Anda pilih : $row" . NL.
    "Jumlah Sel yang Anda pilih   : $cel" . NL);
?>
<br/><br/>
<br/><br/>
<?php
$width = $col * 75;
echo "<table width=".$width." border=2 cellpadding=20 cellspacing=1 >";
$ro = 0;
$ce = 1;
while ($ro < $row && $ce <= $cel)
{
echo "<tr>";
$co = 0;
while ($co < $col)
{
if ($ce <= $cel)
{
echo "<td><div align=center>".$ce."</div></td>";
$ce++;
}
$co++;
}
echo "</tr>";
$ro++;
}
echo "</table>";
?>
 </div>


Kalo sudah semuanya, untuk melihat tampilan tabel buka dari syntax yang kedua ya??
Selamat Mencoba ya??
God Luck...

0 komentar:

Posting Komentar

 

Blogger news

Blogroll

Blogger templates