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;
results.innerHTML="("+x+") Weigh -------------------------------- <b>"+weight+" ounces.</b><br>"}
else
{alert("Please select lbs or kilos");water.lbkl[0].focus();return false;}

if (water.active.value!="")
{activity=Math.round(water.active.value/20*8);tot=tot+activity;x=x+1;
results.innerHTML=results.innerHTML+"("+x+") Exercise ----------------------------- <b>"+activity+" ounces.</b><br>"}
else
{activity=0;}

if (water.coffee.value!="")
{coff=water.coffee.value*8;tot=tot+coff;x=x+1;
results.innerHTML=results.innerHTML+"("+x+") Coffee drinking -------------------- <b>"+coff+" ounces.</b><br>"}
else
{coff=0;}

if (water.alcohol.value!="")
{alc=water.alcohol.value*8;tot=tot+alc;x=x+1;
results.innerHTML=results.innerHTML+"("+x+") Alcohol-use ------------------------- <b>"+alc+" ounces.</b><br>"}
else
{alc=0;}

if (water.climate[0].checked)
{clime=16;tot=tot+16;x=x+1;
results.innerHTML=results.innerHTML+"("+x+") Climate ------------------------------ <b>"+clime+" ounces.</b><br>"}
else
{clime=0;}

if (water.high_altitudes[0].checked)
{altitudes=8;tot=tot+8;x=x+1;
results.innerHTML=results.innerHTML+"("+x+") High altitude ------------------------ <b>"+altitudes+" ounces.</b><br>"}
else
{altitudes=0}

if (water.very_hot_cold[0].checked)
{very_hot=16;tot=tot+16;x=x+1;
results.innerHTML=results.innerHTML+"("+x+") Very cold/hot weather ---------- <b>"+very_hot+" ounces.</b><br>"}
else
{very_hot=0}

if (water.pregnant[0].checked)
{preg=16;tot=tot+16;x=x+1;
results.innerHTML=results.innerHTML+"("+x+") Pregnancy -------------------------- <b>"+preg+" ounces.</b><br>"}
else
{preg=0}

if (water.breast_feeding[0].checked)
{breast=24;tot=tot+24;x=x+1;
results.innerHTML=results.innerHTML+"("+x+") Breast-feeding --------------------- <b>"+breast+" ounces.</b><br>"}
else
{breast=0}

if (water.fever_diarrhea[0].checked)
{fever=8;tot=tot+8;x=x+1;
results.innerHTML=results.innerHTML+"("+x+") Fever or diarrhea ------------------ <b>"+fever+" ounces.</b>"}
else
{fever=0}

total.innerHTML="Amount of water to drink is <b>"+tot+" ounces</b> ("+Math.round(tot/16)+" pts or "+(tot/33.84).toFixed(1) +" liters)";
}

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

function BreastFeedingP(){
if (water.pregnant[0].checked)
{alert("We don't want you to be pregnant and breast-feeding at the same time.\nSelect 'no' to 'Are you pregnant?', and try again!");water.breast_feeding[1].checked="true";return false;}
}

function PregnantB(){
if (water.breast_feeding[0].checked)
{alert("We don't want you to be pregnant and breast-feeding at the same time.\nSelect 'no' to 'Are you breast-feeding?', and try again!");water.pregnant[1].checked="true";return false;}
}
</script>

*********************************
2. Copy and paste the following code between your BODY tags where you want the input displayed:
<div style="position:absolute; left:250; top:200">
<table width=90% border=0 bordercolor=#ffff00 cellspacing="10" cellpadding="0"><tr><td>

<h3 align="center">How Much Water To Drink</h3>
Water is needed to regulate body temperature and to provide the means for nutrients to travel to the organs. Water also transports oxygen to our cells, removes waste, and protects our joints and organs.
<p>
<center><table width=90% border=0 bordercolor=#0000ff cellspacing="0" cellpadding="0"><tr><td>
<form name="water" style="font-size:10pt">
<fieldset>
  Divide your body-weight (in pounds) by two to determine basic water needs.
<p style="color:#0000ff;text-align:center">  Your weight is : 
<input type="text" name="weight" size=2 onClick="select_area()" onKeyPress="if ((event.keyCode<48) || (event.keyCode>57)) event.returnValue=false" style="text-align:center">
<input type="radio" name="lbkl" value="Lbs" id="lbs">
<label for="lbs">lbs</label>
<input type="radio" name="lbkl" value="Kilos" id="kilos">
<label for="kilos">kilos</label></p>
</fieldset>
<br>
<fieldset>
  If you exercise add 8 ounces of water for every 20 minutes of exercise.
