[SOLUCIONADO] Formulario calculador de IVA

Pakonan · #1 (**permalink**) 13/05/2014, 09:58

Hola buenas,
mi problema es que quiero hacer un formulario que sin pulsar el boton submit ,me calcule el precio total de un producto.Recibiendo como valores el precio sin impuestos y el porcentaje del impuesto.Consigo que lo haga pasandole los valores a Javascript como texto pero cuando lo he modificado para que el tipo de impuesto proviniese de un select ...ya no ha habido manera.
Mi codigo Javascript es el siguiente:

Código Javascript:

Ver originalfunction sumar()
    {
        var valor1=verificar("valor1");
        var valor2=verificar("valor2");
        var calor=parseFloat(valor2)/100;
        document.getElementById("total").value=valor1+valor1*calor;
    }

Y el formulario es el siguiente:

Código HTML:

Ver original<form method="POST" action="<?php echo $_SERVER['PHP_SELF']?>" name="form">
<tbody>
<tr>
<td>Id producto:</td>
<td><input type="text" name="id_product" value="<?php echo $codigo ?>" readonly size="3"></td>
</tr>
<tr>
<td>Precio(sin iva):</td>
<td><input type="text" id="valor1" name="price_notax" value="" size="5" onkeyup="sumar();"></td>
</tr>
<tr>
<td>Iva:</td>
<td><input type="text" id="valor2" name="tax" value="" size="5" onkeyup="sumar();">
<!--<td><select name="tax" id="valor2">
<option selected>Ninguna</option>
<?php
/*$query="SELECT tax_value FROM iva";
$resultante=@mysql_query($query,$conex) or die("Error: ".mysql_error());
while ($enfila = mysql_fetch_array($resultante))
{ 
    echo "<option>";
    echo htmlentities($enfila["tax_value"]);
    echo "</option>";
}
*/?>
</select>-->
</td>
</tr>

Muchas gracias y espero que podias ayudarme, el select lo tengo comentado porque si no no me funciona...

bathorz · #2 (**permalink**) 13/05/2014, 11:49

Puedes usar lo que te sirva de este ejemplo (tu script modificado sin php).

Código Javascript:

Ver originalwindow.onload = function() {
        valor1.addEventListener('blur', sumar);
        valor2.addEventListener('change', sumar);
 
        function sumar() {
          var valor1 = document.getElementById("valor1").value;
          var valor2 = document.getElementById("valor2").value;
          var valor1b = parseFloat(valor1);
          var calor = parseFloat(valor2) / 100;
          if (valor1) {
            document.getElementById("total").value = valor1b + (valor1b * calor);
          }
        }
      };

Código HTML:

Ver original<form method="POST" action="" name="form">
      <table>
        <tbody>
          <tr>
            <td>Id producto:</td>
            <td><input type="text" name="id_product" value="" readonly size="3" /></td>
          </tr>
          <tr>
            <td>Precio(sin iva):</td>
            <td><input type="text" id="valor1" name="price_notax" value="" size="5" /></td>
          </tr>
          <tr>
            <td>Iva:</td>
            <!--<td><input type="text" id="valor2" name="tax" value="" size="5" />-->
            <td><select name="tax" id="valor2">
                <option value="0" selected>Ninguna</option>
                <option value="10">uno</option>
                <option value="20">dos</option>
              </select>
            </td>
          </tr>
        </tbody>
      </table>
    </form>
    <input type="text" id="total" value="" />

Italico76 · #3 (**permalink**) 13/05/2014, 11:53

Prueba esto:

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="<?php echo $_SERVER['PHP_SELF']?>" 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>

Funciona... pero me toco quitarle partes de PHP para poder debuguearlo ... luego tu le vuelves a embeber el PHP sabien que funciona

Pakonan · #4 (**permalink**) 14/05/2014, 01:14

Gracias bathorz probe con ese y me funciono a las mil maravillas.
Así da gusto un saludo y gracias,lo marco como solucionado.