Calculator ~ Salary Calculator by year, month, week, hour ~ Tested in IE6.0, Netscape4.08, Netscape7.02, Netscape8.1, Opera9.0, Firefox1.5.0.4 and AOL Explorer1.2

T his salary calculator breaks down the amount of money you will receive per year, month, week, and hour for a given hourly amount or yearly amount. It is based on a 40 hour work week. This should be useful for job hunters.

W e have tested the code in IE5.5, IE6, 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 one variation observed in Netscape4.08. and Netscape7.02.

The calculator will appear but it will not make any calculations.

In other words, it will "Not" work in the older platforms of Netscape.

It degrades well and you will not get any error messages.

D epending on your knowledge of HTML and java scripts, this is an easy two part copy and paste code with No reconfigurations. The first part is pasted into the <HEAD> section of your document and the second part is pasted anywhere in the <BODY> section you want it to appear.

For your Information: The font color associated with the text within the script is directly associated with the color you have defined in your <BODY> tag. If you don't want your defined font color in your <BODY> tag to be associated with the text inside this effect and want to change the face, color and size, you need to enter a complete font tag inside each individual opening <tr> <td> tag located within the <BODY> section of code. There are seven (7) places where this can be reconfigured. See below on where and howto:

Default Without Font Tag

<tr><td>Enter the <b>hourly</b> amount here:</td>

<td><input name="numHour" type="INT" size=10 value="0"></td>

<td><input name="ComputeHour" value="Compute" type="BUTTON"

Onclick = "hourToYear(salaryForm.numHour.value)"><td>

</tr>

<tr>

<td>OR</td>

</tr>

<tr><td>Enter the <b>yearly</b> amount here:</td>

<td><input name="numYear" type="INT" size=10 value="0"></td>

<td><input name="ComputeYear" value="Compute" type="BUTTON"

Onclick = "yearToHour(salaryForm.numYear.value)"></td>

</tr>

<tr><td colspan="3"><hr></td></tr>

<tr><td>Yearly:</td><td><input name="answerYear" type="INT" value="0"></td></tr>

<tr><td>Monthly:</td><td><input name="answerYear" type="INT" value="0"></td></tr>

<tr><td>Weekly:</td><td><input name="answerYear" type="INT" value="0"></td></tr>

<tr><td>Hourly:</td><td><input name="answerYear" type="INT" value="0"></td></tr>

</table>

Reconfigured With Font Tag

<tr><td><font face=" georgia, arial, helvetica"size=" 3"color="# dda0dd">Enter the <b>hourly</b> amount here:</font></td>

I n other words, add the below complete font tag (reconfigure it to your specification) in the seven (7) places as shown in the first (Default) example.
Note: Be sure to close the font tag (</font>) in the seven places as we have shown in the above.

<font face=" georgia, arial, helvetica"size=" 3"color="# dda0dd">*

* As you can notice in the above complete font tag we has three (3) font faces defined " georgia, arial, helvetica". Reason being is quite simple. Not everyone has the same font styles installed in their system so by using three (3) if the system does not have the first choice, it will automatically go to the second choice defined within the font tag.

Question: Why close the font tags in all seven (7) places? Why can't I just close it when I am done at the end of all seven (7) places?

Answer: Reason being is quite simple. Each individual <tr><td> is for all intensive purposes complete and separate for the others within the <table>. Therefore each section needs to be closed (</font>) just as you need to add the complete font tag to all seven (7) sections. If you would to only add the font tag to the first part, then all the rest of the parts would then revert to the default defined within the <BODY> tag. To clarify it a little further, consider each <tr><td> as a door that is being opened. In the code you will notice after each part (door) to be reconfigured there is a closing </td> and a closing </tr>. The "Hypothetical Door" so to speak is now being closed not allowing anything else to enter or exit. Hence, the need for the opening and closing font tags in each individual section.

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 ] [ Form Index ]
[ 2001 ] [ 2002 ] [ 2003 ] [ 2004 ] [ 2005 ] [ 2006 ] [ 2007 ]
[ Disclaimer ]

[ 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.

Enter the hourly amount here:
OR
Enter the yearly amount here:

Yearly:
Monthly:
Weekly:
Hourly: