duda con suma de campos generados por php y myql

[dinamo]

hola amigos de foros del web tengo la siguiente duda genero un formulario a traves de una consulta por mysql haciendo una tabla con los articulos pero quisier hacer una suma y un total con los datos entregados pero como no conosco cuantos valores se muestran se me ha hecho dificil realizar esta tarea no se si me explico bien

saludos!!!

[David]

Depende de cómo devuelves el HTML. Por ejemplo, pudieras con PHP imprimir en una variable el total de registros, o dependiendo de cómo tienes los ids o names de los elementos puedes hacer un for que vaya recorriendo hasta que encuentre el final.

[dinamo]

mira para identificar cada valor les puse un contador
$p = $p+1;

<input name="cantidad" type="text" id="cantidad<?php echo $p ?>" value="<?=$row3['cantidad']?>" size="5" readonly="readonly" />

<td width="22%"><label> <input name="precio" type="text" class="formulario" id="precio<?php echo $p ?>" value="0" size="10" /> </label>

<input name="valor" type="text" id="valor<?php echo $p ?>" value="0" size="20" readonly="readonly" />

entonces en cada vuelta me asigan un id independiente a cada elemento pero como identificarlos en la funcion??

entonces la idea mia es poner un evento onblur="calcular(); sumatotal();" para ver cuando se produce el cambio y multiplicar la cantidad x el valor ya dema una suma final

[David]

Lo que puedes hacer es pasarle como parámetro a la función que se ejecuta en el onblur "this", o sea el elemento en que se produjo el evento, con lo cual podrás obtener su id y sabrás a qué elemento específicamente se refiere.

[dinamo]

pero como lo hago para indetifar los otros 2 campos el q tiene la cantidad y el campo q tiene la suma

[David]

No es muy difícil, ya que teniendo el elemento en que se generó el evento también puedes obtener su id (elemento.id) y con substr obtener el número asignado y a partir de ahí ya podrás obtener también el id de los demás elementos.

Saludos .

[dinamo]

me puede ayudar con una ejemplo

[David]

Por ejemplo:

Código html:

<input type="text" id="precio312" onblur="detect(this)" />
 

Código javascript:

function detect(obj) {
var number = obj.id.substr(6, obj.id.length - 6); /* Obtener desde la sexta posición hasta el final */
alert("Los demás elementos son\ncantidad" + number + "\nvalor" + number);
}
 

En este caso en number tenemos el número único asignado para los elementos.

[dinamo]

la verdad no me deja muy claro me puedes explicar un poco mas

[David]

¿Qué parte exactamente es la que no has entendido?. Lo que hace el código es simplemente obtener el id del elemento en que se produce el evento y obtener el número que le colocas al final para que el id sea único, obteniendo ese número ya podemos saber el id de los otros dos elementos.

[dinamo]

ya ahora entendi el codigo pero te puedo molestar con lo ultimo que seria la aplicaion de la multiplicacion para los valores muchas gracias

[David]

Para la multiplicación solo necesitas usar el operador *

Código javascript:

obj.value = parseFloat(valor1.value) * parseFloat(valor2.value)
 

En ese caso lo único que necesitas hacer es obtener las referencias a los input correspondientes.

Seguro que te será útil leer los manuales que hay en las FAQ's .

Saludos .

[dinamo]

muchas gracias amigo me quedo todo muy claro

[dinamo]

this.document.form1.valor+number.value = Math.ceil(this.document.form1.cantidad+number.valu e * this.document.form1.precio+number.value)

he agregado esto pero no me muestra el valor para el campo valor

[David]

Prueba así:

Código javascript:

document.form1["valor"+number].value = Math.ceil(document.form1["cantidad"+number].value * document.form1["precio"+number].value)
 

La forma como estabas tratando de concatenar para formar el nombre estaba mal, primero que el comienzo debería ir entre comillas porque es literal y segundo que debería ir entre corchetes para que lo reconozca como elemento de form1.

[dinamo]

ya lo probé anda perfecto

[dinamo]

amigo la ultima duda para terminar este caso

