Sumar on-line

José Molina · #1 (**permalink**) 08/07/2004, 17:57

Saludos.

Tengo el siguiente formulario:

<form action="index.php" method="post" name="formulario" id="formularo">
SI: <input name="SI" type="text" maxlength="8" id="SI">
NO: <input name="NO" type="text" maxlength="8" id="NO">
OTRO: <input name="OTRO" type="text" maxlength="8" id="OTRO">
</form>

Ok, que es lo que quiero:

Esos 3 campos son de números con decimales de la siguiente forma: xx,xxxx

Cuando en cada uno de los campos se coloquen los valores en los otros 2 se deben realizar la siguiente operación:

Si ingresan valores en el CAMPO1 y luego en el CAMPO2:

CAMPO3: 100-(CAMPO[mayor]-CAMPO[menor])

EJ1:

CAMPO1 = 12.1234
CAMPO2 = 42.3214
CAMPO3 = 100-(42.3214-12.1234) = 100-30.198 = 69.802

EJ2:

CAMPO1 = 100-(42.3214-12.1234) = 100-30.198 = 69.802
CAMPO2 = 42.3214
CAMPO3 = 12.1234

Etc

Y el campo en donde no se esten ingresando valores se debe ir haciendo la operación matemática on-line

Muchas gracias

José Molina · #2 (**permalink**) 09/07/2004, 09:21

Qué paso??? nadie tiene idea de como hacerlo ??

KarlanKas · #3 (**permalink**) 09/07/2004, 10:35

[font=courier new]¿Así?

Código HTML:

<html>
<head>
	<title>Untitled</title>
<script>
var	campo1=null;
var campo2=null;
	function unoEs(este){
	if(campo2){
	campo1=campo2;
	campo2=este;}
	else{campo2=este}
	}
	function suma(){
	if(campo1 && campo2){
	valor=0;
	if(campo1.value<campo2.value){
	valor=100-parseFloat(campo2.value)+parseFloat(campo1.value);
	}
	else{
	valor=100-parseFloat(campo1.value)+parseFloat(campo2.value);
	}
	for(a=0;a<3;a++){
	campo3=document.forms[0].elements[a]
	if(campo3!=campo1 && campo3!=campo2){
	campo3.value=valor;break
	}
	}}}

</script>


</head>

<body>
<form action="index.php" method="post" name="formulario" id="formularo">
SI: <input name="SI" type="text" maxlength="8" id="SI" 
onkeyup="suma()" onfocus="unoEs(this)">
NO: <input name="NO" type="text" maxlength="8" id="NO"
onkeyup="suma()" onfocus="unoEs(this)">
OTRO: <input name="OTRO" type="text" maxlength="8" id="OTRO"
onkeyup="suma()" onfocus="unoEs(this)">
</form>

<div id="pepe"></div>
</body>
</html>

José Molina · #4 (**permalink**) 09/07/2004, 11:34

Saludos KarlanKas

Gracias por la ayuda.

Ahora lo que ocurre es lo siguiente, al cambiar con TAB entre los campos, una vez que ya se colocaron los datos, estos se modifican automáticamente y colocan valores errados.

Habría que validar que CAMPO1+CAMPO2+CAMPO3 = 100

Pueden probar el script en http://www.corpseyc.com.ve/prueba.html

Gracias

mamon · #5 (**permalink**) 09/07/2004, 23:01

puedes hacer que mire si los dos campos estan escritos para recien decir que se haga la operacion. y tb puedes usar un "onkeyPress" para que cada vez que se escriba un numero se vaya sumando, bueno eso me parece. espero q te ayude mi idea.