Menampilkan Harga dengan OnClick Auto Converter

Setelah beberapa hari yang lalu saya terbitkan trik merubah angka pada harga (klik disini untuk membacanya), kini saya publikasikan lagi trik yang hampir sama.

Bedanya kalau yang kemarin kita tidak harus melakukan klik, dan harga langsung tampil sedangkan untuk yang sekarang perlu adanya tindak lanjut oleh pengguna.

Kita bisa menambahkan Click (Klik Manual) maupun MouseOver (Klik Otomatis)

Berikut kode-kodenya..
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>

<script type="text/javascript">
function keRupiah(angkaAsli) {
    var angkaAsli = angkaAsli.toString(),
    IDR = angkaAsli.split('.')[0],
    cents = (angkaAsli.split('.')[1] || '') +'';
    IDR = IDR.split('').reverse().join('')
        .replace(/(\d{3}(?!$))/g, '$1.')
        .split('').reverse().join('');
    return 'Rp.' + IDR + ',-' + cents.slice(0, 2);
}
$(function() {
$('#konversiHarga').click(
function() {
alert('Harga: '+keRupiah($('.angkaAsli').val())); return false; });
});
</script>

<input type="hidden" value="250000000" class="angkaAsli"/>

<b style="padding:0 10px 3px 10px;cursor:pointer;font-size:20px;background:#0AA02F;color:#fff;font-family:cursive" id="konversiHarga">Lihat Harga</b>
KETERANGAN
Pada angka 250000000 merupakan angka pertama (belum dikonversi)
Sedangkan jika diganti, misal 900000 maka akan menghasilkan Rp.900.000,-
Source: http://www.cssnewbie.com/javascript-currency-conversion-script/
URL

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini