Operaciones matemáticas en tiempo real

Filgood · #1 (**permalink**) 02/03/2014, 02:12

Hola amigos. Estoy buscando la manera de poder hacer operaciones matemáticas en un formulario web pero que sea en tiempo real y de forma automática. La idea es crear un formulario en el que al insertar números en algunos campos, dichos campos de forma automática se sumen en otro campo del formulario creando un total. En otro campo calcular el iva etc... Me gustaría saber si se puede. Muchas gracias

Pantaláimon · #2 (**permalink**) 02/03/2014, 06:47

Sí se puede. Habría que recalcular la fórmula cada vez que surge un evento oninput en tu formulario.

Te dejo un código para ir empezando: http://jsfiddle.net/jefebrondem/fbkWr/

Filgood · #3 (**permalink**) 07/03/2014, 05:19

Cita:

Iniciado por Pantaláimon

Sí se puede. Habría que recalcular la fórmula cada vez que surge un evento oninput en tu formulario.

Te dejo un código para ir empezando: http://jsfiddle.net/jefebrondem/fbkWr/

Muchas gracias por la respuesta. ¿ Podrías poner un poco más claro? este no me ha ayudado mucho. Uno en el que , en el mismo formulario unos campos se sumen y otro calcule en 16 % del total sumado. N controlo java. Gracias

Pantaláimon · #4 (**permalink**) 08/03/2014, 12:37

Claro. No he querido darte la faena hecha. Pero con eso y sabiendo algo de javascript enseguida lo puedes solucionar. Si el problema es que no controlas en javascript, la faena es tuya de leerte algún tutorial.

Un saludo!

Filgood · #5 (**permalink**) 08/03/2014, 13:04

Cita:

Iniciado por Pantaláimon

Claro. No he querido darte la faena hecha. Pero con eso y sabiendo algo de javascript enseguida lo puedes solucionar. Si el problema es que no controlas en javascript, la faena es tuya de leerte algún tutorial.

Un saludo!

Ok. Gracias, ya está solucionado. Me acabo de hacer un código con el ejemplo que me has dado y me funciona bien. No controlo java pero si algo de php. Mezclando ....

Si alguien necesita el ejemplo elaborado y funcional se lo paso. Muchas gracias compañero por la ayuda. La verdad es que este foro me ha ayudado un montón. Saludos

Calule7 · #6 (**permalink**) 07/06/2014, 08:19

Hola Filgood, soy un novato en php y javascript y estoy buscando hacer un formulario que ejecute operaciones en tiempo real y exporte esos resultados a una base de datos. Tambien la cifra del porcentaje con el ke necesito operar debe ser dado previamente por el usuario... El ejemplo que tu ofreces me seria de gran ayuda para empezar, si podrias facilitarmelo seria excelente y si tienes algun conocimiento de lo otro que te menciones que puedas compartir seria mucho mejor.... Gracias

Italico76 · #7 (**permalink**) 07/06/2014, 09:58

Un ejemplo simple de calculo de IVA:

Código Javascript:

Ver original<html>
<head>      
<script language="JavaScript">  
    function calcular()
    {
        var precio=  parseFloat( document.getElementById("precio_no_tax").value);   
        var tax = parseFloat( document.getElementById("tax").value);            
        var total = document.getElementById("total").value = precio*tax*0.01 + precio;              
    }   
</script>   
</head>
 
 
<body onload="calcular();">
 
<form method="POST" action="tu_script.php" name="form">
<tbody>
<tr>
<td>Id producto:</td>
<td><input type="text" name="id_product" value="22" readonly size="3"></td>
</tr>
<tr>
<td>Precio(sin iva):</td>
<td><input type="text" id="precio_no_tax" name="price_notax" value="100" size="5" onkeyup="calcular();"></td>
</tr>
 
<tr>
<td>Iva:</td>
<td>
    <select name="tax" id="tax" onchange="calcular();">
        <option value="0" selected>Ninguna</option>
        <option value="16">16</option>
        <option value="30">30</option>
    </select>
        
</td>
</tr>
 
<tr>
<td>Total:</td>
<td><input type="text" name="total" value="" id="total" size="3"></td>
</tr>
 
</body>
 
 
</html>