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

ts1.innerHTML="<span style='color:#000000'>Tons</span>";
cs1.innerHTML="<span style='color:#000000'>Cwt</span>";
qs1.innerHTML="<span style='color:#000000'>Quarters</span>";
ss1.innerHTML="<span style='color:#000000'>Stones</span>";
ps1.innerHTML="<span style='color:#000000'>Lbs</span>";
os1.innerHTML="<span style='color:#000000'>Ounces</span>";
iterms.innerHTML="<span style='color:#000000'>Results in terms of :::>>>:::>>>";
A1.innerHTML="<span style='color:#000000'>Tons</span>";
A2.innerHTML="<span style='color:#000000'>Cwt</span>";
A3.innerHTML="<span style='color:#000000'>Quarters</span>";
A4.innerHTML="<span style='color:#000000'>Stones</span>";
A5.innerHTML="<span style='color:#000000'>Lbs</span>";
A6.innerHTML="<span style='color:#000000'>Ounces</span>";
AddSubtract.selectall.style.color="#000000";
AddSubtract.deselectall.style.color="#000000";
AddSubtract.getresults.value="    Add    ";
AddSubtract.clearall.style.color="#000000";
AddSubtract.ounces.focus();
AddSubtract.stones1.focus()}
}

function ToFrom1(){
if (AddSubtract.addSub[1].checked=true)
{AddSubtract.addSub[0].checked=false;
AS0.innerHTML="<span style='color:#000000'>Add</span>";
AS1.innerHTML="<span style='color:#0000ff'>Subtract</span>";
legend.innerHTML="<span style='color:#0000ff'>Add or Subtract Weights</span>";
ToFro.innerHTML="<span style='color:#0000ff'>From :::>>>:::>>></span>";
ts.innerHTML="<span style='color:#0000ff'>Tons</span>";
cs.innerHTML="<span style='color:#0000ff'>Cwt</span>";
qs.innerHTML="<span style='color:#0000ff'>Quarters</span>";
ss.innerHTML="<span style='color:#0000ff'>Stones</span>";
ps.innerHTML="<span style='color:#0000ff'>Lbs</span>";
os.innerHTML="<span style='color:#0000ff'>Ounces</span>";

ts1.innerHTML="<span style='color:#0000ff'>Tons</span>";
cs1.innerHTML="<span style='color:#0000ff'>Cwt</span>";
qs1.innerHTML="<span style='color:#0000ff'>Quarters</span>";
ss1.innerHTML="<span style='color:#0000ff'>Stones</span>";
ps1.innerHTML="<span style='color:#0000ff'>Lbs</span>";
os1.innerHTML="<span style='color:#0000ff'>Ounces</span>";

iterms.innerHTML="<span style='color:#0000ff'>Results in terms of :::>>>:::>>>";
A1.innerHTML="<span style='color:#0000ff'>Tons</span>";
A2.innerHTML="<span style='color:#0000ff'>Cwt</span>";
A3.innerHTML="<span style='color:#0000ff'>Quarters</span>";
A4.innerHTML="<span style='color:#0000ff'>Stones</span>";
A5.innerHTML="<span style='color:#0000ff'>Lbs</span>";
A6.innerHTML="<span style='color:#0000ff'>Ounces</span>";
AddSubtract.selectall.style.color="#0000ff";
AddSubtract.deselectall.style.color="#0000ff";
AddSubtract.getresults.value="Subtract";
AddSubtract.clearall.style.color="#0000ff";
AddSubtract.ounces.focus();
AddSubtract.stones1.focus()}
}

function SelectAll(){
for (x=0; x<AddSubtract.inTerms.length; x++)
{AddSubtract.inTerms[x].checked=true}
}

function DeselectAll(){
for (x=0; x<AddSubtract.inTerms.length; x++)
{AddSubtract.inTerms[x].checked=false}
}

function ClearAll(){
AddSubtract.tons.value="";
AddSubtract.cwt.value="";
AddSubtract.quarters.value="";
AddSubtract.stones.value="";
AddSubtract.pounds.value="";
AddSubtract.ounces.value="";
AddSubtract.tons1.value="";
AddSubtract.cwt1.value="";
AddSubtract.quarters1.value="";
AddSubtract.stones1.value="";
AddSubtract.pounds1.value="";
AddSubtract.ounces1.value="";
for (x=0; x<AddSubtract.inTerms.length; x++)
{AddSubtract.inTerms[x].checked=false}
}

