Sumar 2 columnas en una tercera

teudiss · #1 (**permalink**) 25/05/2012, 01:57

Necesito sumar dos columnas de 30 de filas para que me de el resultado en una tercera columna tambien de 30 filas: ejemplo

5 + 6 = 11
1 + 4 = 5
....etc

tengo el siguiente codigo, pero solo funciona la primera fila, pero no se como hacer para que funcione las siguiente.

Codigo Php:

Código PHP:

   
function Sumar(){   

      interval = setInterval("calcular()",1);  

      

      // SUMAR *******************

}   

function calcular()

{ uno = document.formulario.textfield1.value;  

 dos = document.formulario.textfield1_.value; 

 document.formulario.textfield1_2.value = (uno * 1) + (dos * 1);   }   

  

 
function NoSumar(){   

      clearInterval(interval);   

}

Codigo html de los 3 texfield:

Código HTML:

<input  name="textfield1" type="text" class="input" onKeypress="numero()" id="textfield1" onfocus="Sumar();" onblur="NoSumar();"  maxlength="2"  >

<input  name="textfield1_" type="text" class="inputsin" onkeypress="numero()" id="textfield1_" onfocus="Sumar();" onblur="NoSumar();"  maxlength="2" />

<input  name="textfield1_2" type="text" class="inputsin" onkeypress="numero()" id="textfield1_2" onfocus="Sumar();" onblur="NoSumar();"  maxlength="2" />

diamari · #2 (**permalink**) 25/05/2012, 11:45

Lo primero que tienes que hacer alterar tu función de calcular para que este funcione con mas de un input. Puedes utiliza métodos de nombres (como hiciste aquí) o utilizar arreglos.

Como ya tienes un formato de nombrarlos y todos tienen id yo utilizaría getElementById junto a un for o otro bucle para procesarlos todos.

skiper0125 · #3 (**permalink**) 25/05/2012, 12:42

Cita:

Iniciado por teudiss

Necesito sumar dos columnas de 30 de filas para que me de el resultado en una tercera columna tambien de 30 filas: ejemplo

5 + 6 = 11
1 + 4 = 5
....etc

Hola que tal.

Hace tiempo realice algo parecido ....

.... te dejo este ejemplo para que lo analices. Espero te sirva de algo.

Código PHP:

Ver original<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">
        function suma(arrastre)
        {
            var error = '';
            var d1 = document.getElementById("dato_uno_"+arrastre).value;
            var d2 = document.getElementById("dato_dos_"+arrastre).value;
            
            if( d1 == '')
            {
                error +='el Número 1 de la operación ' + arrastre +' debe estar lleno\n';
            }
            else
            {
                if(isNaN(d1)==true)
                {
                    error +='el Número 1 de la operación ' + arrastre +' debe ser numerico\n';
                }               
            }
            
            if( d2 == '')
            {
                error +='el Número 2 de la operación ' + arrastre +' debe estar lleno\n';
            }
            else
            {
                if(isNaN(d2)==true)
                {
                    error +='el Número 2 de la operación ' + arrastre +' debe ser numerico\n';
                }               
            }
            
            if( error != '')
            {
                alert(error);
            }else
            {
                document.getElementById("resul_"+arrastre).value = parseFloat(d1) + parseFloat(d2);
            }
        }
    </script>
</head>
<body>
</body>
<?php
    for($i=1;$i<=10;$i++)
    {
        echo " Operaci&oacute;n $i .- 
            N&uacute;mero 1:<input type=\"text\" name=\"dato_uno_$i\" id=\"dato_uno_$i\">
            N&uacute;mero 2:<input type=\"text\" name=\"dato_dos_$i\" id=\"dato_dos_$i\">
            Resultado<input type=\"text\" name=\"resul_$i\" id=\"resul_$i\"><input type=\"button\" value=\"suma\" onClick=\"suma($i);\"><br>";  
    }
?>
</html>

Saludos