Adding in form

[Sillysoft]

Is there a way to add 2 fields and put the total in another field without submitting the form in javascript? So say the second they click in the total cost field or perhaps the second they add anything in either of the 2 fields being summed up it puts the total in the total field

Thanks
Silly

[Poop_Shoot]

Sure that is possible try this on 4 size!

<script>
function addMyValue(val_1,val_2){
var myValue_1=parseInt(val_1,10);
var myValue_2=parseInt(val_2,10);
myValue_1=myValue_1+myValue_2;
document.theFrm.ans.value=myValue_1;
}
</script>

<form name="theFrm">
<input type="text" name="val1">+
<input type="text" name="val2">=
<input type="text" name="ans" onfocus="addMyValue(this.form.val1.value,this.form.val2.value)">
</form>

PS: I just love your avatar!! LOL!

[Sillysoft]

Sure that is possible try this on 4 size!

<script>
function addMyValue(val_1,val_2){
var myValue_1=parseInt(val_1,10);
var myValue_2=parseInt(val_2,10);
myValue_1=myValue_1+myValue_2;
document.theFrm.ans.value=myValue_1;
}
</script>

<form name="theFrm">
<input type="text" name="val1">+
<input type="text" name="val2">=
<input type="text" name="ans" onfocus="addMyValue(this.form.val1.value,this.form.val2.value)">
</form>

PS: I just loveimages/smilies/heart.gif your avatar!! LOL!

Thanks! Hmm. Question how do you add numbers with decimals?

Edit: NM! I need to use parsefloat! Duh!!

Silly

[Poop_Shoot]

Well you could use number!

<script>
function addMyValue(val_1,val_2){
var d=document.theFrm;
var x=d.oper.options[d.oper.selectedIndex].value;
var val1=Number(val_1);
var val2=Number(val_2);
d.ans.value=eval(val1+x+val2);
}
</script>

<form name="theFrm">
<input type="text" name="val1" onblur="this.form.ans.value=this.value;"> 
<select name="oper">
<option value="*">*
<option value="-">-
<option value="+">+
<option value="%">%
<option value="/">/
</select>
<input type="text" name="val2" onblur="addMyValue(this.form.val1.value,this.form.val2.value)"> =
<input type="text" name="ans" onfocus="addMyValue(this.form.val1.value,this.form.val2.value)">
</form>