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

function FeetConvert()
{
Result=WC.ft.value
WC.ins.value=Result*12
WC.yds.value=Result/3
WC.furlongs.value=Result/660
WC.miles.value=Result/5280
WC.cms.value=Result*30.303
WC.meters.value=Result*0.30303
WC.kms.value=Result*0.00030303
}

function YardsConvert()
{
Result=WC.yds.value
WC.ins.value=Result*36
WC.ft.value=Result*3
WC.furlongs.value=Result/220
WC.miles.value=Result/1760
WC.cms.value=Result*90.909
WC.meters.value=Result*0.90909
WC.kms.value=Result*0.00090909
}

function FurlongsConvert()
{
Result=WC.furlongs.value
WC.ins.value=Result*7920
WC.ft.value=Result*660
WC.yds.value=Result*220
WC.miles.value=Result/8
WC.cms.value=Result*20000
WC.meters.value=Result*200
WC.kms.value=Result*0.2
}

function MilesConvert()
{
Result=WC.miles.value
WC.ins.value=Result*63360
WC.ft.value=Result*5280
WC.yds.value=Result*1760
WC.furlongs.value=Result*8
WC.cms.value=Result*160000
WC.meters.value=Result*1600
WC.kms.value=Result*1.6
}

function CmsConvert()
{
Result=WC.cms.value
WC.ins.value=Result*0.396
WC.ft.value=Result*0.033
WC.yds.value=Result*0.011
WC.furlongs.value=Result*0.00005
WC.miles.value=Result*0.00000625
WC.meters.value=Result/100
WC.kms.value=Result/100000
}

function MetersConvert()
{
Result=WC.meters.value
WC.ins.value=Result*39.6
WC.ft.value=Result*3.3
WC.yds.value=Result*1.1
WC.furlongs.value=Result*0.005
WC.miles.value=Result*0.000625
WC.cms.value=Result*100
WC.kms.value=Result/1000
}

function KmsConvert()
{
Result=WC.kms.value
WC.ins.value=Result*39600
WC.ft.value=Result*3300
WC.yds.value=Result*1100
WC.furlongs.value=Result*5
WC.miles.value=Result*0.625
WC.cms.value=Result*100000
WC.meters.value=Result*1000
}
</script>

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

<tr><td align="center">
<form name="WC">
<fieldset style="border-color:#000000">
<legend align="center" style="font-size:16pt">Length Converter</legend>
<table width=90% border=0 bordercolor=#000099 cellspacing="0" cellpadding="30"><tr><td>

<input type="text" size="33" name="ins" style="text-align:center" onKeyUp="InchConvert()" onFocus="this.className='currentField'" onBlur="this.className='changedField'" onClick=value=""  onKeyPress="if ((event.keyCode<32) || (event.keyCode>57)) event.returnValue=false">
Inches

<br>
<input type="text" size="33" name="ft" style="text-align:center" onKeyUp="FeetConvert()" onFocus="this.className='currentField'" onBlur="this.className='changedField'" onClick=value=""  onKeyPress="if ((event.keyCode<32) || (event.keyCode>57)) event.returnValue=false">
Feet

<br>
<input type="text" size="33" name="yds" style="text-align:center" onKeyUp="YardsConvert()" onFocus="this.className='currentField'" onBlur="this.className='changedField'" onClick=value=""  onKeyPress="if ((event.keyCode<32) || (event.keyCode>57)) event.returnValue=false">
Yards

<br>
<input type="text" size="33" name="furlongs" style="text-align:center" onKeyUp="FurlongsConvert()" onFocus="this.className='currentField'" onBlur="this.className='changedField'" onClick=value=""  onKeyPress="if ((event.keyCode<32) || (event.keyCode>57)) event.returnValue=false">
Furlongs

<br>
<input type="text" size="33" name="miles" style="text-align:center" onKeyUp="MilesConvert()" onFocus="this.className='currentField'" onBlur="this.className='changedField'" onClick=value=""  onKeyPress="if ((event.keyCode<32) || (event.keyCode>57)) event.returnValue=false">
Miles

<br><br>

<input type="text" size="33" name="cms" style=" text-align:center" onKeyUp="CmsConvert()" onFocus="this.className='currentField'" onBlur="this.className='changedField'" onClick=value=""  onKeyPress="if ((event.keyCode<32) || (event.keyCode>57)) event.returnValue=false">
Centimeters

<br>
<input type="text" size="33" name="meters" style="text-align:center"onKeyUp="MetersConvert()" onFocus="this.className='currentField'" onBlur="this.className='changedField'" onClick=value=""  onKeyPress="if ((event.keyCode<32) || (event.keyCode>57)) event.returnValue=false">
Meters

<br>
<input type="text" size="33" name="kms" style="text-align:center" onKeyUp="KmsConvert()" onFocus="this.className='currentField'" onBlur="this.className='changedField'" onClick=value=""  onKeyPress="if ((event.keyCode<32) || (event.keyCode>57)) event.returnValue=false">
Kilometers
</td></tr></table>

***********************************
You can position the display whereever you like. You change the "left" and "top" values in the "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 wsmith112@hotmail.com.

Linking Information:-
TITLE : Convert inches, feet, yards, furlongs, miles, centimeters, meters, kilometers
URL : http://www.datedial.com/datLengths_Converter.asp
DESCRIPTION : Convert to inches, feet, yards, furlongs, miles, centimeters, meters, kilometers with a single click.