form calculator?

Just use Javascript to access the quantity text fields assign them to varialbes, add them up, and output ther result in a blank text field labelled "total." It would look something like this:

(I'm using qty1 and qty2 to separate the two widgets in the calculations, so for this to work your form fields would have to be labelled accordingly)

function calculate() {

var widget1= eval(document.form.qty1.value);
var widget2= eval(document.form.qty2.value);

var total = (widget1*25) + (widget2*25);

document.form.total.value = total;

}

Just call the function from onSubmit in the submit button. I hope this works for you. I'm not a Javascript guru by any means, but I've been working on something similar to this recently and it works!! (yeah, I'm proud)

Here's an article about accessing and validating forms - it might help
http://wsabstract.com/javatutors/form5.shtml

The eval is obsolete.

Malte

------------------
Malte Ubl - www.Boardzilla.org
Communication: public<->programmers
of the Boardzilla BB

Thanks Megs and Malte!

I don't have it down exactly yet, but I'll get it. I've only been coding in HTML a few weeks now. JAVASCRIPT is next, I think. I made the practice form below until I get it right.

Malte, when you said "eval" is obsolete, does that mean that browsers are going to stop recognizing it? It works on my version of Netscape (4 or 5?).

Thanks again.

<form name="example">

<CENTER>
WIDGET<INPUT TYPE="checkbox" NAME="WIDGET" VALUE="YES">
Qty.<INPUT TYPE="text" NAME="Qty." SIZE=1MAXLENGTH=1>
      
WIDGET<INPUT TYPE="checkbox" NAME="WIDGET" VALUE="YES">
Qty.<INPUT TYPE="text" NAME="Qty." SIZE=1 MAXLENGTH=1>
<BR><BR><BR><BR>

<input type="text" size="20" name="calculator">

<input type="button" name="B1" value="Calculate"
onclick="cal()">

<input type="reset" name="B2" value="Reset">

Answer:<input type="text" size="20" name="answer">
</form>

<script>
function cal()
{
document.example.answer.value=
eval(document.example.calculator.value)
}
</script>
</CENTER>

It works with and without the eval.

You only have to eval() an expression if it contains a string which is supposed to executed as an expression.

Malte

Hi Yaeger,

You might want to see the "Orderform" script at my site; it uses arrays for the 'products' and the "with" command for that easy-on-the-fingers effect. Also comes with explanations.

Vinny GrassBlade: cut&paste javascript

Thanks guys.

I seen your order form, Vincent. I'm messing around with the code and Megs's code. This javascript is making more sense.

Hi

>This javascript is making more sense.

Or as j,p,g&r said: "Things are getting better all the time"

vinny

Vinny,

That orderform at Grassblade is definitely the idea. There's a long one at:
http://www.coolnerds.com/jscript/ofinfo.htm

[This message has been edited by syaegerii (edited 31 January 2000).]