How Much Water To Drink

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

else if (water.lbkl[1].checked)
{weight=Math.round(water.weight.value*1.1);tot=tot+weight;}

else
{alert("Please select lbs or kilos");water.weight.focus();return false;}

if (water.active.value!="")
{activity=Math.round(water.active.value/20*8);tot=tot+activity;}
else
{activity=0;}

if (water.coffee.value!="")
{coff=water.coffee.value*8;tot=tot+coff;}
else
{coff=0;}

if (water.alcohol.value!="")
{alc=water.alcohol.value*8;tot=tot+alc;}
else
{alc=0;}

if (water.climate[0].checked)
{clime=16;tot=tot+16;}
else
{clime=0;}

bodyweight.innerHTML=" 1. Because of your weigh you will need to drink <b>"+weight+" ounces</b> of water";
exercise.innerHTML=" 2. Exercise will require that you drink another  <b>"+activity+" ounces</b>";
coffee.innerHTML=" 3. Because of your coffee drinking you should have <b>"+coff+" ounces</b>";
alco.innerHTML=" 4. Alcohol-use requires that you drink <b>"+alc+" more ounces</b> of water"
if (water.climate[0].checked)
{var comment=" 5. Climate requires you to drink an additionnal <b>"+clime+" ounces</b>"}
else
{var comment=" 5. The climate does not significantly affect your water needs."}
climate.innerHTML=comment;
total.innerHTML="Total water to drink is <b>"+tot+" ounces</b> ("+Math.round(tot/16)+" pts or "+(tot/33.84).toFixed(1) +" liters)";
}
</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=100% border=0 bordercolor=#0000ff cellspacing="0" cellpadding="0"><tr><td>
<form name="water" style="font-size:10pt">
<fieldset style="border-color:#0000ff">
  To determine how much water to drink, a good starting point is to take your body weight in pounds and divide that number in half. That gives you the number of ounces of water per day that you need. For example, if you weigh 160 pounds, you should drink at least 80 ounces of water per day. A corresponding calculation is made for you if you use kilos.
<br><span style="color:#0000ff">  Your weight is : 
<input type="text" name="weight" size=5 onKeyPress="if ((event.keyCode<48) || (event.keyCode>57)) event.returnValue=false" align="center">
<input type="radio" name="lbkl" value="lbs" id="lbs" checked>
<label for="lbs">lbs</label>
<input type="radio" name="lbkl" value="kilos" id="kilos">
<label for="kilos">kilos</label></span>
</fieldset>
<br>
<fieldset style="border-color:#0000ff">
  If you exercise you should drink another 8 ounce glass of water for every 20 minutes of exercise.
<br><span style="color:#0000ff">  You exercise
<input type="text" name="active" size=5 onKeyPress="if ((event.keyCode<48) || (event.keyCode>57)) event.returnValue=false"> minutes per day.</span>
</fieldset>
<br>
<fieldset style="border-color:#0000ff">
  If you drink coffee or alcohol, you should add at least an equal amount of water.
<br><span style="color:#0000ff">  You drink
<input type="text" name="coffee" size=5 onKeyPress="if ((event.keyCode<48) || (event.keyCode>57)) event.returnValue=false"> cups of coffee per day.</span>
<br><span style="color:#0000ff">  You have 
<input type="text" name="alcohol" size=5 onKeyPress="if ((event.keyCode<48) || (event.keyCode>57)) event.returnValue=false"> alcoholic drinks per day.</span>
</fieldset>
<br>

<fieldset style="border-color:#0000ff">
  If you live in an arid (dry) climate, you should add another 16 ounces of water per day.
<br><span style="color:#0000ff">  Are you living in a dry climate?
<input type="radio" name="climate" id="yes" value="yes">
<label for="no">yes</label>
<input type="radio" name="climate" id="no" value="no">
<label for="yes">no</label></span>
</fieldset>
<br>
<fieldset style="border-color:#0000ff">
<legend align="center">Action & Results</legend>

<p id="bodyweight"></p>
<p id="exercise"></p>
<p id="coffee"></p>
<p id="alco"></p>
<p id="climate"></p>
<center>
<p id="total" style="color:#ffffff;background:#000099"></p>
<input type="button" value="How Much Water To Drink" style="cursor:hand;color:#ff0000" onClick="How_Much_Water_To_Drink()"><a href="www.icb2001.com/How_Much_Water_To_Drink.asp"></a>
                    
<input type="reset" value="Clear" style="cursor:hand;color:#ff0000"></center>
<p>
</fieldset></form>
<p>        1 pint = 16 fluid ounces::::::::::::1 liter = 33.84 fluid ounces 
</p>
 </td></tr></table>
</center>
</div>

***********************************
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 : How Much Water To Drink
URL : http://www.icb2001.com/How_Much_Water_To_Drink.asp
DESCRIPTION : A metric and imperial calculator to determine the amount of water to drink expressed in ounces, pints, and liters.