Cut & Paste Graphical Calculator

Home / Free JavaScripts / Math Related / Here

Cut & Paste Graphical Calculator

Credit: Alan Simpson

Description: A cool graphical JavaScript calculator!

Example:

Directions

Step 1: Copy the below image onto your HD:

calcbttn.gif (2791 bytes)

Step 2: Paste the below code onto the <body> section of your page:

<script LANGUAGE="JavaScript"> /*By Alan Simpson http://www.coolnerds.com */ function pad(anystr) { document.calc.shownum.value += anystr } function calcit() { document.calc.shownum.value = eval(document.calc.shownum.value) } function clearit() { document.calc.shownum.value = "" } function backspace() { curvalue = document.calc.shownum.value curlength = curvalue.length curvalue = curvalue.substring(0,curlength-1) document.calc.shownum.value = curvalue } </script> <map NAME="calcmap"> <area SHAPE="RECT" COORDS="10,80,40,106" HREF="javascript:pad('1')"> <area SHAPE="RECT" COORDS="49,80,78,106" HREF="javascript:pad('2')"> <area SHAPE="RECT" COORDS="88,79,117,106" HREF="javascript:pad('3')"> <area SHAPE="RECT" COORDS="128,81,158,105" HREF="javascript:pad('+')"> <area SHAPE="RECT" COORDS="11,115,39,141" HREF="javascript:pad("0")"> <area SHAPE="RECT" COORDS="49,115,78,142" HREF="javascript:pad('.')"> <area SHAPE="RECT" COORDS="89,116,119,141" HREF="javascript:calcit()"> <area SHAPE="RECT" COORDS="128,116,158,142" HREF="javascript:pad('-')"> <area SHAPE="RECT" COORDS="167,80,194,105" HREF="javascript:pad('*')"> <area SHAPE="RECT" COORDS="167,116,196,141" HREF="javascript:pad('/')"> <area SHAPE="RECT" COORDS="11,43,39,71" HREF="javascript:pad('4')"> <area SHAPE="RECT" COORDS="50,45,77,69" HREF="javascript:pad('5')"> <area SHAPE="RECT" COORDS="88,44,117,71" HREF="javascript:pad('6')"> <area SHAPE="RECT" COORDS="127,44,158,71" HREF="javascript:pad(')')"> <area SHAPE="RECT" COORDS="165,43,196,70" HREF="javascript:backspace()"> <area SHAPE="RECT" COORDS="10,7,40,33" HREF="javascript:pad('7')"> <area SHAPE="RECT" COORDS="48,7,81,35" HREF="javascript:pad('8')"> <area SHAPE="RECT" COORDS="87,7,117,34" HREF="javascript:pad('9')"> <area SHAPE="RECT" COORDS="127,7,156,34" HREF="javascript:pad('(')"> <area SHAPE="RECT" COORDS="166,7,195,35" HREF="javascript:clearit()"> </map> <form NAME="calc"> <table BORDER="1" BGCOLOR="#C0C0C0"> <tr> <td WIDTH="213"><center><p> <input NAME="shownum" VALUE MAXLENGTH="25" SIZE="25"></p></center> </td> </tr> <tr> <td WIDTH="213"> <img USEMAP="#calcmap" SRC="calcbttn.gif" BORDER="0" HEIGHT="153" WIDTH="206"></p></center> </td> </tr> </table> </form> <p align="center"><font face="arial" size="-2">This free script provided by</font><br> <font face="arial, helvetica" size="-2"><a href="http://javascriptkit.com">JavaScript Kit</a></font></p>

CSS Library | JavaScript & DHTML Menus

JavaScript Tools:

Site Info

CopyRight (c) 2018 JavaScript Kit. NO PART may be reproduced without author's permission. Contact Info