Crear funcion que sume todos los campos por ID [Asesoramiento]

[SirDuque]

Hola chicos, es posible crear (o utilizar una funcion existente), que sume todos los campos que tengan el mismo ID.

Se sumar dos campos, pero la funciona llama los campos que quiero que sume, yo quiero poner 100 campos, y solo los que complete se sumen es posible que un script, que levante todos los valores de todo el form cullo ID sea el mismo???

agradesco toda INFO o LINK al respecto... ;)

[javiercitox]

:/ si pones id = creo q no te va a correr...
debes recorrer el formulario ELEMENTO por ELEMENTO y comprobar si el value != "" si es verdadero lo sumas si no pasas al siguiente...

[ocp001a]

No se debe crear campos con el mismo id, pues por naturaleza este debe ser único. Podrías asignar un id más un numero, ejemplo: campo_1 campo_2... campo_100, aunque no creo que esto te de lo que esperas, pues según dices, la suma o proceso se hará con aquellos que se completen, así que imagino que la condicionante es el contenido de los campos y no el id. Deberías aclarar un poco más qué deseas hacer.

[javiercitox]

tienes razon en generar id del estilo "campo_x".... mira esto es basicamente lo q t digo

Código Javascript:

var cont = 0;
for (i=0 ; i<document.forms[0].length ; i++){
              if(document.forms[0].elements[i].value != ""){
                       cont= cont+ document.forms[0].elements[i].value;
               }
}
 

[SirDuque]

Bueno puedo poner lo siguiente..

La cantidad de campos, lo genera un script.
el campo por defecto (el primero) lo podriamos llamar

name="sub_1" id="sub_1"

a medida que generan campos un variable ya tienen el numero del proximo campo a crear

name="sub_2" id="sub_2"
name="sub_3" id="sub_3"
name="sub_4" id="sub_4"
name="sub_5" id="sub_5"

esta variable se llama indice, por defecto esta defenida en 2:

var indice=2;

Ahora lo que pregunta ocp001a....

....en aclarar que voy hacer...

es un form de compra, en donde compras un producto
lo que si no tiene limite de cantidad de lineas.

el calculo de cantidad por precio unitario esta echo, y te deja el valor en sub_1
ahora yo lo que necesito es tener un campo llamado total y dejar la suma de todos los sub.

espero dejar el panorama mas claro, y saber si puedo aplicar lo javiercitox...

espero su respuesta chicos :D

[mko]

bien, creo que ya te agarre la onda quiere sumar a final de la consulta el total neto de todos los subtotales si estoy en lo correcto es asi si no pos no entendi la la onda
:::::::::::::::::::::::::::::::::::::::

esto la cantidad total de ventas en base a una fecha de busqueda...modifica segun tu necesidad

aqui tu conoccion....



$registros=mysql_query("select compania,distribuidor,pieza,precio,can,fecha from VENTA WHERE fecha='$[fecha]'") or
die("Error de conexion");

if ($row = mysql_fetch_array($registros)){
$to=0;
echo "<table border='1'>";
echo "VENTAS DEL MES DE:<font size= '5' color='blue'>".$row["fecha"]."</font>";
echo "<tr>";
echo "<td><font size='2' color='black'>DISTRIBUIDOR</font></td>
<td><font size='2' color='black'>CVE_SEGURO</font></td>
<td><font size='2' color='black'>PIEZA</font></td>
<td><font size='2' color='black'>PRECIO</font></td>
<td><font size='2' color='black'>CAN</font></td>
<td><font size='2' color='black'>SUBTOTAL</font></td>";
echo "</tr>";
do {

echo "<tr>";
echo "<td><font size= '4' color='blue'>".$row["distribuidor"]."</font></td>
<td><font size= '4' color='blue'>".$row["compania"]."</font></td>
<td><font size= '4' color='blue'>".$row["pieza"]."</font></td>
<td><font size= '4' color='blue'>".$row["precio"]."</font></td>
<td><font size= '4' color='blue'>".$row["can"]."</font></td>
<td><font size= '4' color='blue'>".$sub=$row["precio"]*$row["can"]."</font></td>";
echo "</tr>";
$total += $sub;

} while ($row = mssql_fetch_array($registros));

echo "<tr>";
echo "<td><font size= '4' color='red'></font></td>
<td><font size= '4' color='red'></font></td>
<td><font size= '4' color='red'></font></td>
<td><font size= '4' color='red'></font></td>
<td><font size= '4' color='red'>TOTAL:</font></td>
<td><div align='right'><font size= '4' color='006600'>".$total."</font></div></td>
<td><font size= '4' color='blue'></font></td>";
echo "</tr>";

echo "</table> \n";
}






si te das cuanta

$total += $sub; lo que hace es acumular todos los subtotales


espero sea lo que buscabas