tons1=AddSubtract.tons1.value;
if (tons1==""){tons1=0}
cwt1=AddSubtract.cwt1.value;
if (cwt1==""){cwt1=0}
quarters1=AddSubtract.quarters1.value;
if (quarters1==""){quarters1=0}
stones1=AddSubtract.stones1.value;
if (stones1==""){stones1=0}
pounds1=AddSubtract.pounds1.value;
if (pounds1==""){pounds1=0}
ounces1=AddSubtract.ounces1.value;
if (ounces1==""){ounces1=0}
weight1=parseInt(tons1*35840)+parseInt(cwt1*1792)+parseInt(quarters1*448)+parseInt(stones1*224)+parseInt(pounds1*16)+parseInt(ounces1);

if (tons==0 && cwt==0 && quarters==0 && stones==0 && pounds==0 && ounces==0 && tons1==0 && cwt1==0 && quarters1==0 && stones1==0 && pounds1==0 && ounces1==0){alert("We need some numbers to get things going!");AddSubtract.stones1.focus();return false}

if (AddSubtract.addSub[0].checked==true)
{AddSubtract.addSub[1].checked=false;
Total=parseInt(weight+weight1)}
else
{AddSubtract.addSub[1].checked=true;
AddSubtract.addSub[0].checked=false;
Total=parseInt(weight-weight1)}

tons3=Total/35840;
cwt3=Total/1792;
quarters3=Total/448;
stones3=Total/224;
pounds3=Total/16;
ounces3=Total;

yyy=0;
for (x=0; x<AddSubtract.inTerms.length; x++)
{if (AddSubtract.inTerms[x].checked==true)
{yyy=yyy+1;lastChecked=x}
}
if (yyy>0)
{results.innerHTML="<span style='color:#0000ff'>RESULTS :::>>> </span>"}
else
{results.innerHTML=""}

if (AddSubtract.inTerms[0].checked==true)
{rest=Total%35840;
qtns=(Total-rest) / 35840;
if (lastChecked==0)
{qtns=qtns+rest/35840;if (qtns==1){nom=" Ton "}else{nom=" Tons "}}else{qtns=Comma(qtns);if (qtns==1){nom=" Ton, "}else{nom=" Tons, "}}
Total=rest;
results.innerHTML=results.innerHTML+qtns+nom}

if (AddSubtract.inTerms[1].checked==true)
{rest=Total%1792;
qcwt=(Total-rest) / 1792;
if (lastChecked==1)
{qcwt=qcwt+rest/1792;if (qcwt==1){nom=" Cwt "}else{nom=" Cwts "}}else{qcwt=Comma(qcwt);if (qcwt==1){nom=" Cwt, "}else{nom=" Cwts, "}}
Total=rest;
results.innerHTML=results.innerHTML+qcwt+ nom}

if (AddSubtract.inTerms[2].checked==true)
{rest=Total%448;
qqrts=(Total-rest) / 448;
if (lastChecked==2)
{qqrts=qqrts+rest/448;if (qqrts==1){nom=" Quarter "}else{nom=" Quarters "}}else{qqrts=Comma(qqrts);if (qqrts==1)
{nom=" Quarter, "}else{nom=" Quarters, "}}
Total=rest;
results.innerHTML=results.innerHTML+qqrts+nom}

if (AddSubtract.inTerms[3].checked==true)
{rest=Total%224;
qstones=(Total-rest) / 224;
if (lastChecked==3)
{qstones=qstones+rest/224;if (qstones==1)
{nom=" Stone "}else{nom=" Stones "}}else{qstones=Comma(qstones);if (qstones==1)
{nom=" Stone, "}else{nom=" Stones, "}}
Total=rest;
results.innerHTML=results.innerHTML+qstones+nom}

if (AddSubtract.inTerms[4].checked==true)
{rest=Total%16;
qlbs=(Total-rest) / 16;
if (lastChecked==4)
{qlbs=qlbs+rest/16;if (qlbs==1){nom=" Lb "}else{nom=" Lbs "}}else{qlbs=Comma(qlbs);if (qlbs==1){nom=" Lb, "}else{nom=" Lbs, "}}
Total=rest;
results.innerHTML=results.innerHTML+qlbs+nom}

if (AddSubtract.inTerms[5].checked==true)
{Total=Comma(Total);
if (Total==1)
{nom=" Ounce"}else{nom=" Ounces"}
results.innerHTML=results.innerHTML+Total+nom}

