Calories Needed

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

<style type="text/css">

</style>
<script language="javascript">
function putFocus(formInst, elementInst)
{document.forms[0].elements[4].focus();}

function RadioCheck0()
{
if (CalsNeed.Radio1[0].checked=true)
{CalsNeed.Radio1[1].checked=false;

CalsNeed.feet.disabled=false;
CalsNeed.inches.disabled=false;
CalsNeed.lbs.disabled=false;

CalsNeed.feet.value="";
CalsNeed.inches.value="";
CalsNeed.lbs.value="";

CalsNeed.cms.value="XXXX";
CalsNeed.kgs.value="XXXX";

CalsNeed.cms.disabled=true;
CalsNeed.kgs.disabled=true;

CalsNeed.feet.focus();}
}

function RadioCheck1()
{
if	(CalsNeed.Radio1[1].checked=true)
{CalsNeed.Radio1[0].checked=false;

CalsNeed.feet.value="XXXX";
CalsNeed.inches.value="XXXX";
CalsNeed.lbs.value="XXXX";

CalsNeed.feet.disabled=true;
CalsNeed.inches.disabled=true;
CalsNeed.lbs.disabled=true;

CalsNeed.cms.disabled=false;
CalsNeed.kgs.disabled=false;

CalsNeed.cms.value="";
CalsNeed.kgs.value="";

CalsNeed.cms.focus();}
}

function GetCalories()
{
if (CalsNeed.Radio1[1].checked && CalsNeed.Radio2[1].checked)
{
if (CalsNeed.cms.value==""){alert("your height, please!");CalsNeed.cms.focus();return false;}
else
{var Height=CalsNeed.cms.value*1.7008;}

if (CalsNeed.kgs.value==""){alert("your weight, please!");CalsNeed.kgs.focus();return false;}
else
{var Weight=CalsNeed.kgs.value*9.592;}

if (CalsNeed.Age.value==""){alert("your age, please!");CalsNeed.Age.focus();return false;}
else
{var Age=CalsNeed.Age.value*4.7;}
var Results=(655+Weight+Height-Age);
}

if (CalsNeed.Radio1[1].checked && CalsNeed.Radio2[0].checked)
{
if (CalsNeed.cms.value==""){alert("your height, please!");CalsNeed.cms.focus();return false;}
else
{var Height=CalsNeed.cms.value*5;}

if (CalsNeed.kgs.value==""){alert("your weight, please!");CalsNeed.kgs.focus();return false;}
else
{var Weight=CalsNeed.kgs.value*13.684;}

if (CalsNeed.Age.value==""){alert("your age, please!");CalsNeed.Age.focus();return false;}
else
{var Age=CalsNeed.Age.value*6.8;}
var Results=(66+Weight+Height-Age);
}

if (CalsNeed.Radio1[0].checked && CalsNeed.Radio2[1].checked)
{
if (CalsNeed.feet.value==""){alert("your height, please!");CalsNeed.feet.focus();return false;}
else
{var feet=CalsNeed.feet.value;}
var	inches=CalsNeed.inches.value;
{if (inches=""){inches=0}
}
var TotalInches=feet*12+inches;
var	Height=TotalInches*2.54*1.7008;

if (CalsNeed.lbs.value==""){alert("your weight, please!");CalsNeed.lbs.focus();return false;}
else
{var Pounds=CalsNeed.lbs.value;}
var	Weight=Pounds/2.2*9.592;

if (CalsNeed.Age.value==""){alert("your age, please!");CalsNeed.Age.focus();return false;}
else
{var Age=CalsNeed.Age.value*4.7;}
var Results=(655+Weight+Height-Age);
}

if (CalsNeed.Radio1[0].checked && CalsNeed.Radio2[0].checked)
{
if (CalsNeed.feet.value==""){alert("your height, please!");CalsNeed.feet.focus();return false;}
else
{var feet=CalsNeed.feet.value;}
var	inches=CalsNeed.inches.value;
{if (inches=""){inches=0}
}
var TotalInches=feet*12+inches;
var	Height=TotalInches*2.54*5;

if (CalsNeed.lbs.value==""){alert("your weight, please!");CalsNeed.lbs.focus();return false;}
else
{var Pounds=CalsNeed.lbs.value;}
var	Weight=Pounds/2.2*13.684;

if (CalsNeed.Age.value==""){alert("your age, please!");CalsNeed.Age.focus();return false;}
else
{var Age=CalsNeed.Age.value*6.8;}
var	Results=(66+Weight+Height-Age);
}
head.innerHTML="<u>Calories Needed To Match Your Activity Level</u>";
basal.innerHTML="<span style='color:#0000ff'>1. Basal or resting metabolic rate - </span>measures the calories the body needs to just keep it in being. You need <b> "+Math.round(Results)+" calories per day</b> to energise the circulatory system, the digestive system, and other vital body functions. These are what the body needs if you just laid in bed and stared at the ceiling.";
sedentary.innerHTML="<span style='color:#0000ff'>2. Sedentary Lifestyle-</span> means you are very inactive; you watch television, and take the occasional trip to the refrigerator. If you are happy with your weight and general health then consuming approximately <b>"+Math.round(Results*1.2)+" calories per day</b> will maintain your current weight.";
light.innerHTML="<span style='color:#0000ff'>3. Light Activity -</span> means you are engaged in activities such as light house keeping. To maintain your current weight you could consume approx <b> "+Math.round(Results*1.3)+" calories per day.</i>";
moderate.innerHTML="<span style='color:#0000ff'>4. Moderate Activity -</span> means you walk a couple miles per week on a regular basis. To maintain your current weight you could consume approx <b> "+Math.round(Results*1.5)+" calories per day.</b>";
heavy.innerHTML="<span style='color:#0000ff'>5. Heavy Activity -</span> means you run at least 10 miles a week and you are engaged in some sporting activity. To maintain your current weight you could consume approx <b> "+Math.round(Results*1.7)+" calories per day.</b>";
vheavy.innerHTML="<span style='color:#0000ff'>6. Very Heavy Activity -</span> means you are engaging in activities such as training for marathons and running at least 30 miles a week. To maintain your current weight you could consume approx <b> "+Math.round(Results*2)+" calories per day.</b>";
}
</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 border="0" bordercolor=#ff0000 width=90% cellpadding="0" cellspacing="10">
<tr><td>
<center><form name="CalsNeed">
<fieldset style="font-size:15;border-style:double;border-color:#000000">
<legend align="center" style="font-size:15;">Calories Requirements</legend>