[SirDuque]

mko si quiero sumar el total de todo los campos, pero no es una consulta, es javascript y es del lado del cliente, es un form de compra, y la idea es mostrar el total de la suma de los campos SUB, cada vez que se agrege un campo y se complete su interior, automaticamente se completa el campo SUB_[x] pero como no se cuantos SUB voy a tener, necesito una funcion que recalcule todos los sub cada vez que se llene un linea.

[SirDuque]

javiercitox la verdad no se como utilizar tu codigo
si bien apenas lo pege en mi codigo note que funciona pero tengo que retocarlo.
le agrege en rojo las toques que le di....
en total5 me pone todooooos los values del form, solo tendria que detallar que solo tome los input name="subt[x]" id="subt[x]"

Iniciado por javiercitox

tienes razon en generar id del estilo "campo_x".... mira esto es basicamente lo q t digo

Código:

var cont = 0;
for (i=0 ; i<document.forms[0].length ; i++){
              if(document.forms[0].elements[i].value != ""){
                       cont= cont+ document.forms[0].elements[i].value;
               }
}
document.venta.total5.value=cont;
} 

un ejemplo como me completa el campo total5:

Código:

011111potato21.4364121211111potato21.4364121211111potato21.4364121211111potato21.4364121200011111potato21.4364121211111potato21.4364121211111potato21.436412120000011111potato21.4364121211111potato21.43641212000000011111potato21.43641212000000000000000000000000CancelarEmitirCancelarEmitirCancelarEmitirCancelarEmitirCancelarEmitirCancelarEmitirCancelarEmitirCancelarEmitirCancelarEmitir

[javiercitox]

puedes poner el html de tu codigo???
es una cosa de modificar el indice de elements en la función o bien llamarla por el id del elemento...

[IsaBelM]

un ejemplo como me completa el campo total5:

es por que se está concadenando, en vez de sumando. usa parseInt

[SirDuque]

Código HTML:

<html>
<head>
<title>Documento sin t&iacute;tulo</title>
</head>
 
<body>
<table width="547">
 
 
  <tr>
    <td width="32"><input name="can1" type="text" id="can1" value="1" size="3" maxlength="2" autocomplete="off"/></td>
    <td width="84"><input  name="cod1" type="text" id="cod1" size="14" maxlength="13" autocomplete="off" /></td>
    <td width="330"><input  name="des1" type="text" id="des1" size="55" maxlength="50" autocomplete="off" readonly="readonly"/></td>
    <td width="37"><input  name="uni1" type="text" id="uni1" size="6" maxlength="4" autocomplete="off" value="12" readonly="readonly"/></td>
    <td width="40"><input  name="sub1" type="text" id="sub1" value="12" size="6" maxlength="5" readonly="readonly" autocomplete="off"/></td>
  </tr>
  
    <tr>
    <td><input  name="can2" type="text" id="can2" value="2" size="3" maxlength="2" autocomplete="off"/></td>
    <td><input  name="cod2" type="text" id="cod2" size="14" maxlength="13" autocomplete="off"/></td>
    <td><input  name="des2" type="text" id="des2" size="55" maxlength="50" autocomplete="off" readonly="readonly"/></td>
    <td><input  name="uni2" type="text" id="uni2" size="6" maxlength="4" autocomplete="off" value="12" readonly="readonly"/></td>
    <td><input  name="sub2" type="text" id="sub2" size="6" maxlength="5" value="24" readonly="readonly" autocomplete="off"/></td>
  </tr>
  
    <tr>
    <td><input  name="can3" type="text" id="can3" value="2" size="3" maxlength="2" autocomplete="off"/></td>
    <td><input  name="cod3" type="text" id="cod3" size="14" maxlength="13" autocomplete="off"/></td>
    <td><input  name="des3" type="text" id="des3" size="55" maxlength="50" autocomplete="off" readonly="readonly"/></td>
    <td><input  name="uni3" type="text" id="uni3" size="6" maxlength="4" value="16" autocomplete="off"/></td>
    <td><input  name="sub3" type="text" id="sub3" size="6" value="32" autocomplete="off"/></td>
  </tr>
  
   <tr>
    <td><input  name="can4" type="text" id="can4" size="3" maxlength="2" autocomplete="off"/></td>
    <td><input  name="cod4" type="text" id="cod4" size="14" maxlength="13" autocomplete="off"/></td>
    <td><input  name="des4" type="text" id="des4" size="55" maxlength="50" autocomplete="off" readonly="readonly"/></td>
    <td><input  name="uni4" type="text" id="uni4" size="6" maxlength="4" autocomplete="off"/></td>
    <td><input  name="sub4" type="text" id="sub4" size="6" value="0" autocomplete="off"/></td>
  </tr>
  
   <tr>
    <td><input  name="can5" type="text" id="can5" value="1" size="3" maxlength="2" autocomplete="off"/></td>
    <td><input  name="cod5" type="text" id="cod5" size="14" maxlength="13" autocomplete="off"/></td>
    <td><input  name="des5" type="text" id="des5" size="55" maxlength="50" autocomplete="off" readonly="readonly"/></td>
    <td><input  name="uni5" type="text" id="uni5" size="6" maxlength="4" value="24" autocomplete="off"/></td>
    <td><input  name="sub5" type="text" id="sub5" size="6" value="24" autocomplete="off"/></td>
  </tr><tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td><input type="text" name="total5" id="total5" size="6" value="0" autocomplete="off" readonly="readonly"/></td>
  </tr>
