dengan menggunakan bahasa PHP, kita bisa membuat generate tabel. kinerja dari generate table adalah hanya dengan memasukkan angka pada kolom "columns" dan "rows" yang tersedia, kemudian pada bagian "cells" akan mengkalkulasidengan cara mengalikan secara otomatis, sesuai dengan angka yang di inputkan pada "columns" dan "rows".
misal:
rows = 4
columns = 5
maka,
cells = 20
adapun tampilan dari generate tabel otomatis adalah sebagai berikut:
setelah itu kita klik tombol "generate", hasilnya sebagai berikut:
untuk scripnya adalah sebagai berikut:
anda membuat bahasa PHP terlebih dahulu:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Hasil Generate Tabel</title>
</head>
<body>
<div align="left">
<?php
$rows = 1;
$columns = 1;
$cells = 1;
?>
<?php $rows = (int) $_POST["JumlahRow"]; ?>
<?php $columns = (int) $_POST["JumlahColum"]; ?>
<?php $cells = (int) $_POST["JumlahCell"]; ?>
<strong> HASIL GENERATE </strong>
<br />
<br />
<?php
$width = $columns * 75;
echo "<table width=".$width." border=1>";
$rw = 0;
$cel = 1;
while ($rw < $rows && $cel <= $cells)
{
echo "<tr>";
$cl = 0;
while ($cl < $columns)
{
if ($cel <= $cells)
{
echo "<td><div align=center>".$cel."</div></td>";
$cel++;
}
$cl++;
}
echo "</tr>";
$rw++;
}
echo "</table>";
?>
</div>
</body>
</html>
kemudian save dengan nama file : tgsmod5.php
setelah itu buatlah program HTML nya, adapun scriptnya adalah sebagai berikut:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>-GENERATE TABLE-</title>
<style type="text/css">
<!--
#TOMBOL {
position:absolute;
width:178px;
height:24px;
left: 50px;
top: 170px;
}
.-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
function input() {
var row = parseInt(document.getElementById('JumlahRow').value);
var col = parseInt(document.getElementById('JumlahColum').value);
var X = document.getElementById('JumlahCell');
var total = 0 ;
total = row * col;
X.value = new String(total);
}
}
//-->
</script>
</head>
<body>
<form method="post" action="tgsmod5.php">
<h3 align="left"><strong><u>TABEL GENERATE FLEKSIBEL</u></strong></h3>
<div align="left">
<table width="327" border="0">
<tr>
<td width="121" style="text-align:center">Rows</td>
<td width="196"><strong>= </strong>
<input name="JumlahRow" type="text" id="JumlahRow" onKeyUp="input();" onfocus="this.select();"></td>
</tr>
<tr>
<td style="text-align:center"><label>Columns</label></td>
<td><strong>= </strong>
<input name="JumlahColum" type="text" id="JumlahColum" onKeyUp="input();" onfocus="this.select();"></td>
</tr>
<tr>
<tr bgcolor="#0066cc">
<td style="text-align:center">Cell Total </td>
<td><strong>= </strong>
<input name="JumlahCell" type="text" id="JumlahCell" onKeyUp="input();" onFocus="this.select();"></td>
</tr>
</table>
</div>
<div id="TOMBOL">
<input type="submit" name="Generate" value="G e n e r a t e"><input type="reset" name="Reset" value="R e s e t">
</div>
</form>
</body>
</html>
demikianlah program generate table otomatis.... Semoga bisa bermanfaat... SALAM SATU JIWA
Do you like this article? Share It!
0 komentar to "GEnerate table otomatis"
time
about ayas
- ADITYAAREMA
- nama ayas sebetulnya bukan ADITYAAREMA, tapi Aditya Imam Pratama, ADITYAREMA merupakan sebuah nama yang menggambarkan bahwa ayas sangat bangga menjadi AREMA. ayas biasa dipanggil imam - pon - dita - adit. Anda bisa panggil saya terserah yang penting bukan Mince atau nama2 bencis sebangsanya, serta jangan menyinggung rasisme :D... saya lahir di Kota Malang, I Love this city, tanggal 7 Agustus 1989, tepatnya di RSSA bukan dukun beranak... jadi secara otomatis sejak saya lahir, saya adalah AREMA cukup sekian perkenalannya ya... kalo mau lebih intim lagi add aja di FB - aditya_tothemax@yahoo.co.id -
Posting Komentar