Scientific calculator for chemists with notebook. Tested in IE6.0, Netscape4.08 and Netscape7.02, Netscape8.1, Opera9.0, Firefox1.5.0.4 and AOL Explorer1.2

T his scientific calculator for chemists with notebook is a fully functioning JavaScript calculator. It can be used as common scientific calculator (sin, cos, log, power, root, memory), but it also includes a molecular weight calculator and the tables with various physical and chemical constants. The calculator contains a list with task history, storing all the recent inputs and results. Scientific calculator displays the numbers rounded to a user-specified number of decimal places.

W e have tested the code in IE5.5, IE6.0, Netscape4.08, Netscape7.02, Firefox1.5.0.4, Opera9.0, Netscape8.1 and AOL Explorer1.2. This script worked well in all platforms tested with the exception of Firefox1.5.0.4 where it displayed erroneous numbers and would not compute correctly.

D epending on your knowledge of HTML and java scripts, this is an easy, three (3) part copy and paste code with "No" reconfigurations.

Copy/Cut & Paste the coding into the <HEAD> section of your HTML document.

Add the onLoad event handler directly into the <BODY> tag.

Copy/Cut & paste the coding anywhere into the <BODY> section of your HTML document you want the effect to appear.

I f you need a little refresher on howto add the onload event handler directly into the <BODY> tag, see the below examples:

Default <BODY> Tag ~ No onload event handler

Reconfigured <BODY> Tag ~onload Event Handler Inserted

For your Information:

<HEAD> Section - 25k

<BODY> Section - 13k

Instructions - 4k

Total Size - 42k

Since this script is extremely large, we recommend that you place it on a separate page with nothing else. Reason being is quite simple. As large as it is, plus whatever material you may have on your page, it may possibly be slow loading for some people with a slower connection.

Note Of Importance: Unless you are very well versed in java scripting, we do not advise changing the colors of the tables and/or the font on all the buttons. It can be done but is a very tedious and possibly confusing task until you get it done.

Little Extra Not Included In The Script: Since this script is rather "Large", you may want to consider the option of transposing the <HEAD>, <BODY> (not the onload event handler) and possibly the Instructions into external .js files. Reason being is that since the script is as large as it is, it would alleviate about 41k (size of complete calculator with instructions) from the page and load quicker. If you are unclear on howto achieve this, read on and it is fully explained.

Step One Copy each section of code, <HEAD>, <BODY> (not the onload event handler) and possibly the Instructions into our [ Generator/Converter ] and follow the instructions on the Generator/Converter page. Once you make the two (2) possibly three (3) external.js files and "Save As", (we save ours to our Desktop for convenience) you should have something that looks like the below little graphics. The snipplets of code (also generated by our converter) are what you paste into the respective sections of your document to call the external .js files.

<script type="text/javascript" src="HEAD.js"></script>

<script type="text/javascript" src="BODY.js"></script>

<script type="text/javascript" src="Instructions.js"></script>

We named the three (3) above files "HEAD", "BODY" and "Instructions" just as an example. You can name them anything you want.

You should also have two (2) possibly three(3) snipplets of code (what you see alongside each .js file) that will be pasted in the respective sections of your document (once you have uploaded the external.js files into your directory) to call the external.js files.

Step Two Once step one is complete and you have your files saved to a convenient place, now you need to upload the external.js files into your directory.

If you have uploaded the external.js files into a different directory than where the effect (Calculator) will be, the you need to change the path in the snipplet of code to reflect where you will be calling the external.js files from. If you are not sure on howto change the path of the above files you have uploaded as external .js files, it is fully explained [ Here ]

Step Three Once you have uploaded all the files into your directory, now all that is left is to paste the little snipplets of code into the respective parts of yorr document to call the external.js files.

I f you would like to see the finished effect with the <HEAD> and <BODY> sections calling the external.js files, grab the below link and view our source code. When the page opens just "Right Click" anywhere on the page (Not on the calculator) and then select "View Source". We have it well documented to make where we have inserted the snipplets of code.
[ Calculator With External.js Files ]

W e hope our tutorial was easy to follow and we covered everything in detail. If you would like to add this effect into your pages, grab the respective below link* and you are there. If you have any problems with this or anything else, feel free to consult our [ FAQ ] and if you can't find the answer there, [ contact us ].
[ Get Code Here ] [ Rate This Page ]

For your Information: * Since the original script site no longer archives this effect, we now are archiving this script for your convenience.

Search Our Site By Individual letter

[ A ] [ B ] [ C ] [ D ] [ E ] [ F ] [ G ] [ H ] [ I ] [ J-K ] [ L ]
[ M ] [ N-O ] [ P-Q ] [ R ] [ S ] [ T ] [ U-V ] [ W ] [ X-Y-Z ]

Little Tips Directory

[ Page 1 ] [ Page 2 ] [ Page 3 ] [ Page 4 ] [ Page 5 ] [ Page 6 ] [ Page 7 ]

[ Index Page 1 ] [ Index Page 2 ] [ Index Page 3 ] [ Index Page 4 ] [ Index Page 5 ]
[ Index Page 6 ] [ Index Page 7 ] [ Index Page 8 ] [ Index Page 9 ] [ Index Page 10 ]
[ Index Page 11 ] [ Index Page 12 ] [ Index Page 13 ]

[ News Letter Archives ] [ Navigation Page ] [ Archives Of Published Material ]
[ Link To Us ] [ Alphabet Index ] [ Feedback ] [ On Line Support ] [ FAQ ]
[ Webmaster Utilities ] [ Casino ] [ Banner Exchange ] [ Advanced Site Search ]

If you are part of the ever growing number of webmasters who enjoy sharing your knowledge with others on web design, join The Consigliere Ltd. web ring to broaden your scope of exposure.
Join Today

This Site Was Built And Is Maintained Exclusively by
The Webmaster @ Consigliere Ltd.