Tema: Modificar campos y que otros campos se vean afectados en la misma pagina con PHP
Ver Mensaje Individual
  #8 (permalink)  
Antiguo 14/03/2016, 10:32
erickmpos
 
Fecha de Ingreso: enero-2016
Ubicación: Heredia
Mensajes: 35
Antigüedad: 8 años, 3 meses
Puntos: 0
Pregunta Respuesta: Modificar campos y que otros campos se vean afectados en la misma pagina c
Amigo xfxstudios estoy haciendo exactamente lo mismo del link que me paso: https://jsfiddle.net/xfxstudios/a6ktk4nu/ sin embarog, no se si estare haciendo el enlazado entre paginas correctamente, por ejemplo, lo hice de 2 formas:
1. Hice un llamado a otra pagina JS <script type="text/javascript" src="pruebaerick.js"></script>
Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2.  
  3. <html>
  4.     <head>
  5.         <title>TODO supply a title</title>
  6.         
  7.         <meta charset="UTF-8">
  8.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  9.     </head>
  10.     <body>
  11.         <script type="text/javascript" src="pruebaerick.js"></script>
  12.         <p>En esta Formula de Prueba podemos ver que luego de colocar el precio de venta y el costo al seleccionar el impuesto este nos calcula automaticamente la utilidad</p>
  13.         <input type="text" name="articulo" placeholder="Articulo" />
  14.  
  15.         <input type="text" name="pVenta" placeholder="Precio de Venta"/>
  16.         <input type="text" name="costo" placeholder="Costo"/>
  17.         <select id="imp">
  18.           <option value="Seleccione Impuesto">Seleccione Impuesto</option>
  19.           <option value="26">Gravado 26%</option>
  20.           <option value="0">Excento 0%</option>
  21.         </select>
  22.         <br><hr>
  23.         <label for="">Impuesto de Venta</label>
  24.         <input type="text" name="impVenta" placeholder="Impuesto de Venta" value="Seleccione Impuesto" readonly/><br><br>
  25.         <label for="">Utilidad</label>
  26.         <input type="text" name="utilidad" placeholder="Utilidad Colones"/>
  27.     </body>
  28. </html>

2. Lo hice todo dentro de la misma pagina:
Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2.  
  3. <html>
  4.     <head>
  5.         <title>TODO supply a title</title>
  6.         <meta charset="UTF-8">
  7.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.     </head>
  9.     <body>
  10.         <script type="text/javascript">
  11.                             /*Verificamos el valor del impuesto seleccionado y llamamos a la funcion que realiza el calculo*/
  12.                 $("select[id=imp]").on("change", function(){
  13.  
  14.                   $("input[name=impVenta]").val($(this).val());
  15.  
  16.                   calcula();
  17.  
  18.                 });
  19.                 /*Calcula la utilidad basado en el impuesto seleccionado*/
  20.                 function calcula(){
  21.  
  22.                         if($("input[name=impVenta]").val()=== "Seleccione Impuesto"){
  23.  
  24.                                         $("input[name=utilidad]").val(0);
  25.  
  26.                         }else{
  27.  
  28.                                 var pVenta = parseInt($("input[name=costo]").val());
  29.                                 var cargo = parseInt(($("input[name=costo]").val() * 
  30.  
  31.                                 $("input[name=impVenta]").val())/100);
  32.  
  33.                                 $("input[name=utilidad]").val(pVenta+cargo);
  34.  
  35.                         }
  36.  
  37.                 }
  38.  
  39.                 /*Verifica en tiempo real si hay algun cambio en el campo costo para recalcular la utilidad de este nuevo monto*/
  40.                 $("input[name=costo]").on("change", function(){
  41.  
  42.                         calcula();
  43.  
  44.                 });
  45.             
  46.         </script>
  47.         <p>En esta Formula de Prueba podemos ver que luego de colocar el precio de venta y el costo al seleccionar el impuesto este nos calcula automaticamente la utilidad</p>
  48.         <input type="text" name="articulo" placeholder="Articulo" />
  49.  
  50.         <input type="text" name="pVenta" placeholder="Precio de Venta"/>
  51.         <input type="text" name="costo" placeholder="Costo"/>
  52.         <select id="imp">
  53.           <option value="Seleccione Impuesto">Seleccione Impuesto</option>
  54.           <option value="26">Gravado 26%</option>
  55.           <option value="0">Excento 0%</option>
  56.         </select>
  57.         <br><hr>
  58.         <label for="">Impuesto de Venta</label>
  59.         <input type="text" name="impVenta" placeholder="Impuesto de Venta" value="Seleccione Impuesto" readonly/><br><br>
  60.         <label for="">Utilidad</label>
  61.         <input type="text" name="utilidad" placeholder="Utilidad Colones"/>
  62.     </body>
  63. </html>
Ninguna de las 2 formas me funciona, que estare haciendo mal?