1 ft.=12 ins. :: 1 ft=30.48 cm :: 1 in.=2.54 cms ::
1 lb.=0.45359 kg :: 1 cm=0.3937 in. :: 1 kg=2.2046 lbs.

Weight And Height Converter

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

function FeetConvert()
{
Result=document.WHC.ft.value*30.48;
Result+=document.WHC.ins.value*2.54;
document.WHC.cms.value=Result,2;
if (document.WHC.lbs.value !="")
{BMICalculate();}
}

function InchConvert()
{
Peet=document.WHC.ft.value;
Pinch=document.WHC.ins.value;

if (Pinch >= 12)
	{FtInsConvert(Pinch);}
else
	{Feet=Peet*30.48;
	Inches=Pinch*2.54;
	Result=+Inches+Feet;
	document.WHC.cms.value=Result;}
	if (document.WHC.lbs.value !="")
{BMICalculate();}
}

function FtInsConvert(Inches)
{
Inches=Pinch%12;
Feet=+Peet+parseInt(Pinch/12);
document.WHC.ft.value=Feet;
document.WHC.ins.value=Inches;
Result=(Feet*30.48)+(Inches*2.54);
document.WHC.cms.value=Result;
if (document.WHC.lbs.value !="")
{BMICalculate();}
}

function CmsConvert()
{
Cms=document.WHC.cms.value;
Feet=parseInt(Cms/30.48);
Inches=(Cms % 30.48)/2.54;
document.WHC.ft.value=Feet;
document.WHC.ins.value=Inches;
if (document.WHC.lbs.value !="")
{BMICalculate();}
}

function LbsConvert()
{
Kgs=document.WHC.lbs.value*0.45359;
document.WHC.kgs.value=Kgs;
if (document.WHC.cms.value !="")
{BMICalculate();}
}

function KgsConvert()
{
Lbs=document.WHC.kgs.value*2.2;
document.WHC.lbs.value=Lbs;
if (document.WHC.cms.value !="")
{BMICalculate();}
}

function BMICalculate()
{
Metres=document.WHC.cms.value/100;
Kgs=document.WHC.kgs.value;
BMI=Kgs/(Metres*Metres);
document.WHC.bmi.value=BMI;
Result=(Kgs-(25*Metres*Metres))/(25*Metres*Metres)*100;
document.WHC.BMIPercent.value=Result+" % overweight";

Result=18.5*Metres*Metres;
Result1=25*Metres*Metres;
document.WHC.BMIRange.value="IDEAL WEIGHT:: "+parseInt(Result*2.2046)+" lbs ("+parseInt(Result)+" kgs)  to "+parseInt(Result1*2.2046)+" lbs ("+parseInt(Result1)+" kgs)";

if (BMI<=18.5)
{Result=((18.5*Metres*Metres)-Kgs)/(18.5*Metres*Metres)*100;
document.WHC.BMIPercent.value=Result+" % underweight";
document.WHC.BMIResult.value="Underweight";}
else if (BMI>18.5 && BMI<=25)
{document.WHC.BMIResult.value="Optimal Weight";
document.WHC.BMIRange.value="IDEAL WEIGHT RANGE: "+parseInt(Result*2.2046)+" lbs ("+parseInt(Result)+" kgs)  to "+parseInt(Result1*2.2046)+" lbs ("+parseInt(Result1)+" kgs)";
document.WHC.BMIPercent.value="Optimal Weight";
}
else if (BMI>25 && BMI<=30)
{document.WHC.BMIResult.value="Overweight";}
else if (BMI>30 && BMI<=40)
{document.WHC.BMIResult.value="Obese";}
else if (BMI>40)
{document.WHC.BMIResult.value="Morbidly Obese";}
}
</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><h3>Weight And Height Converter and Body Mass Index Calculator</h3></center>
<table width=420px border=0 bordercolor=#ffff00 cellspacing="0" cellpadding="10"><tr><td>
After you input figures for both height and weight, a  calculation for Body Mass Index (BMI) is displayed showing ideal weight range and percentage under or overweight.
<br>
<table width=100% border=1 bordercolor=#ffffff bgcolor=#999999 cellspacing="0" cellpadding="0">
<tr><td align="center">
<form name="WHC">

Height
</td></tr><tr><td>
<input type="text" size="3" name="ft" style="background:#cccccc;color:#0000ff;text-align:center" maxlength=7 onKeyPress="if ((event.keyCode<46) || (event.keyCode>57)) event.returnValue=false" onKeyUp="FeetConvert()">
ft.
</td><td>
<input type="text" size="4" name="ins" style="background:#cccccc;color:#0000ff;text-align:center" maxlength=4 onKeyPress="if ((event.keyCode<46) || (event.keyCode>57)) event.returnValue=false" onKeyUp="InchConvert()">
ins.
</td><td align="center">
<img src="images\TriLeft.gif"> 
<img src="images\TriRight.gif"> 
</td><td>
<input type="text" size="7" name="cms" style="background:#cccccc; color:#0000ff; text-align:center" maxlength=7 onKeyPress="if ((event.keyCode<46) || (event.keyCode>57)) event.returnValue=false" onKeyUp="CmsConvert()">
cms.
</td></tr></table>

<table width=100% border=0 bordercolor=#000000 bgcolor=#cccccc cellspacing="0" cellpadding="10"><tr><td align="center" colspan=5 style="color:#0000ff">
Weight
</td></tr><tr><td>

<input type="text" size="7" name="lbs" style="background:#cccccc;color:#0000ff;text-align:center" maxlength=7 onKeyPress="if ((event.keyCode<46) || (event.keyCode>57)) event.returnValue=false" onKeyUp="LbsConvert()">
lbs.
</td><td align="center">            
<img src="images\TriLeft.gif"> 
<img src="images\TriRight.gif">
</td><td>
<input type="text" size="7" name="kgs" style="background:#cccccc; color:#0000ff; text-align:center" maxlength=7 onKeyPress="if ((event.keyCode<46) || (event.keyCode>57)) event.returnValue=false" onKeyUp="KgsConvert()">
kgs.
</td></tr>
</table>

Body Mass Index
</td></tr><tr><td colspan=5 align="center">
<input type="text" size="5" name="bmi" style="background:#cccccc;color:#0000ff;text-align:center" maxlength=7 readOnly>
</td></tr><tr><td width=50% colspan=2 align="center">
<input type="text" size="19" name="BMIResult" style="background:#cccccc;color:#0000ff;text-align:center;font-size:9" readOnly>
</td><td width=50% colspan=2 align="center">
<input type="text" size="19" name="BMIPercent" style="background:#cccccc;color:#0000ff;text-align:center;font-size:9" readOnly> %
</td></tr><tr><td colspan=5 align="center">
<input type="text" size="55"name="BMIRange" style="background:#cccccc;color:#0000ff;text-align:center;font-size:9" readOnly>
</td></tr>

</td></tr></table>

***********************************
You can position the display where ever 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 : Weight And Height Converter And Body Mass Index Calculator- Metric and Imperial
URL : http://www.icb2001.com/Weight_And_Height_Converter.asp
DESCRIPTION : Converts your weight and height into imperial or metric measurements with a single click; also calculates your Body Mass Index (BMI), showing ideal weight range and percentage under or overweight.