20/02/2012, 11:10
|
| | | Fecha de Ingreso: febrero-2012
Mensajes: 58
Antigüedad: 12 años, 10 meses Puntos: 1 | |
Respuesta: necesito hacer una tabla editable en html y que el usuario pueda ingresar Mira esto es lo que tengo ahora, pero esto es con javascript y html, hay alguna forma de acondicionar esto para que saque el promedio y lo pueda guardar en la base de datos?
El siguiente es el código:
<html>
<head>
<title>sample dynamic select list</title>
<script type="text/javascript">
function getColumnCount()
{
return document.getElementById('myTable').getElementsByTa gName('tr')[0].getElementsByTagName('td').length;
}
function getRowCount()
{
return document.getElementById('myTable').rows.length;
}
function doAdd(ths)
{
//alert(ths.parentNode.cellIndex);
//alert(getColumnCount());
var lastCol = getColumnCount()-1;
var lastRow = getRowCount()-1;
//for Column Sum
var table = document.getElementById("myTable");
var row = table.rows[ths.parentNode.parentNode.rowIndex];
var colSum=0;
for(var i=0;i<lastCol;i++)
colSum=eval(colSum) + eval(row.cells[i].childNodes[0].value);
row.cells[lastCol].innerHTML = colSum;
//for Row Sum
var cIndex = ths.parentNode.cellIndex;
//alert(cIndex);
var rowSum = 0;
for(var i=0;i<lastRow;i++)
rowSum = eval(rowSum) + parseInt(table.rows[i].cells[cIndex].childNodes[0].value);
table.rows[lastRow].cells[cIndex].innerHTML = rowSum;
//for the final Value in the last row last column
var finSum = 0;
for(var i=0;i<lastRow;i++)
finSum = eval(finSum) + parseInt(table.rows[i].cells[lastCol].innerHTML);
for(var i=0;i<lastCol;i++)
finSum=eval(finSum)/*+ eval(table.rows[lastRow].cells[i].innerHTML)*/;
table.rows[lastRow].cells[lastCol].innerHTML = finSum;
}
</script>
</head>
<body>
<table cellspacing="0" cellpadding="0" width="100%" border="1" id="myTable">
<tr>
<td><input type="text" value="0" onchange="doAdd(this)"></td>
<td><input type="text" value="0" onchange="doAdd(this)"></td>
<td><input type="text" value="0" onchange="doAdd(this)"></td>
<td><input type="text" value="0" onchange="doAdd(this)"></td>
<td><input type="text" value="0" onchange="doAdd(this)"></td>
<td>0</td>
</tr>
<tr>
<td><input type="text" value="0" onchange="doAdd(this)"></td>
<td><input type="text" value="0" onchange="doAdd(this)"></td>
<td><input type="text" value="0" onchange="doAdd(this)"></td>
<td><input type="text" value="0" onchange="doAdd(this)"></td>
<td><input type="text" value="0" onchange="doAdd(this)"></td>
<td>0</td>
</tr>
<tr>
<td><input type="text" value="0" onchange="doAdd(this)"></td>
<td><input type="text" value="0" onchange="doAdd(this)"></td>
<td><input type="text" value="0" onchange="doAdd(this)"></td>
<td><input type="text" value="0" onchange="doAdd(this)"></td>
<td><input type="text" value="0" onchange="doAdd(this)"></td>
<td>0</td>
</tr>
<tr>
<td><input type="text" value="0" onchange="doAdd(this)"></td>
<td><input type="text" value="0" onchange="doAdd(this)"></td>
<td><input type="text" value="0" onchange="doAdd(this)"></td>
<td><input type="text" value="0" onchange="doAdd(this)"></td>
<td><input type="text" value="0" onchange="doAdd(this)"></td>
<td>0</td>
</tr>
<tr>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
</table>
</body>
</html>
Gracias... |