cambiar valor de una caja de texto conforme se ingresan datos.

[FlaKaMaNa]

Hola.

Pues bueno no se ni como buscar, como siempre jeje.

Tengo una aplicacion que tiene 5 cajas de texto.
Alto, ancho, largo, suelto, total.

Lo que quiero es que cuando le de un valor a alto este se muestre en total, si pongo otro valor en ancho haga la multiplicacion y total cambie por el nuvo valor y asi sucesivamente, que se vaya haciendo la cuenta y mostrando el resultado.

Me imagino que se utiliza JS o algun evento de PHP pero pues no tengo formada la idea.

Por sus sugerencias desde ya. Gracias!!

[jackson666]

Iniciado por FlaKaMaNa

Hola.

Pues bueno no se ni como buscar, como siempre jeje.

Tengo una aplicacion que tiene 5 cajas de texto.
Alto, ancho, largo, suelto, total.

Lo que quiero es que cuando le de un valor a alto este se muestre en total, si pongo otro valor en ancho haga la multiplicacion y total cambie por el nuvo valor y asi sucesivamente, que se vaya haciendo la cuenta y mostrando el resultado.

Me imagino que se utiliza JS o algun evento de PHP pero pues no tengo formada la idea.

Por sus sugerencias desde ya. Gracias!!

Lo mas loco de todo es que sabes que esto es de javascript y sin embargo posteas aca!

NOTA: se puede hacer con php, pero seria molesto estar recargando la pagina todo el tiempo

[masterojitos]

ps la verdad que no corresponde a este categoria del foro....... pero en fin......... estamos en el foro para ayudar a quien podamos no ????

te paso el codigo solo para que modifiques segun tu caso.

Código html:

<form name="form">
<input type="text" name="alto" value="1" onkeyup="actualiza()" />
<input type="text" name="ancho" value="1" onkeyup="actualiza()" />
<input type="text" name="largo" value="1" onkeyup="actualiza()" />
<input type="text" name="suelto" value="0" onkeyup="actualiza()" />
<input type="text" name="total" value="1" readonly="readonly" />
</form>
 
<script>
function actualiza(){
    alto = form.alto.value;
    ancho = form.ancho.value;
    largo = form.largo.value;
    suelto = form.suelto.value;
    form.total.value = alto * ancho * largo + suelto;
}
</script>
 

espero todo te vaya bien.

Espero ese karma :P

suerte.

[FlaKaMaNa]

Jackson666

Perdon por el post aqui...

Masterojitos
Muchisimas gracias por el codigo, es muy bueno. tengo problemas con los sueltos porque me los toma como un numero aparte, es decir:

Si de los tres primeros me da 55 al sumar 5 sueltos me da 555.

Me imagino que es por la operacion, o que?

[jam1138]

Iniciado por jackson666

Lo mas loco de todo es que sabes que esto es de javascript y sin embargo posteas aca!

Tema movido desde PHP.

[masterojitos]

eso es por que toma el texto como cadena y no como valor....... ps para eso existe la funcion eval.

ahora, lo mejoras si validas que cuando no sea un numero (ya sea letra o este vacio) con la funcion isNaN, y ps le das un valor por defecto, como los que he puesto ahi.

Código html:

<form name="form">
<input type="text" name="alto" value="1" onkeyup="actualiza()" />
<input type="text" name="ancho" value="1" onkeyup="actualiza()" />
<input type="text" name="largo" value="1" onkeyup="actualiza()" />
<input type="text" name="suelto" value="0" onkeyup="actualiza()" />
<input type="text" name="total" value="1" readonly="readonly" />
</form>
 
<script>
function actualiza(){
    alto = eval(form.alto.value);
    ancho = eval(form.ancho.value);
    largo = eval(form.largo.value);
    suelto = eval(form.suelto.value);
    if(isNaN(alto)) alto = 1;
    if(isNaN(ancho)) ancho = 1;
    if(isNaN(largo)) largo = 1;
    if(isNaN(suelto)) suelto = 0;
    form.total.value = alto * ancho * largo + suelto;
}
</script>
 

Un gusto ayudarte.

espero ese karma ps......... =P

Suerte y cuando desees.

[FlaKaMaNa]

Muchas gracias... esto de JS no es lo mio, casi no se nota verdad?

Tuve ke hacer unas pekeñas modificaciones pero son bien leves jijiji.

Muchas gracias Masterojitos si me atoro con algo ya se con quien acudir jijiji.

Karma para ti!!!....

P.D. No se a ke te refieres con eso.... pero de verdad ke te lo mando!!

[David]

Iniciado por masterojitos

eso es por que toma el texto como cadena y no como valor....... ps para eso existe la funcion eval.

No, eval() no fue creado para eso, eval() es para evaluar expresiones. Si el objetivo es sólo convertir a número existe parseInt(), parseFloat(), o Number()

[FlaKaMaNa]

Gracias David.

De hecho esa fue una de las modificacion que le hice. Busque Eval y ahi me encontre parseInt y parseFloat, como los datos tienen que ser enteros utilize paseInt, ya que no puedo tener .25 de un producto totalmente cerrado.

Aun asi con lo que me otorgo Masterojitos pude resolver mi problema, les agradezco a todos la atencion y pido una disculpa por haber posteado en un lugar incorrecto...


Mil gracias...