Add number when not in fucos... how?

**weee** · 11-01-2005 03:04 PM

I have one text field for amount that will add the amount that will be added in it to an hidden field. I'd like to know how do I make it that way that once the focus is not on the field any more it'll add the amount?

Thanks!

**Ultimater** · 11-01-2005 04:04 PM

Shalom Weee, Mah Shalomcha?

You got a few options.

Use the onchange or onblur event handler.
Use an interval to continuously recalcuate every half a second or so.
Since you are obviously submitting a form, use the onsubmit event handler.

**weee** · 11-01-2005 04:07 PM

I can't do the opposite from onFocus. Meanning, calling a function ONLY when the user LEFT the field?

**Ultimater** · 11-01-2005 04:14 PM

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html dir="ltr" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>Ultimater's Example</title>
<script type="text/javascript">
function recalc(t){
var n1=Number(t.f1.value);
var n2=Number(t.f2.value);
n1=isNaN(n1)?0:n1
n2=isNaN(n2)?0:n2
t.f3.value=n1+n2
}

</script>
</head>

<body>
<form action="#">
<p>
<input name="f1" type="text" value="0" onchange="recalc(this.form)"><br>
<input name="f2" type="text" value="0" onchange="recalc(this.form)">
<hr>
<p>
Sum of 1 &amp; 2<br>
<input name="f3" type="text" value="0">
</form>

</body>
</html>

**weee** · 11-01-2005 04:23 PM

Weird, it's working on FF but not in IE... I don't get it.

**Ultimater** · 11-01-2005 04:29 PM

Oh sorry, "recalc" is a bad name try "recalc1".

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html dir="ltr" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>Ultimater's Example</title>
<script type="text/javascript">
function recalc1(t){
var n1=Number(t.f1.value);
var n2=Number(t.f2.value);
n1=isNaN(n1)?0:n1
n2=isNaN(n2)?0:n2
t.f3.value=n1+n2
}

</script>
</head>

<body>
<form action="#">
<p>
<input name="f1" type="text" value="0" onchange="recalc1(this.form)"><br>
<input name="f2" type="text" value="0" onchange="recalc1(this.form)">
<hr>
<p>
Sum of 1 &amp; 2<br>
<input name="f3" type="text" value="0">
</form>

</body>
</html>

**weee** · 11-01-2005 04:48 PM

Actually, I'm adding the total to something like this:
$<span id="total">200</span>

Should it be like that:
parseFloat( document.getElementById('total').innerHTML ) += n1

Does it makes sense?

**Ultimater** · 11-01-2005 04:52 PM

Did you give this a try?

Code:

var e=document.getElementById('total');
if(!e)return true;//exit the function if the element is not found

if("innerHTML" in e)
e.innerHTML=parseFloat(e.innerHTML) + n1;
else if("firstChild" in e && "data" in e.firstChild)
e.firstChild.data=parseFloat(e.firstChild.data) + n1;

The only problem with this logic is that if the user keeps on changing the value of the input field and the total price will keep on adding and adding and never re-starting.

You'd best you a variable to keep track of the total.

**weee** · 11-01-2005 04:56 PM

Ani Mishtagea...

Won't work (IE). The weird thing is that I'm not geting an alert window for the JS error.

**weee** · 11-01-2005 04:58 PM

wrong post!

**Ultimater** · 11-01-2005 04:58 PM

Can I see what you are trying?
edit:
alright, I see the code.

**Ultimater** · 11-01-2005 05:03 PM

document.checkout.bstate doesn't refer to:

Code:

<select name="state" onChange="stateCheck('8.25')">

**weee** · 11-01-2005 05:04 PM

Here it is:



<strong>Additional Costs</strong>
<input type="text" name="f1" class="qty" onChange="recalc(this.form)">

**Ultimater** · 11-01-2005 05:06 PM

Again, for IE change "recalc" to "recalc1" and make sure that is within a form.

And again:

The only problem with this logic is that if the user keeps on changing the value of the input field and the total price will keep on adding and adding and never re-starting.

You'd best you a variable to keep track of the total.

**weee** · 11-01-2005 05:34 PM

I changed, now I do get an error.

Ata rotze kishor ladaf?

Thread: Add number when not in fucos... how?

Thread Tools

Display

Add number when not in fucos... how?

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions