Ver Mensaje Individual
  #6 (permalink)  
Antiguo 27/08/2014, 14:06
Cristian23CL4PTP
 
Fecha de Ingreso: agosto-2013
Ubicación: Talca
Mensajes: 40
Antigüedad: 10 años, 7 meses
Puntos: 1
Respuesta: Mostrar resultado de una operacion en el momento sin tener que actualizar

Puedes usar jQuery y ajax, aqui te deo un ejemplo 100% funcional, puedes copiar y pegar:

Código PHP:
Ver original
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.   <meta charset="UTF-8">
  5.   <title>Document</title>
  6.   <style type="text/css">
  7.    
  8.     .hide
  9.     {
  10.       display: none
  11.     }
  12.  
  13.   </style>
  14. </head>
  15. <body>
  16.  
  17.     <form class="form-horizontal" id="myForm">
  18.         <label for="" class="col-lg-3 control-label">Precio:</label>
  19.           <div class="col-lg-7">
  20.            <input type="text" name="precio" id="precio" value="200000">        
  21.          </div>
  22.       </div>
  23.  
  24.         <label for="" class="col-lg-3 control-label">Cantidad:</label>
  25.           <div class="col-lg-7">
  26.             <input type="text" name="cantidad" id="cantidad" class="form-control input-sm">
  27.  
  28.         <label for="" class="col-lg-3 control-label"></label>
  29.         <div class="col-lg-7">
  30.             <button type="submit" id="boton" class="btn btn-default">Calcular</button>
  31.       </form>
  32.   </div>
  33.  
  34.   <div class="container">
  35.     <div id="resultado" class="hide">
  36.      
  37.     </div>
  38.   </div>
  39.  
  40.  
  41.       <script src="http://code.jquery.com/jquery-1.11.1.js"></script>
  42.       <script type="text/javascript">
  43.  
  44.         $(document).ready(function() {
  45.  
  46.              $('#myForm').on('submit',function(e) {
  47.               var precio = $("input#precio").val();
  48.               var cantidad = $("input#cantidad").val();
  49.                 $.ajax({
  50.                   url:'proceso.php',
  51.                   data: "precio="+precio+"&cantidad="+cantidad,
  52.                   type:  'POST',
  53.                   success:  function (response) {
  54.                         $("#resultado").removeClass('hide');
  55.                         $("#resultado").html(response);
  56.                    }
  57.                   });
  58.                  e.preventDefault();
  59.             });
  60.  
  61.         });
  62.  
  63.       </script>
  64. </body>
  65. </html>


Código del archivo proceso.php

Código PHP:
Ver original
  1. <?php
  2.  
  3.  
  4.   $cantidad = $_POST['cantidad'];
  5.   $precio = $_POST['precio'];
  6.   $res = $cantidad * $precio;
  7.  
  8.   echo "El resultado es ".number_format($res,0,",",".");
  9.  
  10.  ?>

Espero te sirva para lo que deseas hacer. Salu2