0

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>

Edited by azegurb: n/a

1
Contributor
1
Reply
4
Views
8 Years
Discussion Span
Last Post by azegurb
0

if it is really hard let it stays
Thanks thanks thanks
if possible i will wait your reply

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.