penjumlahan otomatis
Salihin Untar · Sep 6, 2012
Mas , saya mau tanya,sebelumnya terima kasih
1.bagaimana jika di input angka langsung ubah menjadi angka decimal contoh .Kita ketik 1750 hasilnya 1.750 (saya sudah coba pakai Javascript-> Oke.
2.Pada waktu saya simpan saya pakai Explode untuk ubah 1.750 menjadi 1750 saya sudah coba ok.
3.Permasalahanya sekarang , saya ingin jumlah otomatis dengan inputan ada 5 baris Contoh terlampir misalnya 1.750 (input 1) input 2 = 2.750 input ke 3 = 189.000 yang ke 4 = 1.670.500
seperti ini:
<html>
<head>
<title></title>
<script type="text/javascript">
/* FORMAT ANGKA 3 titik*/
function angka(objek) {
objek = typeof(objek) != 'undefined' ? objek : 0;
a = objek.value;
b = a.replace(/[^\d]/g,"");
c = "";
panjang = b.length;
j = 0;
for (i = panjang; i > 0; i--) {
j = j + 1;
if (((j % 3) == 1) && (j != 1)) {
c = b.substr(i-1,1) + "." + c;
} else {
c = b.substr(i-1,1) + c;
}
}
objek.value = c;
var satu = document.getElementById("jum_akun1").value;
var dua = document.getElementById("jum_akun2").value;
var tiga = document.getElementById("jum_akun3").value;
var empat = document.getElementById("jum_akun4").value;
var lima = document.getElementById("jum_akun5").value;
var hasil = (Math.round(satu) + Math.round(dua) + Math.round(tiga) + Math.round(empat) + Math.round(lima) );
document.getElementById("total").value = hasil;
}
</script>
</head>
<body>
<p> </p>
<br>
<fieldset style="width:755px">
<legend></legend>
<table width="71" border=1 align="left" cellpadding=2 cellspacing=0 borderColor="black" id="BIGrid2" style="width:73;border-collapse:collapse;">
<tr>
<td width="110"><div align="center"><strong>Jumlah</strong></div></td>
</tr>
<tr>
<td><div align="right">
<input name="jum_akun1" type="" id ="jum_akun1" size="12" maxlength="12" onBlur="angka(this);" onKeyUp="angka(this);">
</div></td>
</tr>
<tr>
<td><div align="right">
<input name="jum_akun2" type="" id ="jum_akun2" size="12" maxlength="12" onBlur="angka(this);" onKeyUp="angka(this);">
</div></td>
</tr>
<tr>
<td><div align="right">
<input name="jum_akun3" type="" id ="jum_akun3" size="12" maxlength="12" onBlur="angka(this);" onKeyUp="angka(this);">
</div></td>
</tr>
<tr>
<td><div align="right">
<input name="jum_akun4" type="" id ="jum_akun4" size="12" maxlength="12" onBlur="angka(this);" onKeyUp="angka(this);">
</div></td>
</tr>
<tr>
<td><div align="right">
<input name="jum_akun5" type="" id ="jum_akun5" size="12" maxlength="12" onBlur="angka(this);" onKeyUp="angka(this);">
</div></td>
</tr>
<tr>
<td><div align="right">
<input name="total" type="text" id ="total" style="background-color:#FFFFCC" value="" size="12" maxlength="12" readonly="true" />
</div></td>
</tr>
</table>
<p> </p>
</body>
</html>
1.bagaimana jika di input angka langsung ubah menjadi angka decimal contoh .Kita ketik 1750 hasilnya 1.750 (saya sudah coba pakai Javascript-> Oke.
2.Pada waktu saya simpan saya pakai Explode untuk ubah 1.750 menjadi 1750 saya sudah coba ok.
3.Permasalahanya sekarang , saya ingin jumlah otomatis dengan inputan ada 5 baris Contoh terlampir misalnya 1.750 (input 1) input 2 = 2.750 input ke 3 = 189.000 yang ke 4 = 1.670.500
seperti ini:
<html>
<head>
<title></title>
<script type="text/javascript">
/* FORMAT ANGKA 3 titik*/
function angka(objek) {
objek = typeof(objek) != 'undefined' ? objek : 0;
a = objek.value;
b = a.replace(/[^\d]/g,"");
c = "";
panjang = b.length;
j = 0;
for (i = panjang; i > 0; i--) {
j = j + 1;
if (((j % 3) == 1) && (j != 1)) {
c = b.substr(i-1,1) + "." + c;
} else {
c = b.substr(i-1,1) + c;
}
}
objek.value = c;
var satu = document.getElementById("jum_akun1").value;
var dua = document.getElementById("jum_akun2").value;
var tiga = document.getElementById("jum_akun3").value;
var empat = document.getElementById("jum_akun4").value;
var lima = document.getElementById("jum_akun5").value;
var hasil = (Math.round(satu) + Math.round(dua) + Math.round(tiga) + Math.round(empat) + Math.round(lima) );
document.getElementById("total").value = hasil;
}
</script>
</head>
<body>
<p> </p>
<br>
<fieldset style="width:755px">
<legend></legend>
<table width="71" border=1 align="left" cellpadding=2 cellspacing=0 borderColor="black" id="BIGrid2" style="width:73;border-collapse:collapse;">
<tr>
<td width="110"><div align="center"><strong>Jumlah</strong></div></td>
</tr>
<tr>
<td><div align="right">
<input name="jum_akun1" type="" id ="jum_akun1" size="12" maxlength="12" onBlur="angka(this);" onKeyUp="angka(this);">
</div></td>
</tr>
<tr>
<td><div align="right">
<input name="jum_akun2" type="" id ="jum_akun2" size="12" maxlength="12" onBlur="angka(this);" onKeyUp="angka(this);">
</div></td>
</tr>
<tr>
<td><div align="right">
<input name="jum_akun3" type="" id ="jum_akun3" size="12" maxlength="12" onBlur="angka(this);" onKeyUp="angka(this);">
</div></td>
</tr>
<tr>
<td><div align="right">
<input name="jum_akun4" type="" id ="jum_akun4" size="12" maxlength="12" onBlur="angka(this);" onKeyUp="angka(this);">
</div></td>
</tr>
<tr>
<td><div align="right">
<input name="jum_akun5" type="" id ="jum_akun5" size="12" maxlength="12" onBlur="angka(this);" onKeyUp="angka(this);">
</div></td>
</tr>
<tr>
<td><div align="right">
<input name="total" type="text" id ="total" style="background-color:#FFFFCC" value="" size="12" maxlength="12" readonly="true" />
</div></td>
</tr>
</table>
<p> </p>
</body>
</html>