Roman Numerals. Transpose any number from 1 to 3999. Tested in IE7.0, IE6.0, Netscape8.1, Opera9.0, Firefox1.5.0.4 and AOL Explorer1.2

H aving trouble converting to Roman numerals? This script will transpose any number from 1 to 3999. Just enter the number you want to be converted and click the button to get your transposed number.

We have tested the code in IE7.0, IE6.0, Firefox1.5.0.4, Opera9.0, Netscape8.1 and AOL Explorer1.2. This script worked well in all platforms with no variations observed.

D epending on your knowledge of HTML and java scripts,this is an easy, no reconfiguration, two part code. The first part gets pasted into the <HEAD> section of your document and the last part is pasted into the <BODY> section of your document. There is really only one reconfiguration (other than ouw addon) you can possibly make and that is the size of the table the Roman Numeral Examples resides in. Below you can see where to change the size to cosmetically fit your site. Further down we shall show you howto add the "Reset" button that is not part of the script but a little addon we inserted to clear the form fields.

A s you can notice, there was one empty box in the table. That is because a table has to be square on all 4 sides and no blank area. This we used to our advantage to add today's day and date. If you would like to add the day and date script to your page(s) you can grab the below link and you are there.
[ Code For Day/Date Script ]

Little Extra Not Included In The Script: Below we shall show you howto add the "Reset" button into the script (<BODY> Section) so you can clear all the form fields quicker.

Default - No Reset Button

<form name="form">
<b>Type A Number (1-3999) Here:</b> <input type="text" size="5" name="number"><p>
<input type="button" value="Click Here" onclick="checkNumber(window.document.form.number.value)"><p>
<b>Answer Is Here:</b> <input type="text" size="20" name="numeral"><br>
</form>

Reconfigured - With Reset Button

<form name="form">
<b>Type A Number (1-3999) Here:</b> <input type="text" size="4" name="number"><p>
<input type="button" value="Click Here" onclick="checkNumber(window.document.form.number.value)">  
<input type="reset" value="Reset">
<p>
<b>Answer Is Here:</b> <input type="text" size="20" name="numeral"><br>
</form>

I f you will notice in the above, all we did was to add a space ( )* to separate the buttons a little bit and the code for a "Reset" button.

* The   is the code for a single space. If you want more that that spacing, just add as many   as you want until you like the spacing between the two buttons.

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 ]

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.

M = 1000	D = 500	C = 100	L = 50
X = 10	V = 5	I = 1