Fat Calculator

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

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

if (Pinch >= 12)
	{FtInsConvert(Pinch);}
else
	{Feet=Peet*30.48;
	Inches=Pinch*2.54;
	Result=+Inches+Feet;
	decimal();
	TGrams.cms.value=Result.toFixed(frac);}
}

function FtInsConvert()
{
Inches=Pinch%12;
Feet=+Peet+parseInt(Pinch/12);
TGrams.ft.value=Feet;
decimal();
TGrams.ins.value=Inches.toFixed(frac);
Result=(Feet*30.48)+(Inches*2.54);
decimal();
TGrams.cms.value=Result.toFixed(frac);
}

function CmsConvert()
{
Cms=TGrams.cms.value;
Feet=parseInt(Cms/30.48);
Inches=(Cms % 30.48)/2.54;
TGrams.ft.value=Feet;
decimal();
TGrams.ins.value=Inches.toFixed(frac);
}

function LbsConvert()
{
Kgs=TGrams.lbs.value*0.45359;
decimal();
TGrams.kgs.value=Kgs.toFixed(frac);
}

function KgsConvert()
{
Lbs=TGrams.kgs.value*2.2;
decimal();
TGrams.lbs.value=Lbs.toFixed(frac);
}

function GramsCalculate()
{
frac=TGrams.Decimal.value;
decimal();InchConvert();LbsConvert();
fat=TGrams.fat.value;

if (TGrams.radio3[1].checked)
	{Weight=TGrams.kgs.value*4.36*2.2046;
	Height=TGrams.cms.value*4.32/2.54;
	Age=TGrams.age.value*4.7;
	Result=(655+Weight+Height-Age);}
else
	{Feet=TGrams.ft.value;
	Inches=TGrams.ins.value;
	Weight=TGrams.kgs.value*6.22*2.2046;
	Height=TGrams.cms.value*12.7/2.54;
	Age=TGrams.age.value*6.8;
	Result=(66+Weight+Height-Age);}

if (TGrams.Activity[0].checked){
A3=(Result*fat/930).toFixed(frac);
A4=Result.toFixed(frac);
active=TGrams.Activity[0].value;
for (x=0;x<=TGrams.radio3.length-1;x=x+1)
{if (TGrams.radio3[x].checked)
{gender=TGrams.radio3[x].value;}
}
}

else if (TGrams.Activity[1].checked){
A3=(Result*1.25*fat/930).toFixed(frac);
A4=(Result*1.25).toFixed(frac);
active=TGrams.Activity[1].value;
for (x=0;x<=TGrams.radio3.length-1;x=x+1)
{if (TGrams.radio3[x].checked)
{gender=TGrams.radio3[x].value;}
}
}

else if (TGrams.Activity[2].checked){
A3=(Result*1.3*fat/930).toFixed(frac);
A4=(Result*1.3).toFixed(frac);
active=TGrams.Activity[2].value;
for (x=0;x<=TGrams.radio3.length-1;x=x+1)
{if (TGrams.radio3[x].checked)
{gender=TGrams.radio3[x].value;}
}
}

else if (TGrams.Activity[3].checked){
A3=(Result*1.5*fat/930).toFixed(frac);
A4=(Result*1.5).toFixed(frac);
active=TGrams.Activity[3].value;
for (x=0;x<=TGrams.radio3.length-1;x=x+1)
{if (TGrams.radio3[x].checked)
{gender=TGrams.radio3[x].value;}
}
}

else if (TGrams.Activity[4].checked){
A3=(Result*1.7*fat/930).toFixed(frac);
A4=(Result*1.7).toFixed(frac);
active=TGrams.Activity[4].value;
for (x=0;x<=TGrams.radio3.length-1;x=x+1)
{if (TGrams.radio3[x].checked)
{gender=TGrams.radio3[x].value;}
}
}

else if (TGrams.Activity[5].checked){
A3=(Result*2*fat/930).toFixed(frac);
A4=(Result*2).toFixed(frac);
active=TGrams.Activity[5].value;
for (x=0;x<=TGrams.radio3.length-1;x=x+1)
{if (TGrams.radio3[x].checked)
{gender=TGrams.radio3[x].value;}
}
}
TGrams.actgender.value=active+" for "+gender+"  : "+Math.round(A4)+" Calories";
TGrams.fats.value="Fat (" + fat +" % of diet)                          : "+A3+" grams  ("+(A3/28.35).toFixed(frac)+" ozs.)";
}

function validateInput()
	{
	input=TGrams.cms.value
	if (input<1)
		{alert("Your height, please!");
		TGrams.ft.focus();
		return false;}

input=TGrams.kgs.value;
	if (input<1)
		{alert("Your weight, please!");
		TGrams.lbs.focus();
		return false;}

input=TGrams.age.value;
	if (input<1)
		{alert("Your age, please!");
		TGrams.age.focus();
		return false;}
	else
		{return true;}
	}

function decimal()
{
for (x=0;x<=TGrams.Decimal.length;x=x+1){
if (TGrams.Decimal[x].selected)
{frac=x;
return true;}
}
}
</script>

*********************************
2. Copy and paste the following code between your BODY tags where you want the input displayed:
<div style="position:absolute; left:?; top:?">
<table width=420px border=1 bordercolor=#999999 bgcolor=#9c9c9c cellspacing="0" cellpadding="0"><tr><td>

