1. Copy and paste the following between your HEAD tags:-

function toBin(form) {
base = parseInt(form.base.value);
num = parseInt(form.num.value);
if (form.num.value<="0"){alert("A positive number, please!");form.num.select();form.num.focus();}
else
{form.amount.value = num.toString(base);}
}

function select_area()
{numform.num.select()}

function select_area1()
{numform.base.select()}
</script>

*********************************
2. Copy and paste the following code between your BODY tags where you want the input displayed:
<div style="position:absolute; left:250; top:200">
<table width=90% border=0 bordercolor=#ffff00 cellspacing="0" cellpadding="10"><tr><td>

<center><table width=90% border=0 bordercolor=#ffff00 cellspacing="10" cellpadding="0"><tr><td>
<h3 align="center">Number Systems</h3>
The decimal system is perhaps, the best known of the number systems. It got its name because it is a base-ten system. The value of each place is ten times greater than the value of the place just to its right. A thousand is 10 times 100; a hundred is 10 times 10; ten is 10 times 1.
<p>For example, the value of 2345 is:<p>
<table width=50% border=0 bordercolor=#ffff00 cellspacing="0" cellpadding="0"><tr align="center"><td><u>
Thousands</td><td><u>Hundreds</td><td><u>Tens</td><td><u>Units</td></tr>
<tr align="center"><td align="center">2</td><td align="center">3</td><td align="center">4</td><td align="center">5</td></tr></table>
<p>
ie.   2*1000 + 3*100 + 4*10 + 5*1 = 2,345
<p>On the other hand, the computer uses the binary numbering system. Here, the value of each place is two times greater than the value of the place just to its right. Binary means two thus the system is represented by 0's and 1's.
<p>An example, the value of 1001101 is:
<p>
<table width=50% border=0 bordercolor=#ffff00 cellspacing="0" cellpadding="0"><tr align="center">
<td><u>64</td><td><u>32</td><td><u>16</td><td><u>8</td><td><u>4</td><td><u>2</td><td><u>1</td></tr>
<tr align="center"><td>1</td><td>0</td><td>0</td><td>1</td><td>1</td><td>0</td><td>1</td></tr></table>
<p>
ie.  64 + 0 + 0 + 8 + 4 + 0 + 1 = 77
<p>
A similar procedure is followed for any other base:<p>
<table width=100% border=0 bordercolor=#000000 cellspacing="0" cellpadding="0"><tr align="center">
<td></td><td colspan="6" style="background:#ffffff">Place values depending on Base</td></tr>
<tr align="center"><td>Base</td><td bgcolor="#ffffff">6</td><td bgcolor="#ffffff">5</td><td bgcolor="#ffffff">4</td><td bgcolor="#ffffff">3</td><td bgcolor="#ffffff">2</td><td bgcolor="#ffffff">1</td></tr>
<tr align="center"><td align="center">5</td><td>3125</td><td>625</td><td>125</td><td>25</td><td>5</td><td>1</td></tr>
<tr align="center"><td align="center">7</td><td>16807</td><td>2401</td><td>343</td><td>49</td><td>7</td><td>1</td></tr>
<tr align="center"><td align="center">8</td><td>32768</td><td>4096</td><td>512</td><td>64</td><td>8</td><td>1</td></tr>
<tr align="center"><td align="center">13</td><td>371293</td><td>28561</td><td>2197</td><td>169</td><td>13</td><td>1</td></tr></table>
<p>The base value of a number system is the number of different values the set has before repeating itself.
<p>A Base 13 numbering system is represented by:<br>
0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C
<ul>
<li>Binary has 2 base values(0, 1)
<li>Decimal has 10 base values(0 - 9) 
<li>Octal has 8 base values(0 - 7) 
<li>Duodecimal has 12 base values(0 - 9, A - B) 
<li>Hexadecimal has 16 base values(0 - 9, A-F)</ul>

<p>Below, input any decimal number; choose the base (up to 36); press "equals", to see the result.
<p>
<table width=90% border=0 bordercolor=#ffff00 cellspacing="0" cellpadding="0"><tr align="center"><td>
<fieldset>
<legend align="center" style="font-size:15"><b>Convert Number To Any Base</b></legend>
<form name=numform>
<center>Convert
<input type=text name=num size=8 onKeyPress="if ((event.keyCode<48) || (event.keyCode>57)) event.returnValue=false" onClick="select_area()" value="2"> to base

<input type=text name=base size=2 value=2 onKeyPress="if ((event.keyCode<48) || (event.keyCode>57)) event.returnValue=false" onBlur="if ((this.value<1)||(this.value>36)){alert('The base must be between 2 and 36.');this.select();this.focus();}" onClick="select_area1()" value="2"> 
<input type=button value="equals" onclick="toBin(this.form)"> 
<input type=text name=amount size=15 readOnly>
</center>
</form>
</fieldset>
</td></tr></table>
</td></tr></table>
</div>

*********************************
Please Note
You can display where ever you like. You change the "left" and "top" values in the opening "div" tag above to whatever values you need. 
a) "top" is the vertical distance of the top left corner of the display starting at zero. The higher the number the lower down the page.
b) "left" is the horizontal distance of the top left corner of the display starting at zero. The higher the number the further across the page.
c) You can change also the color of the display and the background.

If you have any problems or questions please email us at info@datedial.com.

Linking Information:-
TITLE : Number Base Converter
URL : http://www.datedial.com/datNumber_Base_Converter.asp
DESCRIPTION : Number base converter.