hi all
i have two columns table and this table is dynamic
when clicked add button it automatically adds rows
i would like to sum values separetly
for ex: when i clicked sum-column1 button let it sums only column1
or when i clicked sum-column2 button let it sums only column2
here is code
<html><head><title>dinamik sheet</title>
<script>
function addrow(){
var tbl=document.getElementById('sheet');
var lastrow=tbl.rows.length;
var iteration=lastrow;
var row=tbl.insertRow(lastrow);
var cellLeft=row.insertCell(0);
var textNode=document.createTextNode(iteration);
cellLeft.appendChild(textNode);
var cellRight=row.insertCell(1);
var el=document.createElement('input');
el.type='text';
el.name='txtRow'+iteration;
el.size=40;
el.setAttribute('sumMe',"1");
cellRight.appendChild(el);
var cellRight2=row.insertCell(2);
var el1=document.createElement('input');
el1.type='text';
el1.name='txtRowe'+iteration;
el1.size=40;
el1.setAttribute('sumMe',"1");
cellRight2.appendChild(el1);
var cellRightsel=row.insertCell(3);
var sel=document.createElement('select');
sel.name='selRow'+iteration;
sel.options[0]=new Option('10%','value0');
sel.options[1]=new Option('20%','value1');
sel.options[2]=new Option('30%','value2');
cellRightsel.appendChild(sel);
var cellRightsel2=row.insertCell(4);
var sel1=document.createElement('input');
;
}
</script>
</head>
<body>
<form name="eval_edit" method="POST">
<table align="center" width="75%">
<tr>
<td align="cent
\\\\\\\\\er">Balance sheet</td></tr>
<tr><td align="center">
<table border="1" id="sheet"><tr><td>object</td><td>Income</td><td>Tax from income</td><td>instruktor</td></tr>
<tr><td>1</td>
<td><input type="text" name="txtrow1" id="txtrow1" size="40"/></td><td><input type="text" name="txtrowe" id="txtrowe" size="40"/></td>
<td><select name="selRow0">
<option value="value0">10%</option>
<option value="value1">20%</option>
<option value="value2">30%</option></select></td></tr></table>
SUM-column1<input name="total" type="text"/>SUM-column2<input name="total1" type="text"/>
<input type="button" value="Add" onclick="addrow()" />
<input type="button" value="Remove" onclick="removeRow()" />
<input type="button" value="SUM-column1" onClick="sum1()"/>
<input type="button" value="SUM-column2" onClick="sum2()"/>
<input type="submit" value="Submit" />
</td>
</tr>
</table>
</form>
</body>
</html>