</table>
</body>
</html>
 

Este es un ejemplo de como es el html, lo limpie lo mas posible para que se bien claro...

IsaBelM no se como poner parselnt (me imagino que la definicion de una variable).
Tenes algun ejemplo para mostrarme?

[IsaBelM]

función parseInt()

[SirDuque]

puse el parseInt() en el contador, y me dio esto:4681
dejo el script y una imagen aver si se entiende lo que estoy buscando, gracias por la mano

Código Javascript:

<script>
function totall(totallll){
var cont = 0;
for (i=1 ; i<document.forms[0].length ; i++){
              if(document.forms[0].elements[i].value != ""){
                       cont= cont+ document.forms[0].elements[i].value;
               }
}
document.venta.total5.value=parseInt(cont);
}
</script>
 

[SirDuque]

ak dejo un html de como va este tema, con un copy paste puede ver el problema.

:(

Código Javascript:

<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<script>
function totall(totallll){
var cont = 0;
for (i=1 ; i<document.forms[0].length ; i++){
              if(document.forms[0].elements[i].value != ""){
                       cont= cont+ document.forms[0].elements[i].value;
               }
}
document.venta.total5.value=parseInt(cont);
}
</script>
</head>
 
<body>
<form name="venta">
<table width="547">
 
 
  <tr>
    <td width="32"><input name="can1" type="text" id="can1" value="1" size="3" maxlength="2" autocomplete="off"/></td>
    <td width="84"><input  name="cod1" type="text" id="cod1" size="14" maxlength="13" autocomplete="off" /></td>
    <td width="330"><input  name="des1" type="text" id="des1" size="55" maxlength="50" autocomplete="off" readonly="readonly"/></td>
    <td width="37"><input  name="uni1" type="text" id="uni1" size="6" maxlength="4" autocomplete="off" value="12" readonly="readonly"/></td>
    <td width="40"><input  name="sub1" type="text" id="sub1" value="12" size="6" maxlength="5" readonly="readonly" autocomplete="off"/></td>
  </tr>
  
    <tr>
    <td><input  name="can2" type="text" id="can2" value="2" size="3" maxlength="2" autocomplete="off"/></td>
    <td><input  name="cod2" type="text" id="cod2" size="14" maxlength="13" autocomplete="off"/></td>
    <td><input  name="des2" type="text" id="des2" size="55" maxlength="50" autocomplete="off" readonly="readonly"/></td>
    <td><input  name="uni2" type="text" id="uni2" size="6" maxlength="4" autocomplete="off" value="12" readonly="readonly"/></td>
    <td><input  name="sub2" type="text" id="sub2" size="6" maxlength="5" value="24" readonly="readonly" autocomplete="off"/></td>
  </tr>
  
    <tr>
    <td><input  name="can3" type="text" id="can3" value="2" size="3" maxlength="2" autocomplete="off"/></td>
    <td><input  name="cod3" type="text" id="cod3" size="14" maxlength="13" autocomplete="off"/></td>
    <td><input  name="des3" type="text" id="des3" size="55" maxlength="50" autocomplete="off" readonly="readonly"/></td>
    <td><input  name="uni3" type="text" id="uni3" size="6" maxlength="4" value="16" autocomplete="off"/></td>
    <td><input  name="sub3" type="text" id="sub3" size="6" value="32" autocomplete="off"/></td>
  </tr>
  
   <tr>
    <td><input  name="can4" type="text" id="can4" size="3" maxlength="2" autocomplete="off"/></td>
    <td><input  name="cod4" type="text" id="cod4" size="14" maxlength="13" autocomplete="off"/></td>
    <td><input  name="des4" type="text" id="des4" size="55" maxlength="50" autocomplete="off" readonly="readonly"/></td>
    <td><input  name="uni4" type="text" id="uni4" size="6" maxlength="4" autocomplete="off"/></td>
    <td><input  name="sub4" type="text" id="sub4" size="6" value="0" autocomplete="off"/></td>
  </tr>
  
   <tr>
    <td><input  name="can5" type="text" id="can5" value="1" size="3" maxlength="2" autocomplete="off"/></td>
    <td><input  name="cod5" type="text" id="cod5" size="14" maxlength="13" autocomplete="off"/></td>
    <td><input  name="des5" type="text" id="des5" size="55" maxlength="50" autocomplete="off" readonly="readonly"/></td>
    <td><input  name="uni5" type="text" id="uni5" size="6" maxlength="4" value="24" autocomplete="off"/></td>
    <td><input  name="sub5" type="text" id="sub5" size="6" value="24" autocomplete="off"/></td>
  </tr><tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td><input type="text" name="total5" id="total5" size="6" value="0" autocomplete="off" readonly="readonly"/></td>
  </tr>
</table>
<input type="button" name="button" id="button" onClick="totall(total5);" value="Calcular">
 
</form>
</body>
</html>
 

[javiercitox]

Iniciado por IsaBelM

función parseInt()

gracias IsaBelM...

finalmente.....

Código Javascript:

<script>
function total(){
var cont = 0;
for (i=4 ; i<document.forms[0].length ; i=i+5){
              if(document.forms[0].elements[i].value != ""){
                       cont= cont+parseInt( document.forms[0].elements[i].value);
               }
}
document.forms[0].total5.value=cont;
}
</script>
 

era lo q te mencionaba, solo debias contar los campos de la ultima columna, para eso inicializo i en 4 y le voy sumando 5 ;)

