Código javascript
:
Ver originalCálculos:
<div style='display:none' id='resultadosdeDB'>1,56,7,10</div>
<form name="autoSumForm"></form>
<script>
RESULTADOS_DE_DB = document.getElementById('resultadosdeDB').textContent;
RESULTADOS_DE_DB = RESULTADOS_DE_DB.split(',') // convierte en array
function Sumas(nombre_form){
var d = document, f = d.forms[nombre_form], i, Create = function(tag){return d.createElement(tag)}, Text = function(s){return d.createTextNode(s)},
keyFn = function(Prim,Seg,Ter){ // Proceso de suma
Sum = function(){
Ter.value = (parseInt(Prim.value,10) || 0) + (parseInt(Seg.value,10) || 0)
}
Seg.onkeyup = Sum; Ter.onfocus = Sum; Ter.onblur = Sum
}
for(i=0,l=RESULTADOS_DE_DB.length;i<l;i++){
var Prim = Create('input'), Seg = Create('input'), Ter = Create('input'),
Mas = Create('span'), Igual = Create('span')
Mas.appendChild(Text(' + ')); Igual.appendChild(Text(' = '))
Prim.value = RESULTADOS_DE_DB[i]
f.appendChild(Prim) // Primera Caja
f.appendChild(Mas) // +
f.appendChild(Seg) // Segunda Caja
f.appendChild(Igual) // =
f.appendChild(Ter) // Tercera Caja
f.appendChild(d.createElement('br')) // <br/>
keyFn(Prim,Seg,Ter) // Sumar al teclear, salir de la caja, seleccionar caja...
}
}
Sumas('autoSumForm')
</script>
Por cierto el interval que usas hace que se ejecute la función de suma cada milisegundo, imagina cuando a de trabajar el script.
Los métodos que te e puesto suman los valores cuando se teclea en las cajas de texto.