function detect(obj) {

var number = obj.id.substr(6, obj.id.length - 6); /* Obtener desde la sexta posición hasta el final */
document.form1["valor"+number].value = Math.ceil(document.form1["cantidad"+number].value * document.form1["precio"+number].value)

subTotal=document.form1["valor"+number].value
valorTotal = valorTotal + subTotal
document.form1.total.value = valorTotal


}

asi quedo la funcion pero no me entra el valor de la suma total en el campo total disculpa tantas molestias

[David]

Es que estás tratando de sumar el valor de una variable que a la primera vez aún no está definida (valorTotal), por lo que fuera de la función deberías definirla:

Código javascript:

valorTotal = 0;
 

Y recuerda que puedes usar += para sumar un valor a una variable:

Código javascript:

valorTotal += subTotal;
 

Aunque tu código tiene el pequeño problema que si vuelves para modificar un valor continuará sumando, por lo que dependiendo de cuántos sean los valores creo que es mejor recorrerlos todos para obtener el total , o restar el valor al total al recibir el enfoque y volver a sumarlo al salir.

[dinamo]

si tienes razón pasa exactamente eso sigue sumando aunque se modifique el valor como seria si le resto el valor al principio?

[David]

Puedes usar el evento onfocus(al recibir el enfoque) para restar el valor actual del total y cuando se salga (onblur) volver a sumar el nuevo valor.

[dinamo]

creo q tampoco resta bien

<td width="22%"><label> <input name="precio" type="text" class="formulario" id="precio<?php echo $p ?>" value="0" size="10" onfocus="resta(this);" onblur="detect(this);" /> </label>

function resta(obj) {

var number = obj.id.substr(6, obj.id.length - 6); /* Obtener desde la sexta posición hasta el final */
document.form1.total.value = document.form1.total.value - document.form1["valor"+number].value

}

[David]

Es que debes restar de valorTotal también, además, cuidado al tratar de hacer operaciones matemáticas con cadenas, de preferencia conviértelas usando parseFloat() o parseInt() según el caso.

[dinamo]

me puedes ayudar con un ejemplo

[David]

Iniciado por dinamo

me puedes ayudar con un ejemplo

Es que me gustaría que tú intentaras también un poco, muestres cómo has intentado, y si no te sale, tratamos de arreglarlo, así aprenderás mucho más.

Saludos .

[dinamo]

function resta(obj) {

var number = obj.id.substr(6, obj.id.length - 6); /* Obtener desde la sexta posición hasta el final */
tot = parseInt(document.form1.total.value)
val = parseInt(document.form1["valor"+number].value)

document.form1.total.value = tot - val

}

no resulta por empieza restar cada ves q hago un onblur

[David]

Como te había comentado, necesitas restar de valorTotal, ya que después usas esa variable para la suma.

[dinamo]

var valorTotal = 0;
var tot = 0;
var val = 0;

function detect(obj) {

var number = obj.id.substr(6, obj.id.length - 6); /* Obtener desde la sexta posición hasta el final */
document.form1["valor"+number].value = Math.ceil(document.form1["cantidad"+number].value * document.form1["precio"+number].value)

tot = parseInt(document.form1.total.value)
val = parseInt(document.form1["valor"+number].value)

document.form1.total.value = tot + val


}
function resta(obj) {

var number = obj.id.substr(6, obj.id.length - 6); /* Obtener desde la sexta posición hasta el final */
tot = parseInt(document.form1.total.value)
val = parseInt(document.form1["valor"+number].value)

document.form1.total.value = tot - val

}

creo q por ahi anda

[dinamo]

tot = parseInt(document.form1.total.value)
val = parseInt(document.form1["valor"+number].value)

document.form1.total.value = tot - val

a q te refieres si aqui resto el valor total

[David]

Me refería al valorTotal ya que lo estabas usando para la suma, pero ahora veo que ya no lo estás usando. Bueno, de la forma como pusiste debería funcionar, ¿qué sucede de la forma como está ahora? ¿algún error?.

[dinamo]

quedo funcionando perfecto funciona asi

cuando te pones en el imput comienza restando el valor al total luego al hacer el cambio suma con los valores actualizados al hacer clic en otro input esta es la mejor forma de hacer esta suma o existe otra