[SirDuque]

Iniciado por javiercitox

gracias IsaBelM...

finalmente.....

Código Javascript:

<script>
function total(){
var cont = 0;
for (i=4 ; i<document.forms[0].length ; i=i+5){
              if(document.forms[0].elements[i].value != ""){
                       cont= cont+parseInt( document.forms[0].elements[i].value);
               }
}
document.forms[0].total5.value=cont;
}
</script>
 

era lo q te mencionaba, solo debias contar los campos de la ultima columna, para eso inicializo i en 4 y le voy sumando 5 ;)

Hola, hice esas modificaciones, y el script es detenido por IE por la demora, ademas cuelga todo el SO....
y por ende no tira el resultado :(

[SirDuque]

hice un copy paste y si funciona bien xD

[SirDuque]

Chicos, tengo un problemaaaaaaaaaaaaa!!!!
puse el script en la hoja original donde tengo muchisimos scripts....
y calcula pero invierte los numeros, un ejemplo

si calculo 12 y 12
me da 42 si calculo 12 solo me da 21....
todos los calculos que probe estan bien, solo que a los numeros dentro del campo que estamos contando, los invierte.....

para que quede claro...
al 12 me lo toma como 21....
que puede ser?, cambie el nombre de las variables para que no se confunda con otro script

[SirDuque]

Listo entendi mal el consepto, del codigo, ya lo solucione, tenia que tener en cuenta los campos hidden y anteriores al campo inicial a contar. xD gracias javiercitox

[IsaBelM]

retocando un poco la función

function total(){
var cont = 0;
for (var i=4, campo = document.forms[0]; i<campo.elements.length ; i+=5){
              if(campo.elements[i].value != "" || campo.elements[i].value != 0){
                       cont= cont + parseInt(campo.elements[i].value);
               }
}
document.forms[0].total5.value=cont;
}

[SirDuque]

Iniciado por IsaBelM

function total(){
var cont = 0;
for (var i=4, campo = document.forms[0]; i<campo.elements.length ; i+=5){
if(campo.elements[i].value != "" || campo.elements[i].value != 0){
cont= cont + parseInt(campo.elements[i].value);
}
}
document.forms[0].total5.value=cont;
}

y en que mejoro?
(para saber y entender mas)

[IsaBelM]

ya no estás pidiendo una vez tras otra document.forms[0], ahora se guarda en una variable. en cuanto a la iteración no se si mejora el rendimiento, al menos no lo empeora

[SirDuque]

Iniciado por IsaBelM

ya no estás pidiendo una vez tras otra document.forms[0], ahora se guarda en una variable. en cuanto a la iteración no se si mejora el rendimiento, al menos no lo empeora

Lo probe en el embrollo de codigos y funcion 10 puntos xD

[SirDuque]

Hay un problema!!!!

el parseInt maneja numeros enteros, y tengo decimales con "."

3.5 lo toma como 3
si le saco parseInt toma el 3.5 por 03.55555

[mko]

cambia esto:
cont= cont + parseInt(campo.elements[i].value);

por esto y listo:
cont= cont + parseFloat(campo.elements[i].value);

[IsaBelM]

usa parseFloat() y toFixed() para la cantidad de decimales que quieres que se muestren

[Huacho12]

Hola!!!!

Mira checa este ejemplo:

http://www.forosdelweb.com/f13/suma-...-total-882735/


Saludos

[SirDuque]

gracias chicos!