RSS

PROGRAM SEDERHANA “GENERATE TABEL”

25 Mar

Untuk membuat  program  sederhana  untuk  men-generate sel  tabel  secara  fleksibel. Tekniknya,  buat  sebuah  fungsi  yang  menerima  argumen  berupa  jumlah  sel dan jumlah kolom. Jadi, pembentukan sel tabel didasarkan pada nilai jumlah sel dan jumlah kolom yang diberikan. Sebagai contoh, hasil program dengan argumen 2(sel) dan 2 (kolom). Maka Sintax untuk program tersebut adalah

<body>
<form method=”post” action=”tabelku.php”>
<p><font color=”F28500″ face=”comic sans ms” size=”5″><strong>GENERATE TABEL</strong></p>
<table width=”277″ border=”0″>
<tr>
<td width=”89″>Jumlah Baris</td>
<td width=”172″><strong>: </strong><input name=”totalBaris” type=”text” id=”totalBaris” onKeyUp=”getmax();” onfocus=”this.select();”></td>
</tr>
<tr>
<td><label>Jumlah Kolom</label></td>
<td><strong>: </strong><input name=”totalKolom” type=”text” id=”totalKolom” onKeyUp=”getmax();” onfocus=”this.select();”></td>
</tr>
<tr>
<td>Jumlah Sel</td>
<td><strong>: </strong><input name=”totalSel” type=”text” id=”totalSel” onKeyUp=”getmax();” onFocus=”this.select();”></td>
</tr>
<tr>
<td>Sel Maksimal</td>
<td><strong>: </strong><input name=”jmlSelMax” type=”text” id=”jmlSelMax” readonly=”true” style=”background-color:#999999″>
</td>
</tr>
<tr>
<td>
<div align=”center”>
<br />
<input type=”reset” name=”Reset” value=”Reset”>
</div></td>
<td>
<div align=”right”>
<br />
<input type=”submit” name=”Generate” value=”Generate!”>
</div></td>
</tr>
</table>
</form>
<br>

<script language=”JavaScript” type=”text/javascript”>
<!–
function getmax() {
var R = parseInt(document.getElementById(‘totalBaris’).value);
var C = parseInt(document.getElementById(‘totalKolom’).value);
var X = parseInt(document.getElementById(‘totalSel’).value);
var cellmax = document.getElementById(‘jmlSelMax’);
var total = 0;
total = R * C;
cellmax.value = new String(total);
if (X > total)
{
alert(‘Jumlah sel yang anda inginkan melewati batas maksimal sel =’ + total);
document.getElementById(‘totalSel’).value = new String();
}
}
//–>
</script>

maka hasilnya akan nampak seperti berikut:

kemudian isikan jumlah baris, kolom dan sel yang ingin dibuat..misalkan jumlah baris isikan 2, jumlah kolom 2 dan sel 2. hasil tabel yang dapat di generate adalah seperti gambar di bawah….

-Good Luck-

Advertisements
 
Leave a comment

Posted by on March 25, 2010 in PTI478

 

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

 
The Way I Am

Live everyday as if it was your last

Some Good Eats

Eat and don't worry about it

Anggriani

Bacalah! Tulislah !

Padepokan Budi Rahardjo

belajar untuk menjadi manusia ...

Catatanku

Ini adalah album yang berisi catatan yang saya tulis dalam perjalanan waktu hidup. Catatan yang terinspirasi dari apa yang saya lihat, saya baca, saya dengar, dan saya rasakan.

Catatan Bang Akrie

Simplicity.Humble.Joyfull

%d bloggers like this: