Javascript Help

**Basher** · 22-01-2004, 04:51 PM

Hi, i'm trying to develop a pc configurator using javascript just wondered if anyone could help me do this.

What i want is for users to select the part from a drop down list (each part has a set price) and the price of each part is totalled up and store in a <input type="hidden" name="amount" value="sumvaluehere"> kinda situation.

can anyone help?

cheers

**Mart** · 22-01-2004, 06:24 PM

Is it just a piece of standalone HTML or will it be part of a ASP/PHP website?

If the page has ASP/PHP behind it you will be able to write some server side script which reads the selected item from each drop down list and adds them up so no need for a hidden total field.

**Basher** · 22-01-2004, 06:49 PM

well it integrates with paypal payment, so that hidded payment field is required to tell the payment system how much to debit the customer card

**Mart** · 22-01-2004, 07:28 PM

Save this to a file and have a play. The total is updated whenever the selection in the drop downs change. The button is just used to display the current value of the hidden field.

Code:

<HTML>
<HEAD>
<script>
function Update_Total()
{
	totalAmount.value = Number(ddCPU.value) + Number(ddHDD.value);
}

function Total_Click()
{
	alert(totalAmount.value);
}
</script>
</HEAD>
<BODY onload="Update_Total()">
	<SELECT id=ddCPU onchange="Update_Total()">
		<OPTION value=200>Pentium II - £200</OPTION>
		<OPTION value=300>Pentium III - £300</OPTION>
		<OPTION value=400>AMD Athlon - £400</OPTION>
	</SELECT>
	<BR>
	<BR>
	<SELECT id=ddHDD onchange="Update_Total()">
		<OPTION value=20>20Gb - £20</OPTION>
		<OPTION value=30>40Gb - £30</OPTION>
		<OPTION value=40>80Gb - £40</OPTION>
	</SELECT>
	<BR>
	<BR>
	<input type="button" value="Total" onclick="Total_Click()">
	<INPUT id=totalAmount type="hidden" value=0>
</BODY>
</HTML>

**Basher** · 22-01-2004, 08:04 PM

cheers, m8, will let you know how i get on

**Spunkey** · 23-01-2004, 10:30 AM

the only problem with that is the fact that when you submit the form, instead of getting the names of the components people have specified youll end up with just their values. Which is fine unless two items have the same price - doh

id do it similar to the way you were, having a load of hidden fields at the bottom of the page which relate to the records in the database (assuming you have a DB, if not then just hard code all the values in there) call each field by the value you have on the option tag.

eg.
<OPTION value="20Gb HDD">20Gig Seagate HDD</option>

the corresponding value =
<INPUT type="hidden" name="20Gb HDD" value="20">

then in your javascript for the onchange event of the dropdown, look for a field called 'hddprice = document.all[document.formname.SelectTagName.value].value'

Hope this all made sense ive just rattled it off from memory

Of course this is probably all a lot more beneficial if your looping through a database otherwise you'll be updating your prices in HTML manually

Thread: Javascript Help

LinkBack

Thread Tools

Javascript Help

Thread Information

Users Browsing this Thread

Similar Threads

Whats the javascript command for exit ?

Javascript Help

remove HTML tags in javascript using regexp and replace

Posting Permissions