Suma mis datos al dar click fuera de la ventana

erickmpos · #1 (**permalink**) 15/03/2016, 12:26

Compañeros,

Tengo la siguiente duda o consulta, tengo una ventana HTML que llama un JS, lo que pasa es que cuando ingreso el "costo" y el "Precio de Venta"y escojo el Tipo de Impuesto de Venta (son 2 opciones: Gravado 13% y Exento 0%), me realiza unas formulas donde me llena automaticamente los campos: Impuesto de Venta, Utilidad Colones y Utilidad Porcentual, hasta aqui todo marcha perfecto.
El problema es que si yo cambio por ejemplo el "costo" y le doy click a cualquier parte de la ventana HTML, automaticamente me cambia los valores de I.V y utilidades, hace algun tipo de formula que a veces pone el doble del valor de los campos, o mucho mas alto el valor. Y solamente funciona si yo vuelvo al tipo de impuesto y hago el cambio de pasar de Gravado 13% a exento 0% y volver a Gravado 13%.
Que me aconsejan, para que, si yo cambio el valor del costo o precio venta, me obligue a cambiar el tipo de impuesto de venta (Gravado o Exento).
Les paso el codigo, para ver si me doy a entender mas.
1.

Código HTML:

Ver original<!DOCTYPE html>
 
<html>
    <head>
        <title>Test</title>
        
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <script src="https://code.jquery.com/jquery-1.12.1.min.js"></script>
        <script type="text/javascript" src="pruebaerick.js"></script>
        <p>Calculo automatico del impuesto de Venta y la Utilidad.</p>
        <input type="text" name="articulo" placeholder="Articulo" />
 
        <input type="text" name="pVenta" placeholder="Precio de Venta"/>
        <input type="text" name="costo" placeholder="Costo"/>
        <select id="imp">
          <option value="Seleccione Impuesto">Seleccione Impuesto</option>
          <option value="13">Gravado 13%</option>
          <option value="0">Exento 0%</option>
        </select>
        <br><hr>
        <label for="">Impuesto de Venta</label>
        <input type="text" name="impVenta" placeholder="Impuesto de Venta" value="Seleccione Impuesto" readonly/><br><br>
        <label for="">Utilidad colones</label>
        <input type="text" name="utilidad" placeholder="Utilidad Colones"/>
        <label for="">Utilidad Porcentual</label>
        <input type="text" name="utilidadP" placeholder="Utilidad Porcentual"/>
    </body>
</html>

2.

Código Javascript:

Ver original$(document).on("ready", function(){
   /*Verificamos el valor del impuesto seleccionado y llamamos a la funcion que realiza el calculo*/
        $("select[id=imp]").on("change", function(){
 
          $("input[name=impVenta]").val($(this).val());
 
          calcula();
 
        });
        /*Calcula la utilidad basado en el impuesto seleccionado*/
        function calcula(){
 
                if($("input[name=impVenta]").val()=== "Seleccione Impuesto"){
 
                                $("input[name=utilidad]").val(0);
                                $("input[name=utilidadP]").val(0);
 
                }else{
 
                        var pv = parseInt($("input[name=pVenta]").val());
                        var costo = parseInt($("input[name=costo]").val());
                        var iv = parseInt($("input[name=costo]").val() *
                                $("input[name=impVenta]").val()/100);
                        var utilidad = parseInt($("input[name=pVenta]").val() -
                                ($("input[name=costo]").val() *
                                 $("input[name=impVenta]").val()/100) -
                                 $("input[name=costo]").val());
                                
                        
                        $("input[name=impVenta]").val(iv);
                        
                        $("input[name=utilidad]").val(utilidad);
                        
                        $("input[name=utilidadP]").val((utilidad * 100)/pv);
 
                }
 
        }
 
        /*Verifica en tiempo real si hay algun cambio en el campo costo para recalcular la utilidad de este nuevo monto*/
        $("input[name=costo]").on("change", function(){
 
                calcula();
 
        }); 
});

De antemano muchas gracias compañeros.

andresgarciadev · #2 (**permalink**) 15/03/2016, 15:36

