sumas es tiempo real

amils21 · #1 (**permalink**) 20/10/2011, 13:42

plis tengo que sacar la suma de resultado1 resultado2 resultado3 pero solo suma resultado1 y resultado 2
en la función
fncSumar('resultado1','resultado2','resultado');
lo hice así y no me saca nada todo esto tiene que ser en tiempo real
y la verdad se poco de javscrip ayuda plis
intente algunas cosa sy nada todavia

Código PHP:

  <html>
<head> SUMA DE 2 NUMEROS</head>
<body>
<script>
function fncSumar(caja1, caja2, destino){
caja=document.forms["sumar"].elements;
var numero1 = Number(caja[caja1].value);
var numero2 = Number(caja[caja2].value);
resultado=numero1+numero2;
    if(!isNaN(resultado))
    {
        caja[destino].value=numero1+numero2;
        if(caja1!="resultado1")
        {
            fncSumar('resultado1','resultado2','resultado');
        }    
    }
}
</script>
<form method="post" name="sumar">
<table>
<tr>
<td>
Primer numero: <input type="text" name="numero1" size="2" onKeyUp="fncSumar('numero1', 'numero2', 'resultado1')" />
Segundo numero: <input type="text" name="numero2" size="2" onKeyUp="fncSumar('numero1', 'numero2', 'resultado1')"/>
Resultado parcial1: <input type="text" name="resultado1" readonly="readonly"/>
</td>
</tr>
<tr>
<td>
tercer numero: <input type="text" name="numero3" size="2" onKeyUp="fncSumar('numero3', 'numero4', 'resultado2')" />
cuarto numero: <input type="text" name="numero4" size="2" onKeyUp="fncSumar('numero3', 'numero4', 'resultado2')" />
Resultado parcial2: <input type="text" name="resultado2" readonly="readonly"/>
</td>
</tr>
<tr>
<td>
quinto numero: <input type="text" name="numero5" size="2" onKeyUp="fncSumar('numero5', 'numero6', 'resultado3')" />
sexto numero: <input type="text" name="numero6" size="2" onKeyUp="fncSumar('numero5', 'numero6', 'resultado3')" />
Resultado parcial3: <input type="text" name="resultado3" readonly="readonly"/>
</td>
</tr>
<tr>
<td>
Resultado total: <input type="text" name="resultado" readonly="readonly"/>
</td>
</tr>
</table>
</form>
</body>
</html>

quimfv · #2 (**permalink**) 21/10/2011, 10:52

Código HTML:

Ver original<html>
<head>SUMA DE 2 NUMEROS
</head>
<body>
<script>
function fncSumar(caja1, caja2, destino){
caja=document.getElementsByName("resultado");
document.getElementById(destino).value=Number(document.getElementById(caja1).value)+ Number(document.getElementById(caja2).value);
document.getElementById('total').value=0;
for(i=0;i<caja.length;i++){
    document.getElementById('total').value=Number(document.getElementById('total').value)+Number(caja[i].value);        
}
}
</script>
<form method="post" name="sumar">
  <table>
    <tr>
      <td> Primer numero:
        <input type="text" name="numero1" id="numero1" size="2" onKeyUp="fncSumar('numero1', 'numero2', 'resultado1')" />
        Segundo numero:
        <input type="text" name="numero2" id="numero2" size="2" onKeyUp="fncSumar('numero1', 'numero2', 'resultado1')"/>
        Resultado parcial1:
        <input type="text" name="resultado" id="resultado1" readonly="readonly"/>
      </td>
    </tr>
    <tr>
      <td> tercer numero:
        <input type="text" name="numero3" id="numero3" size="2" onKeyUp="fncSumar('numero3', 'numero4', 'resultado2')" />
        cuarto numero:
        <input type="text" name="numero4" id="numero4" size="2" onKeyUp="fncSumar('numero3', 'numero4', 'resultado2')" />
        Resultado parcial2:
        <input type="text" name="resultado" id="resultado2" readonly="readonly"/>
      </td>
    </tr>
    <tr>
      <td> quinto numero:
        <input type="text" name="numero5" id="numero5" size="2" onKeyUp="fncSumar('numero5', 'numero6', 'resultado3')" />
        sexto numero:
        <input type="text" name="numero6" id="numero6" size="2" onKeyUp="fncSumar('numero5', 'numero6', 'resultado3')" />
        Resultado parcial3:
        <input type="text" name="resultado" id="resultado3" readonly="readonly"/>
      </td>
    </tr>
    <tr>
      <td> Resultado total:
        <input type="text" name="total" id="total" readonly="readonly"/>
      </td>
    </tr>
  </table>
</form>
</body>
</html>

Una solución...

Puedes ampliar el numero de subtotales y sus componentes indefinidamente siempre que tengan nombre name="resultado" y identificador id="resultadoN" donde N siempre es diferente.

amils21 · #3 (**permalink**) 24/10/2011, 13:43

gracias me sirvio el codigo