function hitungColumn(){
c=3 // menentukan jumlah element "total" agar hasilnya dinamis dapatkan jumlah dari hasil query menggunakan php
d=document; // biar gak panjang aja... di ilangin juga bisa...
xxx=0;
for(i=1;i<=c;i++){
xxx=eval(parseInt(xxx)+parseInt(d.getElementById("total"+i+"").value));
// kalo di ilangin tu yang d=document...
// nulisnya jadi gini xxx=eval(parseInt(xxx)+parseInt(document.getElementById("total"+i+"").value));
}
d.getElementById("grandTotal").value=xxx;
}
function test(objHarga,objJumlah,objTotal){
if(objJumlah.value==""){
objJumlah.value=0;
}else if(objJumlah.value==""){
objJumlah.value=0;
}
objTotal.value=parseInt(objHarga.value)*parseInt(objJumlah.value);
hitungColumn();
//alert(objTotal.value);
}
code yang ini disimpennya di body
<form action="" method="post">
<table width="50%" border="1">
<tr>
<td width="28%"><div align="center">Nama Produk</div></td>
<td width="42%"><div align="center">Harga</div></td>
<td width="19%"><div align="center">Jumlah</div></td>
<td width="11%"><div align="center">Total</div></td>
</tr>
<tr>
<td>N70</td>
<td>
<label>
<input type="text" name="harga1" id="harga1" value="1500000" onkeyup="test(this,document.getElementById('jumlah1'),document.getElementById('total1'));"/>
</label></td>
<td><label>
<input type="text" name="jumlah1" id="jumlah1" value="0" onkeyup="test(document.getElementById('harga1'),this,document.getElementById('total1'));"/>
</label></td>
<td><label>
<input type="text" name="total1" id="total1" value="0" onkeyup="hitungColumn();" readonly=""/>
</label></td>
</tr>
<tr>
<td>N73</td>
<td><label>
<input type="text" name="harga2" id="harga2" value="2000000" onkeyup="test(this,document.getElementById('jumlah2'),document.getElementById('total2'));"/>
</label></td>
<td><label>
<input type="text" name="jumlah2" id="jumlah2" value="0" onkeyup="test(document.getElementById('harga2'),this,document.getElementById('total2'));"/>
</label></td>
<td><label>
<input type="text" name="total2" id="total2" value="0" readonly=""/>
</label></td>
</tr>
<tr>
<td>N95</td>
<td><label>
<input type="text" name="harga3" id="harga3" value="5000000" onkeyup="test(this,document.getElementById('jumlah3'),document.getElementById('total3'));"/>
</label></td>
<td><label>
<input type="text" name="jumlah3" id="jumlah3" value="0" onkeyup="test(document.getElementById('harga3'),this,document.getElementById('total3'));"/>
</label></td>
<td><label>
<input type="text" name="total3" id="total3" value="0" readonly=""/>
</label></td>
</tr>
<tr>
<td colspan="3"><div align="right">Grant Total</div></td>
<td><label>
<input type="text" name="grandTotal" id="grandTotal" value="0" readonly=""/>
</label></td>
</tr>
</table>
</form>
Tampilkan postingan dengan label javascript. Tampilkan semua postingan
Tampilkan postingan dengan label javascript. Tampilkan semua postingan
2009-02-12
hitung baris dan kolom dengan javascript
function javascript ini disimpennya di head
2008-12-18
validasi form dengan javascript
<html>
<head>
<script type="text/javascript">
function validate_required(field,alerttxt){
with(field){
if(value==null||value==""){
alert(alerttxt);return false;
}else{
return true
}
}
}
function validate_form(thisform){
with(thisform){
if (validate_required(email,"Email must be filled out!")==false{
email.focus();return false;
}
}
}
</script> </head>
<body>
<form action="submitpage.htm" onsubmit="return
validate_form(this)"
method="post">
Email:<input type="text"
name="email" size="30"> <input type="submit" value="
Submit">
</form>
</body>
</html>
Langganan:
Postingan (Atom)