Orderform help javascript

ComplyOrDie · 19-04-2008 5:42pm #1

Hello,
I have been trying to create a order form for thr last 2 weeks and i keep hitting brick walls. Below is the program i am working on currently when a checkbox is checked goods will be put into the cart however i want this to change. When a figure from the drop down list is selected the cart should say the product name, number of goods selected and the price of goods.
[php]<HTML>
<HEAD>
<link rel = "stylesheet"
HREF=./Style.css Type=text/css>
<SCRIPT LANGUAGE=JavaScript></SCRIPT>
</HEAD>
<BODY BGCOLOR="#0069EF">
<P><FORM name=storeform>
<P><TABLE BORDER=2 WIDTH=100%>
<TR>
<TD COLSPAN=2 WIDTH=400>
<P>Choose as many of the following items as you
like, and click the button to update your shopping cart.
</TD>
</TR>
<TR>
<TD WIDTH=200>
<P>Product List

</TR>
<TR>
<TD WIDTH=200>
<P>Whippersnapper
</TD>
<TD WIDTH=200>
<P><INPUT TYPE=checkbox NAME=item1 VALUE=2.00>
<select name=productQuality size=1>
<option value=1>1
<option value=2>2
<option value=3>3
<option value=4>4
</select>

</TD>
</TR>

<TR>
<TD WIDTH=200>
<P>Owens Brown
</TD>
<TD WIDTH=400>
<P><INPUT TYPE=checkbox NAME=item2 VALUE=2.50 >
<select name=productQuality size=1>
<option value=1>1
<option value=2>2
<option value=3>3
<option value=4>4
</select>

</TD>
</TR>

<TR>
<TD>
<P><INPUT TYPE=button VALUE="Update Cart" onclick="update()"> <TD> <INPUT TYPE=reset VALUE="Clear Cart">
</TD>
</TR>
<TR>
<TD COLSPAN=2 WIDTH=200>
<P><TEXTAREA NAME=display ROWS=7 COLS=30 <Comic Sana Ms>>Have a nice Day!</TEXTAREA>

</TD>
</TR>
<P><a href="Company2.html"><li>Home</li></a></p>
</TABLE>

</FORM>
</BODY>
</HTML>[/php]Last week NotMe and Daymobrew helped me and this is what was achieved (below). But since then i have tried for hours unend trying to put this functionality in the top program. Can anyone help
[php]<html><head>

<script type="text/javascript">
function testFunction() {

var productPrice1= 2.50
var productPrice2= 3.90

var prodQuantity = document.getElementById("productQuantity").value;
var x1 = prodQuantity * productPrice1;
document.getElementById("result1").value = x1;

var prodQuantity2 = document.getElementById("productQuantity2").value;
var x2 = prodQuantity2 * productPrice2;
document.getElementById("result2").value = x2;

}
function updateTotal()
{
var totalPrice = document.getElementById("totalPrice").value;
var tp1 = x1+x2+x3+x4+x5+x6;
document.getElementById("resultTotal").value = tp1;
}
</script></head><body>
<select onchange="testFunction()" id="productQuantity" size="1">
<option>0
</option><option>1
</option><option>2
</option><option>3
</option><option>4
</option></select>
<br><br>
<select onchange="testFunction()" id="productQuantity2" size="1">
<option>0
</option><option>1
</option><option>2
</option><option>3
</option><option>4
</option></select>

<br><br>

The cost of product 1 is <input id="result1" value="0" type="text">
<br><br>
The cost of product 2 is <input id="result2" value="0" type="text">
<br><br>

<p><input value="Total" onclick="updateTotal()" type="button">
<br><br>
The total cost is <input id="resultTotal" value="0" type="text">
</p></body><script type="text/javascript"></script></html>[/php]

NotMe · 20-04-2008 2:13pm

You're not using the value of the dropdown list anywhere in your function?

if (item1.checked){
            contents="Whippersnapper: &#8364;"+i1[b][COLOR="Red"]*productQuantity1.value[/COLOR][/b]+"\r";
            total_price=total_price+i1[b][COLOR="Red"]*productQuantity1.value[/COLOR][/b];
            total_items=total_items+1;
}
if (item2.checked){
            contents=contents+"Owens Brown: &#8364;"+i2[b][COLOR="Red"]*productQuantity2.value[/COLOR][/b]+"\r";
            total_price=total_price+i2[b][COLOR="Red"]*productQuantity2.value[/COLOR][/b];
            total_items=total_items+1;
}

....

<select name=[b][COLOR="Red"]productQuantity1[/COLOR][/b] size=1>
...
<select name=[b][COLOR="Red"]productQuantity2[/COLOR][/b] size=1>
...

ComplyOrDie · 20-04-2008 4:23pm

NotMe
I have a question.

I wanted to put in the quantity of each product and tried a number of ways including adding in

+productQuantity1.value
productQuantity1.value

however the cart is just stopping and not printing to the screen. i think it is something to do with my syntax however i'm not sure

[PHP]if (item1.checked){
contents= +productQuantity1.value "Whippersnapper costing: €"+i1*productQuantity1.value+"\r";
total_price=total_price+i1*productQuantity1.value;
total_items=total_items+1;[/PHP]

NotMe · 20-04-2008 5:21pm

productQuantity1.value + ...

[PHP]if (item1.checked){
contents= productQuantity1.value + "Whippersnapper costing: €"+i1*productQuantity1.value+"\r";
total_price=total_price+i1*productQuantity1.value;
total_items=total_items+1;[/PHP]

If you're using Firefox click "Tools/Error Console" and it will help you find errors.

Cantab. · 20-04-2008 8:00pm

I'd also recommend the excellent "Live HTTP headers" plug-in for Firefox.

Orderform help javascript

Comments