Maximum Heart Rate

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

<style type="text/css">

</style>
<script language="javascript">
function Calculate_Heart_Rate()
{
var AgeNo=document.HRC.age.value
if (AgeNo<=0) 
{document.HRC.age.focus();
alert("Please enter your age");
return false}
else
{var Calc=(220-AgeNo)} 
age.innerHTML="Age :"+AgeNo;
zone.innerHTML="Heart Rate Zone";
z2.innerHTML="20%";
z3.innerHTML="30%";
z4.innerHTML="40%";
z5.innerHTML="50%";
z6.innerHTML="60%";
z7.innerHTML="70%";
z8.innerHTML="80%";
z9.innerHTML="90%";
z10.innerHTML="100%";

beats.innerHTML="Beats Per Minute";
calc2.innerHTML=Math.round(Calc*.2);
calc3.innerHTML=Math.round(Calc*.3);
calc4.innerHTML=Math.round(Calc*.4);
calc5.innerHTML=Math.round(Calc*.5);
calc6.innerHTML=Math.round(Calc*.6);
calc7.innerHTML=Math.round(Calc*.7);
calc8.innerHTML=Math.round(Calc*.8);
calc9.innerHTML=Math.round(Calc*.9);
calc10.innerHTML=Math.round(Calc*1);

desired.innerHTML="Your desired exercise heart rate range is between "+Math.round(Calc*.6)+ " and "+Math.round(Calc*.8)+" beats per minute."; 
}

function putFocus(formInst, elementInst)
{document.forms[0].elements[1].focus();}
</script>

*********************************
2. Copy and paste the following code between your BODY tags where you want the input displayed:
<div style="position:absolute; left:?; top:?">
<form name="HRC">
<fieldset style="border-color:#000000">
<legend align="center" style="font-size:16pt">Calculate Your Target Heart Rate Zone</legend>
<table border="0" bordercolor=#000000 width=90% cellpadding="5" cellspacing="0">
<tr><td>
<p align="center">Enter your age & press Calculate :
<input type="text" id="age" name="age" size=5 onKeyPress="if ((event.keyCode<48) || (event.keyCode>57)) event.returnValue=false" onClick=value="" style="text-align:center;"></p>
<p align="center">
<input type="button" value="Calculate Heart Rate" onClick="Calculate_Heart_Rate()"></p>

***********************************
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 : Maximum Heart Rate
URL : http://www.datedial.com/datMaximum_Heart_Rate.asp
DESCRIPTION : Your target heart rate is 60 to 80 percent of your maximum heart rate.