<fieldset>
<center><label for="imperial"><span style="color:#ff0000">Imperial</span></label>
<input type="radio" name=Radio1 value="Imperial" id="imperial" checked onClick="RadioCheck0()">
<label for="metric"><span style="color:#0000ff">Metric</span></label>
<input type="radio" name=Radio1 value="Metric" id="metric" onClick="RadioCheck1()"></center>
</fieldset>
<br>
<fieldset>
<center><label for="male">Male</label>
<input type="radio" name=Radio2 value="Male" id="male">
<label for="female">Female</label>
<input type="radio" name=Radio2 value="Female" id="female" checked></center>
</fieldset>

<fieldset>
<legend>Height</legend>
<center><input type="text" size="2" maxlength="1" name="feet" style="background:#ff0000; color:#ffffff; text-align:center" onKeyPress="if ((event.keyCode<48) || (event.keyCode>57)) event.returnValue=false">ft.
<input type="text" size="2" maxlength="4" name="inches" style="background:#ff0000; color:#ffffff; text-align:center" onKeyPress="if ((event.keyCode<46) || (event.keyCode>57)) event.returnValue=false">ins.

<input type="text" size="2" maxlength="3" name="cms" value="XXXX" disabled style="background:#0000ff; color:#ffffff; text-align:center" onKeyPress="if ((event.keyCode<46) || (event.keyCode>57)) event.returnValue=false">cms.</center>
</fieldset>

<fieldset>
<legend>Weight</legend>
<center><input type="text" size="2" maxlength="3" name="lbs"  style="background:#ff0000; color:#ffffff; text-align:center" onKeyPress="if ((event.keyCode<46) || (event.keyCode>57)) event.returnValue=false">lbs.
<input type="text" size="2" maxlength="3" name="kgs" value="XXXX"  disabled style="background:#0000ff; color:#ffffff; text-align:center" onKeyPress="if ((event.keyCode<46) || (event.keyCode>57)) event.returnValue=false">kgs.</center>
</fieldset>
<br>
<fieldset>
<p align="center">Age::
<input type="text" size="2" maxlength="3" name="Age"  style="background:#cccccc; color:#ffffff; text-align:center" onKeyPress="if ((event.keyCode<48) || (event.keyCode>57)) event.returnValue=false">
</fieldset>

<fieldset>
<legend>Action</legend>
<center><input type="button" value="Calories Required" title="Calculate Basal Metabolic Rate" onclick="GetCalories()"><a href="www.datedial.com/datcalories_needed.html"></a>
<input type="reset" value="Clear" title="Clear all inputs"></center>
</fieldset>
</fieldset>
</form></center>
</td></tr></table></center>
<h4 align="center" style="color:0000ff" id="head"></h4>
<p id="basal"></p>
<p id="sedentary"></p>
<p id="light"></p>
<p id="moderate"></p>
<p id="heavy"></p>
<p id="vheavy"></p>
<br>
</body>

***********************************
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 : Calories Needed
URL : http://www.datedial.com/datCalories_Needed.asp
DESCRIPTION : Calculate calories requirement in both metric and imperial units based on age,height,gender and lifestyle including basal or resting metabolic rate.