Operaciones en tiempo real

daikyo · #1 (**permalink**) 27/02/2012, 12:19

Buen día quisiera saber cual seria la manera de hacer una operación en php pero que este la realiza al mismo tiempo que incluyo los caracteres en el campo en este caso en el campo costo:

Código:

<tr>
  <td align="right">Costo $</td>
    <td> <input type='text' name='costo' value="000.00" ></td> 
  </tr>
  <tr>
  <td align="right">IVA $</td>
    <td><?php 
            include('iva.php');
        ?><input type='text' name='iva' value="000.00" ></td> </tr>

Mando llamar a la función que realizaría el trabajo

Código:

<?php
 $iva="'".$_POST['costo']."'"*.13;
  echo"<input type='text' name='siniva' value='".$iva."'>";
?>

Sin embargo no me cambia el valor, cual seria el código correcto para hacer esta operación al mismo tiempo que el usuario teclea la cantidad y esta aparezca en el campo IVA

jotaincubus · #2 (**permalink**) 27/02/2012, 12:22

Necesitaras de una tecnología AJAX para que el cambio se haga automáticamente sin que el usuario presione el botón para realizar el calculo....

Pero mas sencillo seria realizar la operación con JavaScript ya que solo realizas operaciones matemáticas.

daikyo · #3 (**permalink**) 27/02/2012, 13:16

Cita:

Iniciado por jotaincubus

Necesitaras de una tecnología AJAX para que el cambio se haga automáticamente sin que el usuario presione el botón para realizar el calculo....

Pero mas sencillo seria realizar la operación con JavaScript ya que solo realizas operaciones matemáticas.

Muchas gracias, lo voy a checar, aunque no he usado mucho los scripts, algún ejemplo que consideres me podría servir, saludos y gracias de nuevo

jotaincubus · #4 (**permalink**) 27/02/2012, 13:30

Aqui te va un pequeño ejemplito....

Código Javascript:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
 
<script>
function sumar(uno,dos)
{
var total;
total = parseInt(uno.value)+parseInt(dos.value);
<!-- alert("El valor es " + total); -->
document.prueba.total.value = total;
}
</script>
 
</head>
 
<body>
<form name="prueba">
uno<input type="text" name="uno">
dos<input type="text" name="dos">
<input type="button" name="Ver total" value="Ver total" onclick="sumar(uno,dos)">
<input type="text" name="total" value=""/>
</form>
</body>
</html>