results6.innerHTML="EQUAL TO :::>>>";
results0.innerHTML=tons3+"<span style='color:#ff0000'> Tons</span>";
results1.innerHTML="or "+cwt3+"<span style='color:#ff0000'> Cwts</span>";
results2.innerHTML="or "+quarters3+"<span style='color:#ff0000'> Quarters</span>";
results3.innerHTML="or "+stones3+"<span style='color:#ff0000'> Stones</span>";
results4.innerHTML="or "+pounds3+"<span style='color:#ff0000'> Pounds</span>";
results5.innerHTML="or "+Comma(ounces3)+"<span style='color:#ff0000'> Ounces</span>";
}

function round2(nbr,digits){
nbr=nbr.toString()
if (nbr.indexOf(".")==-1)
{int_part=nbr
decimal_part=""}
else
{int_part=nbr.substring(0,nbr.indexOf("."))
decimal_part=nbr.substring(1+nbr.indexOf("."),2+nbr.indexOf(".")+digits)}
while(decimal_part.length<digits+1)
decimal_part+="0"
if (Number(decimal_part.charAt(decimal_part.length-1)<5))
decimal_part=decimal_part.substring(0,digits)
else
{decimal_part=(Number(decimal_part)+10).toString()
if (decimal_part.length>digits+1){
int_part=(Number(int_part)+1).toString()
decimal_part=decimal_part.substring(1,digits+1)}
decimal_part=decimal_part.substring(0,digits)}
if (int_part=="")
int_part=0;
if (Number(digits)>0)
return int_part+"."+decimal_part
else
return int_part
}
</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">
<center><table width=90% border=0 bordercolor=#ffff00 cellspacing="0" cellpadding="10"><tr><td>

<center><h3>Add or Subtract Tons, Cwts, Quarters, Stones, Pounds and Ounces</h3></center>
<p align="center"><span style="color:#ff0000">16 Ounces</span> equal <span style="color:#ff0000">1 Pound</span>;
<br><span style="color:#ff0000">14 Pounds</span> equal <span style="color:#ff0000">1 Stone</span>;
<br><span style="color:#ff0000">2 Stones</span> equal <span style="color:#ff0000">1 Quarter</span>;
<br><span style="color:#ff0000">4 Quarters</span> equal <span style="color:#ff0000">1 Hundredwieght (Cwt)</span>;
<br><span style="color:#ff0000">20 Hundredweights (Cwts)</span>  equal <span style="color:#ff0000">1 Ton</span></p>
<p>The decimal counting system uses a uniform '10' to advance from 1 through 10 through 100 through 1000 etc.
<p>The process of adding and subtracting weights uses a multi-base system of 16, 14, 2, 4 and 20 to move from ounces through tons.
<p>To do a calculation follow the following steps :-
<ul type="square">
<li>Select Add or Subtract to add or subtract components.
<li>Input the number of components to add or subtract.
<li>Decide the form in which you want your results.
<li>Then press 'Get Results'.</ul>

<fieldset>
<legend id="legend" align="center" style="color:#000000;
font-size:16">Add or Subtract Weights</legend>
<table width=100% border=0 bordercolor=#000000 cellspacing="0" cellpadding="0"><tr><td colspan=12>
<form name="AddSubtract" method="post">
<tr><td style="color:#000000" id="ToFro" colspan=12>To :::>>>:::>>></td></tr>

<tr><td colspan=2 id="ts">Tons<td colspan=2 id="cs" title="hundredweights">Cwts<td colspan=2 id="qs" title="quarters">Quarters<td colspan=2 id="ss">Stones<td colspan=2 id="ps" title="pounds">Lbs<td colspan=2 id="os">Ounces

<tr><td colspan=2><input type="text" name="tons" size="2" style="text-align:center" onKeyPress="if ((event.keyCode<48) || (event.keyCode>57)) event.returnValue=false" onFocus="this.className='currentField'" onBlur="this.className='changedField'">
<td colspan=2><input type="text" name="cwt" size="2" style="text-align:center" onKeyPress="if ((event.keyCode<48) || (event.keyCode>57)) event.returnValue=false" onFocus="this.className='currentField'" onBlur="this.className='changedField'">
<td colspan=2><input type="text" name="quarters" size="2" style="text-align:center" onKeyPress="if ((event.keyCode<48) || (event.keyCode>57)) event.returnValue=false" onFocus="this.className='currentField'" onBlur="this.className='changedField'">
<td colspan=2><input type="text" name="stones" size="2" style="text-align:center" onKeyPress="if ((event.keyCode<48) || (event.keyCode>57)) event.returnValue=false" onFocus="this.className='currentField'" onBlur="this.className='changedField'">
<td colspan=2><input type="text" name="pounds" size="2" style="text-align:center" onKeyPress="if ((event.keyCode<48) || (event.keyCode>57)) event.returnValue=false" onFocus="this.className='currentField'" onBlur="this.className='changedField'">
<td colspan=2><input type="text" name="ounces" size="2" style="text-align:center" onKeyPress="if ((event.keyCode<48) || (event.keyCode>57)) event.returnValue=false" onFocus="this.className='currentField'" onBlur="this.className='changedField'">