<p style="color:#0000ff;text-align:center">  You exercise for : 
<input type="text" name="active" size=2 onClick="select_area1()" onKeyPress="if ((event.keyCode<48) || (event.keyCode>57)) event.returnValue=false" style="text-align:center"> minutes per day.</p>
</fieldset>
<br>
<fieldset>
  If you drink coffee or alcohol, you should add an equal amount of water.
<p style="color:#0000ff;text-align:center">  You drink : 
<input type="text" name="coffee" size=2 onClick="select_area2()" onKeyPress="if ((event.keyCode<48) || (event.keyCode>57)) event.returnValue=false" style="text-align:center"> cups of coffee per day.</p>

<p style="color:#0000ff;text-align:center">   You have : 
<input type="text" name="alcohol" size=2 onClick="select_area3()" onKeyPress="if ((event.keyCode<48) || (event.keyCode>57)) event.returnValue=false" style="text-align:center"> alcoholic drinks per day.</p>
</fieldset>
<br>

<fieldset>
  If you live in an arid (dry) climate, you should add 16 ounces per day.
<p style="color:#0000ff;text-align:center">  Are you living in a dry climate?
<input type="radio" name="climate" id="yes">
<label for="yes">Yes</label>
<input type="radio" name="climate" id="no">
<label for="no">No</label></p>
</fieldset>
<br>

<fieldset>
  If you live at high altitudes, add 8 ounces per day.
<p style="color:#0000ff;text-align:center">  Are you living at high altitudes?
<input type="radio" name="high_altitudes" id="altitudesY">
<label for="altitudesY">Yes</label>
<input type="radio" name="high_altitudes" id="altitudesN">
<label for="altitudesN">No</label></p>
</fieldset>
<br>

<fieldset>
  If you live in very hot or very cold climate, add 16 ounces per day.
<p style="color:#0000ff;text-align:center">  Are you living in very hot or very cold climate?
<input type="radio" name="very_hot_cold" id="veryhotY">
<label for="veryhotY">Yes</label>
<input type="radio" name="very_hot_cold" id="veryhotN">
<label for="veryhotN">No</label></p>
</fieldset>
<br>

<fieldset>
  If you are pregnant, you should add 16 ounces per day.
<p style="color:#0000ff;text-align:center">  Are you pregnant?
<input type="radio" name="pregnant" id="pregY" onClick="PregnantB()">
<label for="pregY">Yes</label>
<input type="radio" name="pregnant" id="pregN">
<label for="pregN">No</label></p>
</fieldset>
<br>

<fieldset>
  If you are breast feeding, you should add 24 ounces per day.
<p style="color:#0000ff;text-align:center">  Are you breast feeding?
<input type="radio" name="breast_feeding" id="breastY" onClick="BreastFeedingP()">
<label for="breastY">Yes</label>
<input type="radio" name="breast_feeding" id="breastN">
<label for="breastN">No</label></p>
</fieldset>
<br>

<fieldset>
  If you are sick with fever or diarrhea, you should add 8 ounces per day.
<p style="color:#0000ff;text-align:center">  Do you have fever or diarrhea?
<input type="radio" name="fever_diarrhea" id="feverY">
<label for="feverY">Yes</label>
<input type="radio" name="fever_diarrhea" id="feverN">
<label for="feverN">No</label></p>
</fieldset>
<br>

<fieldset>
<legend align="center">Action & Results</legend>
<center>
<p></p>
<input type="button" value="How Much Water To Drink" style="cursor:hand;color:#ff0000" onClick="How_Much_Water_To_Drink()"><a href="http://www.datedial.com/dathow_much_water.asp">.</a>
       
<input type="reset" value="Clear" style="cursor:hand;color:#ff0000">
<p id="total" style="color:#ffffff;background:#ff0000"></p></center>
<p id="results" style="color:#ff0000;"></p>
</fieldset></form>
<p>        1 pint = 16 fluid ounces::::::::::::1 liter = 33.84 fluid ounces 
</p>
</td></tr>
<tr><td>
<br>
<h3 align="center">Best Source Of Water</h3><ul type="square">
<li>If you eat a healthy diet, about 20 % of your water may come from the foods you eat.

<li>Water is the best source for your daily fluid needs. Other good beverages include milk, herbal teas, 100% fruit and vegetable juices.
<li>Soft drinks will also count towards your daily total of fluids. Remember, sugar-sweetened soft drinks and fruit juices do add extra calories to your daily diet.</ul>
<br><br>
</td></tr></table>
</center>
</div>
                     *********************************
Please Note
You can display where ever you like. You change the "left" and "top" values in the opening "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 info@datedial.com.

Linking Information:-
TITLE : How Much Water To Drink
URL : http://www.datedial.com/datHow_Much_Water_To_Drink.asp
DESCRIPTION : How much water to drink.