Taschenrechner

Dieser schöne Taschenrechner benötigt außer dem Script
noch die Grafik, die den Taschenrechner darstellt.

Einfach mit der rechten Maustaste anklicken und dann "speichern unter....".
Wer mag, kann sich auch eine eigene Grafik erstellen.

HTML-Einbindung
  <div id="calcLayer" style="position: absolute; left: 300; top: 159; z-index: 1"><map Name="calcmap"> <area SHAPE="RECT" COORDS="52,53,13,86" BORDER="0" onclick="NumPressed(7)"> <area SHAPE="RECT" COORDS="108,53,70,86" BORDER="0" onclick="NumPressed(8)"> <area SHAPE="RECT" COORDS="165,53,127,86" BORDER="0" onclick="NumPressed(9)"> <area SHAPE="RECT" COORDS="224,53,186,86" BORDER="0" onclick="Clear()"> <area SHAPE="RECT" COORDS="274,53,236,86" BORDER="0" onclick="ClearEntry()"> <area SHAPE="RECT" COORDS="52,87,13,120" BORDER="0" onclick="NumPressed(4)"> <area SHAPE="RECT" COORDS="108,87,70,120" BORDER="0" onclick="NumPressed(5)"> <area SHAPE="RECT" COORDS="165,87,127,120" BORDER="0" onclick="NumPressed(6)"> <area SHAPE="RECT" COORDS="224,87,186,120" BORDER="0" onclick="Neg()"> <area SHAPE="RECT" COORDS="274,87,236,120" BORDER="0" onclick="Percent()"> <area SHAPE="RECT" COORDS="52,121,13,154" BORDER="0" onclick="NumPressed(1)"> <area SHAPE="RECT" COORDS="108,121,70,154" BORDER="0" onclick="NumPressed(2)"> <area SHAPE="RECT" COORDS="165,121,127,154" BORDER="0" onclick="NumPressed(3)"> <area SHAPE="RECT" COORDS="224,121,186,154" BORDER="0" onclick="Operation('+')"> <area SHAPE="RECT" COORDS="274,121,236,154" BORDER="0" onclick="Operation('-')"> <area SHAPE="RECT" COORDS="52,155,13,188" BORDER="0" onclick="NumPressed(0)"> <area SHAPE="RECT" COORDS="108,155,70,188" BORDER="0" onclick="Decimal()"> <area SHAPE="RECT" COORDS="165,155,127,188" BORDER="0" onclick="Operation('=')"> <area SHAPE="RECT" COORDS="224,155,186,188" BORDER="0" onclick="Operation('')"> <area SHAPE="RECT" COORDS="274,155,236,188" BORDER="0" onclick="Operation('/')"> <area SHAPE="CIRCLE" COORDS="230,31,25" BORDER="0" onClick="window.open('http://www.acejs.com');" HREF="#"> <area SHAPE="RECT" COORDS="288,15,278,182" BORDER="0" onClick="window.open('http://www.acejs.com');" HREF="#"> </map><span style="position: absolute; left: -9; top: 0"><img SRC="calc.jpg" NAME="acejscalc" BORDER="0" USEMAP="#calcmap" width="299" height="199"></span> <div id="ReadOutLayer" style="position: absolute; left: 18px; top: 20px; z-index: 1"><form name="Keypad"> <p><input name="ReadOut" size="16" value="0" class="calctext" onFocus="this.blur()"></p> </form> </div></div><script LANGUAGE="JavaScript"> var FKeyPad = document.Keypad; var Accum = 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 ) Accum += parseFloat(Readout); else if ( '-' == PendingOp ) Accum -= parseFloat(Readout); else if ( '/' == PendingOp ) Accum /= parseFloat(Readout); else if ( '' == PendingOp ) Accum = parseFloat(Readout); else Accum = parseFloat(Readout); FKeyPad.ReadOut.value = Accum; 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 () { Accum = 0; PendingOp = ""; ClearEntry(); } function Neg () { FKeyPad.ReadOut.value = parseFloat(FKeyPad.ReadOut.value) -1; } function Percent () { FKeyPad.ReadOut.value = (parseFloat(FKeyPad.ReadOut.value) / 100) * parseFloat(Accum); } </script>

Dieses Script per eMail? , einfach Deine eMail-Adresse eintragen und Sekunden später liegt es in Deinem Postfach.

Newsletter schon abonniert?
Wenn nicht, bitte "Haken" setzen