<table width=420px border=0 bordercolor=#0000ff bgcolor=#cccccc cellspacing="0" cellpadding="0"><tr><td align="center">
<form name="TGrams" method="post"><span style="color:#ff0000">
Fat %
<input type="text" size="6" name="fat" value=25 style="color:#ff0000;text-align:center;background:#cccccc" maxlength=3 onClick=value="" onKeyPress="if ((event.keyCode<48) || (event.keyCode>57)) event.returnValue=false">
Decimals:</span>
<select name="Decimal" style="color:#ff0000">
<option>0</option>
<option selected>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</td></tr></table>

<table width=420px border=0 bordercolor=#000000 cellspacing="0" cellpadding="5" style="background:#9c9c9c"><tr><td colspan=5 style="background:#9c9c9c">
Height :           <input type="text" size="6" name="ft" style="background:#9c9c9c;text-align:center;color:#0000ff" maxlength=10 onKeyUp="FeetConvert()" onKeyPress="if ((event.keyCode<48) || (event.keyCode>57)) event.returnValue=false">
ft.
</td><td style="background:#9c9c9c">
<input type="text" size="6" name="ins" style="background:#9c9c9c;text-align:center;color:#0000ff" maxlength=10 onKeyUp="InchConvert()" onKeyPress="if ((event.keyCode<48) || (event.keyCode>57)) event.returnValue=false">
ins.
</td><td align="center">

</td><td style="background:#9c9c9c">
<input type="text" size="6" name="cms" style="background:#cccccc;text-align:center;color:#0000ff" maxlength=10 onKeyUp="CmsConvert()" onKeyPress="if ((event.keyCode<48) || (event.keyCode>57)) event.returnValue=false">
cms.
</td></tr>
</table>

<table width=420px border=0 bordercolor=#000000 bgcolor=#9c9c9c cellspacing="0" cellpadding="5"><tr><td colspan=5>
Weight :         
<input type="text" size="6" name="lbs" style="background:#9c9c9c;text-align:center;color:#0000ff" maxlength=10 onKeyUp="LbsConvert()" onKeyPress="if ((event.keyCode<48) || (event.keyCode>57)) event.returnValue=false">
lbs.
</td><td align="center">

</td><td style="background:#9c9c9c">
<input type="text" size="6" name="kgs" style="background:#cccccc;text-align:center;color:#0000ff" maxlength=10  onKeyUp="KgsConvert()" onKeyPress="if ((event.keyCode<48) || (event.keyCode>57)) event.returnValue=false">
kgs.
</td></tr>
</table>

<table width=420px border=0 bordercolor=#000000 bgcolor=#cccccc cellspacing="0" cellpadding="5"><tr><td align="center"><span style="color:#000000">
Age    </span>
<input type="text" size="6" name="age" style="text-align:center;background:#cccccc;color:#0000ff" maxlength=6 onKeyPress="if ((event.keyCode<48) || (event.keyCode>57)) event.returnValue=false"></td><td>
<label for="male"><span style="color:#ff0000">Male</span></label>
<input type="radio" name=radio3 value="Males" id="male"></td><td>
<label for="female"><span style="color:#ff0000">Female</span></label>
<input type="radio" name=radio3 value="Females" id="female" checked>

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

<input type="radio" name=Activity value="Resting Calories - ">
<span style="color:#ffffff;font-size:8pt">Resting Calories</span>  - <span style="font-size:8pt">the calories needed to keep all bodily functions going.</span>
</td></tr>

<tr><td>
<input type="radio" name=Activity value="Sedentary Lifestyle - ">
<span style="color:#ffffff;font-size:8pt">Sedentary Lifestyle</span> - <span style="font-size:8pt">physically inactive; a couch patato.</span>
</td></tr>

<tr><td>
<input type="radio" name=Activity value="Light Activity - ">
<span style="color:#ffffff;font-size:8pt">Light Activity</span> - <span style="font-size:8pt">engaged in activities such as light housekeeping.</span>
</td></tr>

<tr><td>
<input type="radio" name=Activity value="Moderate Activity - " checked>
<span style="color:#ffffff;font-size:8pt">Moderate Activity</span> -  <span style="font-size:8pt">regular walk at a brisk pace for at least 10 miles a week.</span>
</td></tr>

<tr><td>
<input type="radio" name=Activity value="Heavy Activity - ">
<span style="color:#ffffff;font-size:8pt">Heavy Activity</span> - <span style="font-size:8pt">running at least 10 miles per week.</span>
</td></tr>

<tr><td>
<input type="radio" name=Activity value="Very Heavy Activity - ">
<span style="color:#ffffff;font-size:8pt">Very Heavy Activity</span> - <span style="font-size:8pt">running at least 30 miles per week.</span>

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

</td><td align="center">
<input type="reset" value="Clear" style="cursor:hand;color:#ff0000" title="Clear all inputs">
</td></tr></table>

</td></tr></table>
</form>
</tr><tr></table>
</div>

***********************************
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 : Metric and imperial fats calculator displayed in grams and ounces depending on lifestyle
URL : http://www.winnerstone.com/winFat_Calculator.asp
DESCRIPTION : Use height, weight, age and lifestyle activities to determine optimal calories and calculates fat grams/ounces.