Hi there,
I'm trying to add the values of a number of form fields and to get a
result at the end. It must loop and be able to dynamically update the
result of calculation. I have attached the code i have so far.
Thanks
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<script language="JavaS cript1.2" type="text/JavaScript">
function calculate(curri d)
{
var rownumber = "";
var Qnt;
var Qnt_Total;
rownumber = currid.substrin g(currid.indexO f("_", currid) + 1);
//DEBUGGING
//alert(rownumber );
//return false;
Qnt = document.getEle mentById("Quant ity_" + rownumber).valu e;
for(var j = 0 ; j <= document.Captur eForm.elements. length ; j++)
{
cnt = j + 1;
//if(eval(documen t.CaptureForm.e lements[j].id) == "[object]")
if(document.Cap tureForm.elemen ts[j].id ==
"Quantity_"+Str ing(cnt))
{
if(document.Cap tureForm.elemen ts[j].value != "")
Qnt_Total += Number(document .CaptureForm.el ements[j].value);
}
}
document.Captur eForm.Totals1.v alue = Qnt_Total;
}
</script>
</head>
<body>
<form action="" method="post" name="CaptureFo rm">
<SPAN id="Quantity_La bel" style="LEFT: 518px; WIDTH: 62px; COLOR:
#000000;POSITIO N: absolute; TOP: 186px; HEIGHT: 13px; BACKGROUND-COLOR:
transparent; FONT-FAMILY:MS Sans Serif; FONT-SIZE:8pt;">Quan tity</SPAN>
<INPUT type="text" style="LEFT: 506; text-align: right; WIDTH: 86px;
COLOR: #000000;POSITIO N: absolute; TOP: 200; HEIGHT: 19px;
BACKGROUND-COLOR: transparent; FONT-FAMILY:MS Sans Serif;
FONT-SIZE:8pt;" name="Quantity" id="Quantity_1 " value="<?php echo
$row_Recordset1['Quantity']; ?>" onBlur="javascr ipt:
calculate(this. id);">
<INPUT type="text" style="LEFT: 506; text-align: right; WIDTH: 86px;
COLOR: #000000;POSITIO N: absolute; TOP: 226; HEIGHT: 19px;
BACKGROUND-COLOR: transparent; FONT-FAMILY:MS Sans Serif;
FONT-SIZE:8pt;" name="Quantity2 " id="Quantity_2 " value="<?php echo
$row_Recordset1['Quantity2']; ?>" onblur="javascr ipt:
calculate(this. id);">
<INPUT type="text" style="LEFT: 506; text-align: right; WIDTH: 86px;
COLOR: #000000;POSITIO N: absolute; TOP: 252; HEIGHT: 19px;
BACKGROUND-COLOR: transparent; FONT-FAMILY:MS Sans Serif;
FONT-SIZE:8pt;" name="Quantity3 " id="Quantity_3 " value="<?php echo
$row_Recordset1['Quantity3']; ?>" onblur="javascr ipt:
calculate(this. id);">
<INPUT type="text" style="LEFT: 506; text-align: right; WIDTH: 86px;
COLOR: #000000;POSITIO N: absolute; TOP: 279; HEIGHT: 19px;
BACKGROUND-COLOR: transparent; FONT-FAMILY:MS Sans Serif;
FONT-SIZE:8pt;" name="Quantity4 " id="Quantity_4 " value="<?php echo
$row_Recordset1['Quantity4']; ?>" onblur="javascr ipt:
calculate(this. id);">
<INPUT type="text" style="LEFT: 506; text-align: right; WIDTH: 86px;
COLOR: #000000;POSITIO N: absolute; TOP: 305; HEIGHT: 19px;
BACKGROUND-COLOR: transparent; FONT-FAMILY:MS Sans Serif;
FONT-SIZE:8pt;" name="Quantity5 " id="Quantity_5 " value="<?php echo
$row_Recordset1['Quantity5']; ?>" onblur="javascr ipt:
calculate(this. id);">
<INPUT type="text" style="LEFT: 506; text-align: right; WIDTH: 86px;
COLOR: #000000;POSITIO N: absolute; TOP: 331; HEIGHT: 19px;
BACKGROUND-COLOR: transparent; FONT-FAMILY:MS Sans Serif;
FONT-SIZE:8pt;" name="Quantity6 " id="Quantity_6 " value="<?php echo
$row_Recordset1['Quantity6']; ?>" onblur="javascr ipt:
calculate(this. id);">
<INPUT type="text" style="LEFT: 506; text-align: right; WIDTH: 86px;
COLOR: #000000;POSITIO N: absolute; TOP: 358; HEIGHT: 19px;
BACKGROUND-COLOR: transparent; FONT-FAMILY:MS Sans Serif;
FONT-SIZE:8pt;" name="Quantity7 " id="Quantity_7 " value="<?php echo
$row_Recordset1['Quantity7']; ?>" onblur="javascr ipt:
calculate(this. id);">
<INPUT type="text" style="LEFT: 506; text-align: right; WIDTH: 86px;
COLOR: #000000;POSITIO N: absolute; TOP: 384; HEIGHT: 19px;
BACKGROUND-COLOR: transparent; FONT-FAMILY:MS Sans Serif;
FONT-SIZE:8pt;" name="Quantity8 " id="Quantity_8 " value="<?php echo
$row_Recordset1['Quantity8']; ?>" onblur="javascr ipt:
calculate(this. id);">
<INPUT type="text" style="LEFT: 506; text-align: right; WIDTH: 86px;
COLOR: #000000;POSITIO N: absolute; TOP: 410; HEIGHT: 19px;
BACKGROUND-COLOR: transparent; FONT-FAMILY:MS Sans Serif;
FONT-SIZE:8pt;" name="Quantity9 " id="Quantity_9 " value="<?php echo
$row_Recordset1['Quantity9']; ?>" onblur="javascr ipt:
calculate(this. id);">
<INPUT type="text" style="LEFT: 506; text-align: right; WIDTH: 86px;
COLOR: #000000;POSITIO N: absolute; TOP: 436; HEIGHT: 19px;
BACKGROUND-COLOR: transparent; FONT-FAMILY:MS Sans Serif;
FONT-SIZE:8pt;" name="Quantity1 0" id="Quantity_10 " value="<?php echo
$row_Recordset1['Quantity10']; ?>" onblur="javascr ipt:
calculate(this. id);">
<INPUT type="text" style="LEFT: 506; text-align: right; WIDTH: 86px;
COLOR: #000000;POSITIO N: absolute; TOP: 463; HEIGHT: 19px;
BACKGROUND-COLOR: transparent; FONT-FAMILY:MS Sans Serif;
FONT-SIZE:8pt;" name="Quantity1 1" id="Quantity_11 " value="<?php echo
$row_Recordset1['Quantity11']; ?>" onblur="javascr ipt:
calculate(this. id);">
<INPUT type="text" style="LEFT: 506; text-align: right; WIDTH: 86px;
COLOR: #000000;POSITIO N: absolute; TOP: 489; HEIGHT: 19px;
BACKGROUND-COLOR: transparent; FONT-FAMILY:MS Sans Serif;
FONT-SIZE:8pt;" name="Quantity1 2" id="Quantity_12 " value="<?php echo
$row_Recordset1['Quantity11']; ?>" onblur="javascr ipt:
calculate(this. id);">
<INPUT type="text" style="LEFT: 493; text-align: right; WIDTH:
100px; COLOR: #000000;POSITIO N: absolute; TOP: 518; HEIGHT: 19px;
BACKGROUND-COLOR: transparent; FONT-FAMILY:MS Sans Serif;
FONT-SIZE:8pt;" name="Totals1" id="Totals1" value="<?php echo
$row_Recordset1['Totals1']; ?>">
</form>
</body>
</html>