<tr><td colspan=12> </td></tr>
<tr><td colspan=12>
<label for="add" id="AS0" style="color:#000000">Add </label>
<input type="radio" name="addSub" id="add" value="add" checked onClick="ToFrom()">
<input type="radio" name="addSub" id="subtract" value="subtract" onClick="ToFrom1()">
<label for="subtract" id="AS1" style="color:#0000ff">Subtract </label></td></tr>

<tr><td colspan=2 id="ts1">Tons<td colspan=2 id="cs1" title="hundredweights">Cwts<td colspan=2 id="qs1" title="quarters">Quarters<td colspan=2 id="ss1">Stones<td colspan=2 id="ps1" title="pounds">Lbs<td colspan=2 id="os1">Ounces

<tr><td colspan=2><input type="text" name="tons1" size="2" style="text-align:center" onKeyPress="if ((event.keyCode<48) || (event.keyCode>57)) event.returnValue=false" onFocus="this.className='currentField'" onBlur="this.className='changedField'">
<td colspan=2><input type="text" name="cwt1" size="2" style="text-align:center" onKeyPress="if ((event.keyCode<48) || (event.keyCode>57)) event.returnValue=false" onFocus="this.className='currentField'" onBlur="this.className='changedField'">
<td colspan=2><input type="text" name="quarters1" size="2" style="text-align:center" onKeyPress="if ((event.keyCode<48) || (event.keyCode>57)) event.returnValue=false" onFocus="this.className='currentField'" onBlur="this.className='changedField'">
<td colspan=2><input type="text" name="stones1" size="2" style="text-align:center" onKeyPress="if ((event.keyCode<48) || (event.keyCode>57)) event.returnValue=false" onFocus="this.className='currentField'" onBlur="this.className='changedField'">
<td colspan=2><input type="text" name="pounds1" size="2" style="text-align:center" onKeyPress="if ((event.keyCode<48) || (event.keyCode>57)) event.returnValue=false" onFocus="this.className='currentField'" onBlur="this.className='changedField'">
<td colspan=2><input type="text" name="ounces1" size="2" style="text-align:center" onKeyPress="if ((event.keyCode<48) || (event.keyCode>57)) event.returnValue=false" onFocus="this.className='currentField'" onBlur="this.className='changedField'">

<tr><td colspan=12> </td></tr>
<tr><td id="iterms" colspan=12 style="color:#000000">Results in terms of :::>>>:::>>>
<tr><td colspan=2><label for="cbt" id="A1">Tons </label>
<input id="cbt" type="checkbox" name="inTerms" value="ttons">
<td colspan=2><label for="cbc" id="A2" title="hundredweights">Cwts </label>
<input id="cbc" type="checkbox" name="inTerms" value="tcwts">
<td colspan=2><label for="cbq" id="A3" title="quarters">Qrts </label>
<input id="cbq" type="checkbox" name="inTerms" value="tquarters">
<td colspan=2><label for="cbs" id="A4">Stones </label>
<input id="cbs" type="checkbox" name="inTerms" value="tstones">
<td colspan=2><label for="cbp" id="A5" title="pounds">Lbs </label>
<input id="cbp" type="checkbox" name="inTerms" value="tpounds">
<td colspan=2><label for="cbo" id="A6">Ounces </label>
<input id="cbo" type="checkbox" name="inTerms" value="tounces">

<tr><td> 
<tr><td colspan=12 style="color:#ff0000" id="results">
<tr><td colspan=12 style="color:#ff0000" id="results6">
<tr><td colspan=6 style="color:#0000ff" id="results0">
<td colspan=6 style="color:#0000ff" id="results1">
<tr><td colspan=6 style="color:#0000ff" id="results2">
<td colspan=6 style="color:#0000ff" id="results3">
<tr><td colspan=6 style="color:#0000ff" id="results4">
<td colspan=6 style="color:#0000ff" id="results5">
</form>
</td></tr></table>
</fieldset>
</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 : Add or Subtract Ounces, Pounds, Stones, Quarters, Cwts, Tons
URL : http://www.datedial.com/datAdd_Subtract_Weight.asp
DESCRIPTION : Add or subtract ounces, pounds, stones, quarters, cwts and tons.