calculadora simple (tema nuevo)

menfis_megadisco · #1 (**permalink**) 05/05/2007, 15:11

hola, queria saber como hacer esto: yo tengo dos cajas de texto, y un parrafo que dice "total = $". como hacer para que automaticamente los valores que introduzca en las cajas de texto se sumen y automaticamente me escriba el total en el parrafo... ¿?

serper · #2 (**permalink**) 20/07/2008, 03:56

Cita:

Iniciado por JavierB

Hola menfis_megadisco

Prueba esto:

Código PHP:

  <html> 
<head> 
<script> 
function sumar(frm) { 
  n1 = parseInt(frm.txt1.value); 
  if (isNaN(n1)) n1 = 0; 
  n2 = parseInt(frm.txt2.value); 
  if (isNaN(n2)) n2 = 0; 
  document.getElementById('suma').innerHTML = 'Total = '+ (n1 + n2); 
} 
</script> 
</head> 
<body> 
<form> 
<input type="text" name="txt1" onkeyup="sumar(this.form)" /> 
<input type="text" name="txt2" onkeyup="sumar(this.form)" /> 
</form> 
<p id="suma">Total = 0</p> 
</body> 
</html>

Saludos,

Realmente muy bueno. No tengo mucha idea de js. Por ello le hago la siguiente consulta. Estoy creando un sistema contable y algunas de las funciones tienen, necesariamente, que ser dinamicas. Por ej cargar un formulario con un pedido donde su precio se multiplique por la cantidad comprada. Hasta aca parece no haber incovenientes. Ahora el problema surge cuando en mi formulario existen campos que se llaman de una misma manera (son un array []).
Como se aplicaría en este caso esta funcion.

Pseudocodigo del form

<form>
<input type="text" name="txt1[]" onkeyup="sumar(this.form)" />
<input type="text" name="txt2[]" onkeyup="sumar(this.form)" />
<br/>
<input type="text" name="txt1[]" onkeyup="sumar(this.form)" />
<input type="text" name="txt2[]" onkeyup="sumar(this.form)" />
</form>
<p id="suma">Total = 0</p>

Gracias de antemano.

Saludos,
Serper

caricatos · #3 (**permalink**) 20/07/2008, 04:48

Hola serper:

Procura no revivir viejos temas, aunque se trate de la misma preguntan aunque evidentemente la pregunta es otra... cuando tienes nombres de campor con el juego de corchetes propio de los arrays que se deben procesar en el servidor, debes poner esos campos como cadenas también entre corchetes...

... Pero en este caso concreto hay que hacer un poco de malabares.

La función podrías hacerla poniendo tanto el valor actiual como el otro que debe evaluuarse:

function sumar(campo1, campo2) {
n1 = parseInt(campo1.value);
if (isNaN(n1)) n1 = 0;
n2 = parseInt(campo2.value);
if (isNaN(n2)) n2 = 0;
document.getElementById('suma').innerHTML = 'Total = '+ (n1 + n2);
}

y el form...

<form>
<input type="text" name="txt1[]" onkeyup="sumar(this, this.form["txt2[]"][0])" />
<input type="text" name="txt2[]" onkeyup="sumar(this, this.form["txt1[]"][0])" />
<br/>
<input type="text" name="txt1[]" onkeyup="sumar(this, this.form["txt2[]"][1])" />
<input type="text" name="txt2[]" onkeyup="sumar(this, this.form["txt1[]"][1])" />
</form>

Pruébalo y nos cuentas (espero que no tengas problemas para generar con el lenguaje de tu servidor esas líneas), y ten mucho cuidado con los índices...

Saludos