make your freedom with versus-devil
August 17 2009 Categorized Under: Javascript No Commented
Use the switch statement to select one of many blocks of code to be executed.
switch(n)
{
case 1:
execute code block 1
break;
case 2:
execute code block 2
break;
default:
code to be executed if n is different from case 1 and 2
}
This is how it works: First we have a single expression Read more…
August 4 2009 Categorized Under: Javascript, Programming 2 Commented
Kali ini saya akan membuat sebuah object timer dengan menggunakan JavaScript. Object Timer ini sekaligus menampilkan remain time. Bisa digunakan untuk membatasi waktu-waktu jika Anda membuat sebuah program yang memberi batasan waktu kepada pengguna. Misal untuk ujian.
Apabila object ini sudah jadi, cara pemanggilannya sangat mudah. Anda hanya cukup dengan satu baris perintah untuk membuat objectnya yaitu dengan perintah sebagai berikut:
var timer = new myTimer("waktu")
Di situ terlihat ada object baru dengan nama myTimer. myTimer ini nanti yang akan kita definisikan. Object ini juga memiliki fasilitas event onFinish dimana event ini akan dieksekusi setelah waktu selesai.
July 9 2009 Categorized Under: Javascript, Programming No Commented
<html>
<head>
<title>mySimpleJavaScript » Add 'n Delete row table HTML</title>
<script>
function addRow(aTable) {
aRow = aTable.insertRow(aTable.rows.length);
numCells = 5;
var col_dir = ['<input type="button" />',
'<input type="text" name="text1" />',
'<input type="text" name="text2" />',
'<input type="text" name="text3" />',
'<input type="text" name="text4" />'];
aCell = aRow.insertCell(0);
aCell.innerHTML='<input type="button" id="delRow" onClick="delRow(this)" value="delete" />';
for (i=1;i<numcells ;i++){
aCell = aRow.insertCell(i);
aCell.innerHTML= col_dir[i];
}
}
function delRow(row) {
row.parentNode.parentNode.parentNode.deleteRow(row.parentNode.parentNode.rowIndex);
}
</script>
</numcells></script></head>
<body>
<strong>mySimpleJavaScript » Add 'n Delete row table HTML</strong>
<br />
<p><input type="button" value="add" onClick="addRow(document.getElementById('myTable'))" /></p>
<table id="myTable" name="myTable" border="1" width="200">
<tbody id="myTableTBody" name="myTableTBody">
<tr>
<td> </td>
<td>Barang</td>
<td>Harga Satuan</td>
<td>QTY</td>
<td>Sub Total</td>
</tr>
<tr>
<td><input type="button" id="delRow" onClick="delRow(this)" value="delete" /></td>
<td><input type="text" name="text1" /></td>
<td><input type="text" name="text2" /></td>
<td><input type="text" name="text3" /></td>
<td><input type="text" name="text4" /></td>
</tr>
</tbody>
</table>
</body>
</html>
March 6 2009 Categorized Under: Javascript, Programming one Commented