<HTML>
<HEAD>
<TITLE>Untitled</TITLE>
<SCRIPT language="JavaScript">
function calculate(){
var f = document.form1;
var first = f.t1.value;
var second = f.t2.value;
var third = f.t3.value;
f.t4.value = parseFloat(first) + parseFloat(second) + parseFloat(third);
}
</SCRIPT>
</HEAD>
<BODY>
<FORM name="form1">
<TABLE align="center" cellspacing="2" cellpadding="2" border="0">
<TR>
</TABLE>
<TR>
<TD>Inputbox 1
<INPUT type="text" name="t1" value="0">
</TD>
<TD>Input box2
<INPUT type="text" name="t2" value="0">
</TD>
<TD>Input box3
<INPUT type="text" name="t3" value="0">
</TD>
<TD>Result=
<INPUT type="text" name="t4" onfocus="document.form1.t4.blur()" readOnly="true">//total quantity here
</TD>
<TD>
<DIV align="center">
<INPUT type="text" name="total price" size="5"> </DIV>
</TD>
<TD>
<INPUT type="button" value="Calculate" onclick="return calculate()">
</TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>
<HEAD>
<TITLE>Untitled</TITLE>
<SCRIPT language="JavaScript">
function calculate(){
var f = document.form1;
var first = f.t1.value;
var second = f.t2.value;
var third = f.t3.value;
f.t4.value = parseFloat(first) + parseFloat(second) + parseFloat(third);
}
</SCRIPT>
</HEAD>
<BODY>
<FORM name="form1">
<TABLE align="center" cellspacing="2" cellpadding="2" border="0">
<TR>
</TABLE>
<TR>
<TD>Inputbox 1
<INPUT type="text" name="t1" value="0">
</TD>
<TD>Input box2
<INPUT type="text" name="t2" value="0">
</TD>
<TD>Input box3
<INPUT type="text" name="t3" value="0">
</TD>
<TD>Result=
<INPUT type="text" name="t4" onfocus="document.form1.t4.blur()" readOnly="true">//total quantity here
</TD>
<TD>
<DIV align="center">
<INPUT type="text" name="total price" size="5"> </DIV>
</TD>
<TD>
<INPUT type="button" value="Calculate" onclick="return calculate()">
</TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>