Salve ragazzi vorrei sapere come posso, data una tabella con 4 righe composte da 4 form ognuna, renderla dinamica nel senso che inserendo un prezzo in un form automaticamente mi calcola il totale anche ai form delle righe successive.
Spero di essere stato chiaro, pertanto posto il codice, grazie mille in anticipo.
<html>
<head>
</head>
<body onload="calc();">
<script language="javascript" type="text/javascript">
function startCalc(){
interval = setInterval("calc()",1);
}
function calc(){
pb1 = document.formSommatoria.prezzoBase_1.value;
com1 = document.formSommatoria.commissione_1.value;
document.formSommatoria.prezzo_1.value = (pb1 * 1)+(com1 * 1);
pb2 = document.formSommatoria.prezzoBase_2.value;
com2 = document.formSommatoria.commissione_2.value;
document.formSommatoria.prezzo_2.value = (pb2 * 1)+(com2 * 1);
pb3 = document.formSommatoria.prezzoBase_3.value;
com3 = document.formSommatoria.commissione_3.value;
document.formSommatoria.prezzo_3.value = (pb3 * 1)+(com3 * 1);
pb4 = document.formSommatoria.prezzoBase_4.value;
com4 = document.formSommatoria.commissione_4.value;
document.formSommatoria.prezzo_4.value = (pb4 * 1)+(com4 * 1);
}
function stopCalc(){
clearInterval(interval);
}
</script>
<table>
<form name="formSommatoria">
<tr id="titolo_campo">
<td>txt</td>
<td>price</td>
<td>empty</td>
<td>tot</td>
</tr>
<tr>
<td>MAT 1</td>
<td><input type=text name="prezzoBase_1" value="150" onBlur="stopCalc();" disabled> </td>
<td><input type=text name="commissione_1" value="" onFocus="startCalc();"onBlur="stopCalc();"></td>
<td>= <input type=text name="prezzo_1" value disabled>
</tr>
<tr>
<td>MAT 2</td>
<td><input type=text name="prezzoBase_2" value="150" onBlur="stopCalc();" disabled> </td>
<td><input type=text name="commissione_2" value="" onFocus="startCalc();"onBlur="stopCalc();"></td>
<td>= <input type=text name="prezzo_2" value disabled>
</tr>
<tr>
<td>MAT 3</td>
<td><input type=text name="prezzoBase_3" value="150" onBlur="stopCalc();" disabled> </td>
<td><input type=text name="commissione_3" value="" onFocus="startCalc();"onBlur="stopCalc();"></td>
<td>= <input type=text name="prezzo_3" value disabled>
</tr>
<tr>
<td>MAT 4</td>
<td><input type=text name="prezzoBase_4" value="150" onBlur="stopCalc();" disabled> </td>
<td><input type=text name="commissione_4" value="" onFocus="startCalc();"onBlur="stopCalc();"></td>
<td>= <input type=text name="prezzo_4" value disabled>
</tr>
</form>
</table>
</body>
</html>