Simple price x quantity

[Mark 123]

Hi

I have a form with the input fields:

ProductName
Quantity

and output fields:

ProductPrice
TotalUSD

Here's what I want it to do:

a) After either the ProductName or Quantity fields are updated by the user,
I want the resulting calculation to be displayed for the Product Price and
the TotalUSD. The ProductName is a drop-down with the product name as the
description and the value the dollar amount of each product.

b) I want the output fields to be displayed as $ format.

c) I want it so that the output fields can't be manually overwritten by the
user and later the form will be posted to a database.

I began with the following but are not familiar with the syntax of
JavaScript and got syntax errors. I also need the syntax for the AfterUpdate
event for the two input fields. Can you help?

I think I'll name the form "Form1".

<SCRIPT LANGUAGE="JavaS cript">
Function CalculateTotal( form) {
form.ProductPri ce.value=(form. ProductName.val ue);
form.TotalUSD.v alue= (form.ProductNa me.value * form.Quantity.v alue)
}
</SCRIPT>

[Randy Webb]

Mark 123 wrote:

Hi

I have a form with the input fields:

ProductName
Quantity

and output fields:

ProductPrice
TotalUSD

Here's what I want it to do:

a) After either the ProductName or Quantity fields are updated by the user,
I want the resulting calculation to be displayed for the Product Price and
the TotalUSD. The ProductName is a drop-down with the product name as the
description and the value the dollar amount of each product.

b) I want the output fields to be displayed as $ format.

c) I want it so that the output fields can't be manually overwritten by the
user and later the form will be posted to a database.

I began with the following but are not familiar with the syntax of
JavaScript and got syntax errors. I also need the syntax for the AfterUpdate
event for the two input fields. Can you help?
There is no "AfterUpdat e" event. You want the onChange event.

onchange="Calcu lateTotal(this. form)"
I think I'll name the form "Form1".

<SCRIPT LANGUAGE="JavaS cript">
<script type="text"/javascript">
Function CalculateTotal( form) {
There is your syntax error, its function, not Function. Case Matters.
form.ProductPri ce.value=(form. ProductName.val ue);
form.TotalUSD.v alue= (form.ProductNa me.value * form.Quantity.v alue)
Append the $ before setting the value, or better, as you set it.

"$" + (form.ProductNa me.value * form.Quantity.v alue)
}
</SCRIPT>

--
Randy
comp.lang.javas cript FAQ - http://jibbering.com/faq

[Mark 123]

Thanks. Regarding the currency, what if the multiplication causes greater
(or less) than 2 decimal places?


"Randy Webb" <Hi************ @aol.com> wrote in message
news:cp******** ************@co mcast.com...

Mark 123 wrote:

Hi

I have a form with the input fields:

ProductName
Quantity

and output fields:

ProductPrice
TotalUSD

Here's what I want it to do:

a) After either the ProductName or Quantity fields are updated by the user, I want the resulting calculation to be displayed for the Product Price and the TotalUSD. The ProductName is a drop-down with the product name as the description and the value the dollar amount of each product.

b) I want the output fields to be displayed as $ format.

c) I want it so that the output fields can't be manually overwritten by the user and later the form will be posted to a database.

I began with the following but are not familiar with the syntax of
JavaScript and got syntax errors. I also need the syntax for the AfterUpdate event for the two input fields. Can you help?

There is no "AfterUpdat e" event. You want the onChange event.

onchange="Calcu lateTotal(this. form)"

I think I'll name the form "Form1".

<SCRIPT LANGUAGE="JavaS cript">

<script type="text"/javascript">

Function CalculateTotal( form) {

There is your syntax error, its function, not Function. Case Matters.

form.ProductPri ce.value=(form. ProductName.val ue);
form.TotalUSD.v alue= (form.ProductNa me.value * form.Quantity.v alue)

Append the $ before setting the value, or better, as you set it.

"$" + (form.ProductNa me.value * form.Quantity.v alue)

}
</SCRIPT>

--
Randy
comp.lang.javas cript FAQ - http://jibbering.com/faq

[Mark 123]

I can't get that event to fire:

http://www.orbisoft.com/promo/doubleoffer_new.aspx
"Randy Webb" <Hi************ @aol.com> wrote in message
news:cp******** ************@co mcast.com...

Mark 123 wrote:

Hi

I have a form with the input fields:

ProductName
Quantity

and output fields:

ProductPrice
TotalUSD

Here's what I want it to do:

a) After either the ProductName or Quantity fields are updated by the user, I want the resulting calculation to be displayed for the Product Price and the TotalUSD. The ProductName is a drop-down with the product name as the description and the value the dollar amount of each product.

b) I want the output fields to be displayed as $ format.

c) I want it so that the output fields can't be manually overwritten by the user and later the form will be posted to a database.

I began with the following but are not familiar with the syntax of
JavaScript and got syntax errors. I also need the syntax for the AfterUpdate event for the two input fields. Can you help?

There is no "AfterUpdat e" event. You want the onChange event.

onchange="Calcu lateTotal(this. form)"

I think I'll name the form "Form1".

<SCRIPT LANGUAGE="JavaS cript">

<script type="text"/javascript">

Function CalculateTotal( form) {

There is your syntax error, its function, not Function. Case Matters.

form.ProductPri ce.value=(form. ProductName.val ue);
form.TotalUSD.v alue= (form.ProductNa me.value * form.Quantity.v alue)

Append the $ before setting the value, or better, as you set it.

"$" + (form.ProductNa me.value * form.Quantity.v alue)

}
</SCRIPT>

--
Randy
comp.lang.javas cript FAQ - http://jibbering.com/faq

[Randy Webb]

Mark 123 wrote:

I can't get that event to fire:

http://www.orbisoft.com/promo/doubleoffer_new.aspx

<SCRIPT LANGUAGE="JavaS cript"<script type="text/javascript">

function CalculateTotal( form)

{
form.ProductPri ce.value=(form. ProductName.val ue);
form.TotalUSD.v alue= (form.ProductNa me.value * form.Quantity.v alue)
}

</SCRIPT>

That is a copy/paste. See the double script tags? Its throwing a syntax
error and then stops. Get rid of the extra script tag, and then validate
your HTML:
www.w3c.org

http://diveintomark.org/archives/200..._wont_help_you

While looking through that code, I noticed you are using onblur to
validate your fields. That unnecessary. Use the onChange, or the
onSubmit event handlers.

<input type="text" size="8" name="Quantity" class="textbx" tabindex="5"
onblur="check1( this.form1)" onchange="Calcu lateTotal(this. form)"
value="1">

onChange="check 1(this.form);Ca lculateTotal(th is.form)"

--
Randy
comp.lang.javas cript FAQ - http://jibbering.com/faq

[Randy Webb]

Mark 123 wrote:

Thanks. Regarding the currency, what if the multiplication causes greater
(or less) than 2 decimal places?

http://jibbering.com/faq/#FAQ4_6

And please don't top-post (That is also covered in the FAQ)

--
Randy
comp.lang.javas cript FAQ - http://jibbering.com/faq