operacion matematica con celdas html

hendrix · #1 (**permalink**) 05/12/2006, 11:12

hola amigos, la verdad no se si lo que pregunto es facil o dificil, pero se que se puede hacer. a mi es primera vez que me toca hacerlo.

tengo dos celdas en mi sitio web (celda A) (celda B)

lo que quiero es que cuando el usuario ingrese un numero a la celda A, este numero se multiplique por 2 y el resultado salga en la celda B.

ej: yo ingreso el numero 4 en la celda A en la celda B quiero que salga automaticamente el 8.

espero haber sido claro, la idea es crear un tabla para convertir medidas, ya sea de cm a mm, pulgadas, etc etc.

gracias

#2 (**permalink**) 05/12/2006, 12:02

pues con javascript no es complicado, necesitás:
-> un campo de texto, idenfiticado con un id (supongamos 'original')
-> identificar con un id a la celda (supongamos 'result')

luego basta con crear una función que haga algo como:
result.innetText = original.value * 2

y asociarla al evento onkeyup, o a onchange (al soltar un botón o cuando cambie el valor) del campo de texto.

Cualquier duda, o por más datos, al foro de javascript (o en sus FAQs) ...

Saludos.

FNX_NET · #3 (**permalink**) 05/12/2006, 13:26

Bueno no es tan elegante como tu quieres pero aca va algo que hice re100 xD
haber si te ad una idea xD

<html>
<script>
function multiplicar()
{
var Num1 = parseInt(document.forms['frmadprespro']['textfield'].value);
var Num2 = parseInt(document.forms['frmadprespro']['textfield2'].value);
var Multi = (Num1 * Num2);
document.forms['frmadprespro']['textfield3'].value = Multi;
}

</script>
<body>
<form name="frmadprespro" method="post" action="#">
<label></label>
<label>
<input type="text" name="textfield">
X
</label>
<label>
<input type="text" name="textfield2">
=
</label>
<label>
<input type="text" name="textfield3" >
</label>
<p>
<label>
<input type="button" value="Multiplicar" name="Submit" onClick="multiplicar()">
</label>
</p>
</form>
</body>
</html>

hendrix · #4 (**permalink**) 05/12/2006, 14:00

gracias, ahi les cuento como me fue

tunait · #5 (**permalink**) 06/12/2006, 04:06

Tema trasladado desde Web general