hola denuevo xD
no entiendo xk haces esto

Código Javascript:

Ver originalvar utilidad = parseInt($("input[name=pVenta]").val() -
                                    ($("input[name=costo]").val() *
                                     $("input[name=impVenta]").val()/100) -
                                     $("input[name=costo]").val());

" - $("input[name=costo]").val()" xk vuelves a restar el costo? no le encuentor mucho sentido pero si para ti esta bien no hay problema... pienso que el problema radica en los dos lugares donde haces

Código Javascript:

Ver original$("input[name=impVenta]").val()/100)

estas sacando el porcentaje de ese campo cuando deberias sacarlo del select, es decir remplazar eso con

Código Javascript:

Ver original$("select")

en los casos que lo usas

erickmpos · #3 (**permalink**) 16/03/2016, 11:33

Buenas Andres,

mas bien muchas gracias por toda la ayuda, porque de JS no se nada jaja,

Yo hice esto al final:

Código Javascript:

Ver originalvar pv = parseInt($("input[name=precioventa]").val());
                    var iv = parseInt($("input[name=costo]").val() *
                           $("input[name=impventa]").val()/100);
                    var utilidad = parseInt($("input[name=precioventa]").val() -
                           ($("input[name=costo]").val() *
                            $("input[name=impventa]").val()/100) -
                            $("input[name=costo]").val());
                    
                    $("input[name=impventa]").val(iv);
                    $("input[name=uc]").val(utilidad);
                    $("input[name=up]").val((utilidad * 100)/pv);

Para sacar la utilidad de un producto seria: Precio de venta, digamos 500
Costo: 200
Impuesto de venta: 13%
lo que hago es : 500 - ((200*13)/100) - 200 = 500- 26 - 200 = 274 que seria la utilidad del producto.

Es que lo intente con variables, sin hacer tanta formula, pero algo hice mal porque no me funcionaba y como no conozco, no se como hacerlo, al final asi me da el resultado correcto, no se que tan bueno sea dejarlo asi.

ahora si me funciona, pero tuve que hacer una funcion nueva asi:

Código Javascript:

Ver originalfunction calcula_verifica(){
            $("input[name=impventa]").val("Seleccione Impuesto");
            $("select[id=imp]").val("Seleccione Impuesto");
            $("input[name=uc]").val(0);
            $("input[name=up]").val(0);
        }
        
 
        /*Verifica en tiempo real si hay algun cambio en el campo costo para recalcular la utilidad de este nuevo monto*/
        $("input[name=costo]").on("change", function(){
              
             calcula_verifica();
 
        }); 
        
        /*Verifica en tiempo real si hay algun cambio en el campo Impuesto de Venta para recalcular la utilidad de este nuevo monto*/
        $("input[name=precioventa]").on("change", function(){
              
             calcula_verifica();
 
        });

Entonces cada vez que hago un nuevo clic, me pone los valores en 0, obligando a que tengan que poner los datos nuevamente del "select."

Pero me queda una gran duda, como hago para que el valor que yo escogi en el "select" lo pueda pasar a una nueva pagina.
ejemplo:

Código HTML:

Ver original<select id="imp">
                <option value="Seleccione Impuesto">Seleccione Impuesto</option>
                <option value="13">Gravado 13%</option>
                <option value="0">Exento 0%</option>
            </select>

Si escojo la opcion: Gravado 13%, como lo paso a una nueva pagina con php, lo hago de 2 formas, pero no funciona:

Código PHP:

Ver original$imp = $_POST['select[id=imp]'];
$imp = $_POST['imp'];

Como lograria pasar el valor a la otra pagina?

Gracias de nuevo!

xfxstudios · #4 (**permalink**) 16/03/2016, 18:12

al select colocale un nombre no pases la id no te va a funcionar

Código HTML:

Ver original<select name="impuesto">
<option value="loquesea">Lo que sea</option>
</select>

Código PHP:

Ver original$a = $_POST["impuesto"];

erickmpos · #5 (**permalink**) 17/03/2016, 09:35

Muchas gracias xfxstudios, ahora si me deja pasar el valor!
Gracias por la ayuda!