Actualizar datos en tiempo real

besotico · #1 (**permalink**) 02/06/2008, 22:28

necesito saber como hacer un calculo en tiempo real... me explico

sub-total (suma de otros valores)
descuento (ingresado por el usuario)
total (subtotal-descuento) <- esto quiero que sea en tiempo real, ingreso del descuento y este cambia, ademas que se debe guardar en una variable.

la verdad es que soy bastante ignorante en cuanto a Javascript se refiere, me dedico a programar en otras tecnologias, y necesito hacer esto :(

si alaguien puede ayudarme por favor.

GastoNike · #2 (**permalink**) 03/06/2008, 00:28

Solo eso? Con eso no se te puede ayudar mucho.

besotico · #3 (**permalink**) 03/06/2008, 01:02

Hola, gracias por responder, mira cito un formulario que cumple en parte con lo que busco

Código HTML:

<html>
<head> SUMA DE 2 NUMEROS</head>
<body>
<script>
function fncSumar(){
caja=document.forms["sumar"].elements;
var numero1 = Number(caja["numero1"].value);
var numero2 = Number(caja["numero2"].value);
resultado=numero1+numero2;
if(!isNaN(resultado)){
caja["resultado"].value=numero1+numero2;
}
}
</script>
<form method="post" name="sumar">

Primer numero: <input type="text" name="numero1" size="2" onKeyUp="fncSumar()"/>
Segundo numero: <input type="text" name="numero2" size="2" onKeyUp="fncSumar()"/>
Resultado: <input type="text" name="resultado"/>
</form>
</body>
</html>

donde deja de servirme, de primero el input 1, necesito que sea un valor fijo, para lo cual lo puse hidden e imprimi una variable

Código PHP:

  echo '    <td><div align="center"><input name="numero1" type="hidden" onKeyUp="fncSumar()" value="'.$subtotal.'" size="2"/>'.$subtotal.'</div></td>
';

digamos, que la primera parte esta lista, luego, yo quiero ingresar un numero pero quiero que este se represente en porcentaje, para lo cual creo que debo crear una nueva funcion, muy similar a la que esta puesta arriba.

y para terminar, necesito convertir el input "resultado" en una variable, me explico.. necesito hacer algo parecido a como lo hice con el primer valor, intentare dibujar un pseudo codigo ahora, algo sin muchos detalles, mas que nada visual.

subtotal sera (input hidden value="$subtotal") imprime $subtotal

descuento sera un inpput, al cual le ingreso un numero (de 0 a 100) lo cual representara un porcentaje de decuento.

total (sin input) imprime subtotal-%_del_descuento.

en la practica seria algo asi como
$subtotal = 1000; <- variable

Subtotal = 1000 <- viene de una variable
Descuento = 10% <- ingresado por el usuario
TOTAL = 900 <- resultado en una variable, ya que luego tengo que meterlo a una tabla en una db

espero haber sido claro, y mas aun que puedan ayudarme

Tome el ejemplo desde http://www.forosdelweb.com/f13/resultado-suma-tiempo-real-222650/ (no puedo incluir enlaces aun)

besotico · #4 (**permalink**) 03/06/2008, 21:31

nadie me ayudara? :(

rivahuevino · #5 (**permalink**) 03/06/2008, 22:50

Cita:

Iniciado por besotico

nadie me ayudara? :(

Tomando como referencia tu msj # 3, realice esto

Código HTML:

<html>
<head>
<title>Sumar</title>
<script language="javascript" type="text/javascript">
    function calcular()
      {
	caja=document.forms["sumar"].elements;
	subtotal=Number(caja["subtotal"].value);

       //Aqui el detalle, el numero ingresado en 'descuento', se debe dividir entre 100 para convertirlo a un valor porcentual.
	dcto=Number(caja["descuento"].value)/100;

        //Despues simplemente multiplicas el dcto por el subtotal y lo asignas al total
	total=subtotal*dcto;
	caja["total"].value=total;
      }		
</script>
</head>
<body>
<form id="form1" name="sumar" method="post" action="">
  SubTotal <input type="text" name="subtotal" id="subtotal" /><br>
  Descuento <input type="text" name="descuento" id="descuento" onkeyup="calcular()"/><br>
  Total <input type="text" name="total" id="total" /><br>
</form>
</body>
</html>

Espero te ayude...

Saludos

besotico · #6 (**permalink**) 04/06/2008, 02:06

sos mostre viteh!

vi la luz gracias a tu ayudita, lo vuelvo a reconocer, soy nulo en js.

Saludos y gracias :)