26
Mei
2010
Mei
2010
Memasang kalkulator di blog
Posted by: adminMemasang kalkulator di blog/website menggunakan javascript.
Ingin punya widget kalkulator di blog kamu? siapa tahu nanti bisa berguna buat ngitung2 bayar kreditan ya gak? hehehe….
Demo kalkulator:
Langkah-langkahnya:
Pasang kode html berikut ini pada bagian sidebar widget:
Salin kode HTML
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 | <CENTER>
<FORM name="Keypad" action="">
<TABLE>
<B>
<TABLE border=2 cellpadding=1 cellspacing=4 style="background: #E7E7E7; padding-top: 7px;">
<TR>
<TD colspan=3 align=middle>
<input name="ReadOut" type="Text" size=20 value="0" width=100%>
</TD>
<TD
</TD>
<TD>
<input style="background: #000; color: #fff;" name="btnClear" type="Button" value=" C " onclick="Clear()">
</TD>
<TD><input style="background: #A83131; color: #fff;" name="btnClearEntry" type="Button" value=" CE " onclick="Clear()">
</TD>
</TR>
<TR>
<TD>
<input style="background: #313131; color: #fff;" name="btnSeven" type="Button" value=" 7 " onclick="NumPressed(7)">
</TD>
<TD>
<input style="background: #313131; color: #fff;" name="btnEight" type="Button" value=" 8 " onclick="NumPressed(8)">
</TD>
<TD>
<input style="background: #313131; color: #fff;" name="btnNine" type="Button" value=" 9 " onclick="NumPressed(9)">
</TD>
<TD>
</TD>
<TD>
<input style="background: #2B2D77; color: #fff;" name="btnNeg" type="Button" value=" +/- " onclick="Neg()">
</TD>
<TD>
<input style="background: #2B2D77; color: #fff;" name="btnPercent" type="Button" value=" % " onclick="Percent()">
</TD>
</TR>
<TR>
<TD>
<input style="background: #313131; color: #fff;" name="btnFour" type="Button" value=" 4 " onclick="NumPressed(4)">
</TD>
<TD>
<input style="background: #313131; color: #fff;" name="btnFive" type="Button" value=" 5 " onclick="NumPressed(5)">
</TD>
<TD>
<input style="background: #313131; color: #fff;" name="btnSix" type="Button" value=" 6 " onclick="NumPressed(6)">
</TD>
<TD>
</TD>
<TD align=middle><input style="background: #2B2D77; color: #fff;" name="btnPlus" type="Button" value=" + " onclick="Operation('+')">
</TD>
<TD align=middle><input style="background: #2B2D77; color: #fff;" name="btnMinus" type="Button" value=" - " onclick="Operation('-')">
</TD>
</TR>
<TR>
<TD>
<input style="background: #313131; color: #fff;" name="btnOne" type="Button" value=" 1 " onclick="NumPressed(1)">
</TD>
<TD>
<input style="background: #313131; color: #fff;" name="btnTwo" type="Button" value=" 2 " onclick="NumPressed(2)">
</TD>
<TD>
<input style="background: #313131; color: #fff;" name="btnThree" type="Button" value=" 3 " onclick="NumPressed(3)">
</TD>
<TD>
</TD>
<TD align=middle><input style="background: #2B2D77; color: #fff;" name="btnMultiply" type="Button" value=" x " onclick="Operation('*')">
</TD>
<TD align=middle><input style="background: #2B2D77; color: #fff;" name="btnDivide" type="Button" value=" / " onclick="Operation('/')">
</TD>
</TR>
<TR>
<TD>
<input style="background: #313131; color: #fff;" name="btnZero" type="Button" value=" 0 " onclick="NumPressed(0)">
</TD>
<TD>
<input style="background: #313131; color: #fff;" name="btnDecimal" type="Button" value=" . " onclick="Decimal()">
</TD>
<TD colspan=3>
</TD>
<TD>
<input style="background: #2B2D77; color: #fff;" name="btnEquals" type="Button" value=" = " onclick="Operation('=')">
</TD>
</TR>
</TABLE>
</TABLE>
</B>
</FORM>
</CENTER> |
Kemudian pasang kode javascript berikut ini setelah baris kode diatas:
Salin kode JAVASCRIPT
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 | <SCRIPT LANGUAGE="JavaScript"> <!-- Begin var FKeyPad = document.Keypad; var Accumulate = 0; var FlagNewNum = false; var PendingOp = ""; function NumPressed (Num) { if (FlagNewNum) { FKeyPad.ReadOut.value = Num; FlagNewNum = false; } else { if (FKeyPad.ReadOut.value == "0") FKeyPad.ReadOut.value = Num; else FKeyPad.ReadOut.value += Num; } } function Operation (Op) { var Readout = FKeyPad.ReadOut.value; if (FlagNewNum && PendingOp != "="); else { FlagNewNum = true; if ( '+' == PendingOp ) Accumulate += parseFloat(Readout); else if ( '-' == PendingOp ) Accumulate -= parseFloat(Readout); else if ( '/' == PendingOp ) Accumulate /= parseFloat(Readout); else if ( '*' == PendingOp ) Accumulate *= parseFloat(Readout); else Accumulate = parseFloat(Readout); FKeyPad.ReadOut.value = Accumulate; PendingOp = Op; } } function Decimal () { var curReadOut = FKeyPad.ReadOut.value; if (FlagNewNum) { curReadOut = "0."; FlagNewNum = false; } else { if (curReadOut.indexOf(".") == -1) curReadOut += "."; } FKeyPad.ReadOut.value = curReadOut; } function ClearEntry () { FKeyPad.ReadOut.value = "0"; FlagNewNum = true; } function Clear () { Accumulate = 0; PendingOp = ""; ClearEntry(); } function Neg () { FKeyPad.ReadOut.value = parseFloat(FKeyPad.ReadOut.value) * -1; } function Percent () { FKeyPad.ReadOut.value = (parseFloat(FKeyPad.ReadOut.value) / 100) * parseFloat(Accumulate); } // End --> </SCRIPT> |
Selamat mencoba!!

memuat halaman
iklan




Postingan yang lain:




mantap bro….
ok bro..
Kok saya coba di blog sy ga bisa ya,,tampilannya sudah ada tapi pas diklik tidak ada reaksi apa-apa..itu kenapa ya?sy juga sudah coba dari beberapa situs yg kasih script kalkulator utk blog tp tetap tdk bs..tolong pencerahannya..bs ke email
terima kasih
mungkin kode yg kedua lupa dipasang..??
huahahaaha..
mantap tipsnya bro…
bermanfaat sekali kebetulan aku lagi perlu banget… hehe
thanks.
sip, thanks for visit bro…
Iya nih kebetulan website saya ada jual pake discount gitu, biar gak susah ngitung nya ya dikasih kalkulaor aja kali yaa..
wah makasih ni ifonya sangat berguna
matap bro….
salam kenal ya gan