[Javascript] Number Format
9 06 2009Lagi-lagi, di javascript saya membutuhkan suatu fungsi yang sudah ada di php. Fungsi tersebut adalah number_format(). Tujuannya untuk memetakan kembali bilangan yang sudah di input. Misal terinput 20000 maka akan tertulis 20.000,00
Dikarenakan pada javascript fungsi tersebut belum ada, maka saya harus membuat nya terlebih dahulu.
Berikut script number_format dan cara penggunaannya.
<script language=javascript>
function number_format(a, b, c, d) {
a = Math.round(a * Math.pow(10, b)) / Math.pow(10, b);
e = a + ”;
f = e.split(‘.’);
if (!f[0]) {
f[0] = ‘0′;
}
if (!f[1]) {
f[1] = ”;
}
if (f[1].length < b) {
g = f[1];
for (i=f[1].length + 1; i <= b; i++) {
g += ‘0′;
}
f[1] = g;
}
if(d != ” && f[0].length > 3) {
h = f[0];
f[0] = ”;
for(j = 3; j < h.length; j+=3) {
i = h.slice(h.length – j, h.length – j + 3);
f[0] = d + i + f[0] + ”;
}
j = h.substr(0, (h.length % 3 == 0) ? 3 : (h.length % 3));
f[0] = j + f[0];
}
c = (b <= 0) ? ” : c;
document.getElementById(‘nm’).innerHTML = f[0] + c + f[1];
}
function number_format(a, b, c, d) {
a = Math.round(a * Math.pow(10, b)) / Math.pow(10, b);
e = a + ”;
f = e.split(‘.’);
if (!f[0]) {
f[0] = ‘0′;
}
if (!f[1]) {
f[1] = ”;
}
if (f[1].length < b) {
g = f[1];
for (i=f[1].length + 1; i <= b; i++) {
g += ‘0′;
}
f[1] = g;
}
if(d != ” && f[0].length > 3) {
h = f[0];
f[0] = ”;
for(j = 3; j < h.length; j+=3) {
i = h.slice(h.length – j, h.length – j + 3);
f[0] = d + i + f[0] + ”;
}
j = h.substr(0, (h.length % 3 == 0) ? 3 : (h.length % 3));
f[0] = j + f[0];
}
c = (b <= 0) ? ” : c;
document.getElementById(‘nm’).innerHTML = f[0] + c + f[1];
}
</script>
<input type=text onkeyup="number_format(this.value, 2, ‘.’, ‘,’)">
<span id=nm></span>
<span id=nm></span>
Test program di sini : http://www.krisnanda.web.id/number_format/
Artikel yang berhubungan:
- Menambah Javascript pada Javascript Suatu ketika ketika saya sedang ngoding web, saya menghadapi keadaan...
- [Javascript] Validasi dalam javascript Awalnya saya bingung bagaimana melakukan proses validasi suatu radio button...
- [Javascript] Multiple Dimensional Arrays Pokok ulasan yang kan di bahas kali ini adalah javascript...
- [javascript] : trim tidak seperti php, fasilitas trim belum ada di javascript. untuk...
- [javascript] Me-rotasi gambar menggunakan elemen canvas Element CANVAS atau tag canvas di keluarga HTML bisa...
Quote
thanks bos.
btw, gimana c bikin custom YM status kaya di blog ini. kyanya gambar itu bukan gambar yg disediain dari yahoonya deh.. klo bisa c, buat artikelnya skalian bos. thanks
Quote
itu saya menggunakan plugin di wordpress, Yahoo Messenger Online Status link nya : http://hudatoriq.web.id/wp-hacks/ym-online-status/
Quote
Nice post..