ramzilla
Programmer
- Nov 23, 2007
- 2
Hi,
Thanks in advance for any help.
I had the following javascript working a while back. It's had additions and deletions in parts of it according to product changes and for some reason has stopped working. I just can't find the error in it.
Before, when you entered a quintity in the form, you clicked in the "Items Ordered" field and it configured everything.
I can't find what's wrong in the script and certainly would appreciate any pointers.
I'll copy and paste the script (along with the form html) here...
Thanks again...
- ed
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Order Form</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="etc">
<meta name="description" content="etc">
<SCRIPT LANGUAGE="JavaScript">
var p1_price = 28.50;
var p2_price = 16.50;
var p3_price = 16.50;
var p4_price = 11.50;
var p5_price = 11.50;
var p6_price = 16.50;
var p7_price = 11.50;
var p8_price = 16.50;
var p9_price = 11.50;
var p10_price = 16.50;
var p11_price = 11.50;
var p12_price = 16.50;
function Monify(value)
{
var str = "" + Math.round(value*100);
var len = str.length;
return (str=="0")?""str.substring(0,len-2)+"."+str.substring(len-2,len));
}
function CalculateOrder(form)
{
var cnt = 0;
var vcnt = 0;
var sub = 0;
var ship = 0.00;
var products = "";
var stax = 0.06;
if (form.p1.value > 0)
{
cnt += Math.abs(form.p1.value);
vcnt += Math.abs(form.p1.value);
sub += Math.abs(form.p1.value) * p1_price;
products += form.p1.value+" @ $"+p1_price+" item1\r\n";
}
if (form.p2.value > 0)
{
cnt += Math.abs(form.p2.value);
vcnt += Math.abs(form.p2.value);
sub += Math.abs(form.p2.value) * p2_price;
products += form.p2.value+" @ $"+p2_price+" item12\r\n";
}
if (form.p3.value > 0)
{
cnt += Math.abs(form.p3.value);
vcnt += Math.abs(form.p3.value);
sub += Math.abs(form.p3.value) * p3_price;
products += form.p3.value+" @ $"+p3_price+" item3\r\n";
}
if (form.p4.value > 0)
{
cnt += Math.abs(form.p4.value);
vcnt += Math.abs(form.p4.value);
sub += Math.abs(form.p4.value) * p4_price;
products += form.p4.value+" @ $"+p4_price+" item4\r\n";
}
if (form.p5.value > 0)
{
cnt += Math.abs(form.p5.value);
vcnt += Math.abs(form.p5.value);
sub += Math.abs(form.p5.value) * p5_price;
products += form.5.value+" @ $"+p5_price+" item5\r\n";
}
if (form.p6.value > 0)
{
cnt += Math.abs(form.p6.value);
vcnt += Math.abs(form.p6.value);
sub += Math.abs(form.p6.value) * p6_price;
products += form.p6.value+" @ $"+p6_price+" item6\r\n";
}
if (form.p7.value > 0)
{
cnt += Math.abs(form.p7.value);
vcnt += Math.abs(form.p7.value);
sub += Math.abs(form.p7.value) * p7_price;
products += form.p7.value+" @ $"+p7_price+" item7\r\n";
}
if (form.p8.value > 0)
{
cnt += Math.abs(form.p8.value);
vcnt += Math.abs(form.p8.value);
sub += Math.abs(form.p8.value) * p8_price;
products += form.p8.value+" @ $"+p8_price+" item8\r\n";
}
if (form.p9.value > 0)
{
cnt += Math.abs(form.p9.value);
vcnt += Math.abs(form.p9.value);
sub += Math.abs(form.p9.value) * p9_price;
products += form.p9.value+" @ $"+p9_price+" item9\r\n";
}
if (form.p10.value > 0)
{
cnt += Math.abs(form.p10.value);
vcnt += Math.abs(form.p10.value);
sub += Math.abs(form.p10.value) * p10_price;
products += form.p10.value+" @ $"+p10_price+" item10\r\n";
}
if (form.p11.value > 0)
{
cnt += Math.abs(form.p11.value);
vcnt += Math.abs(form.p11.value);
sub += Math.abs(form.p11.value) * p11_price;
products += form.p11.value+" @ $"+p11_price+" item11\r\n";
}
if (form.p12.value > 0)
{
cnt += Math.abs(form.p12.value);
vcnt += Math.abs(form.p12.value);
sub += Math.abs(form.p12.value) * p12_price;
products += form.p12.value+" @ $"+p12_price+" item12\r\n";
}
form.Products_Ordered.value = products;
form.Total_Value.value = Monify(sub);
if (vcnt < 3 ) { ship = 0.00; form.Shipping.value = Monify(ship); }
if (vcnt == 3) { ship = 0; form.Shipping.value = 0; }
if (vcnt > 3 ) { ship = 0; form.Shipping.value = 0; }
if (vcnt == 0 ) { ship = 0; form.Shipping.value = 0; }
stax = 0.00;
form.Tax.value = 0.00;
if (form.alres.checked) { stax = sub * (0.06); form.Tax.value = Monify(stax) }
form.Total_Price_to_be_Paid.value = Monify(sub + ship + stax);
}
function ValidateOrder(form)
{
CalculateOrder(form);
if (form.User_name.value == "")
{ alert("Please include your name"); form.User_name.focus(); return; }
if (form.User_email.value == "")
{ alert("Please include your email address in customer details"); form.User_email.focus(); return; }
if (form.User_email.value.indexOf('@', 0) == -1 ||
form.User_email.value.indexOf('.', 0) == -1)
{ alert("Please enter a valid User_email address in customer details"); form.User_email.focus(); return; }
if (form.Total_Value.value == "")
{ alert("Please select the product(s) you wish to purchase"); form.p1.focus(); return; }
form.submit();
}
</SCRIPT>
</head>
<body bgcolor="#B5947B" link="#9B5C49" vlink="#FEF6F4" alink="#B5947B">
<div align="center">
<table width="625" border="0" height="1012">
<tr valign="middle">
<td height="939">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="2" color="#E6DCD3"><i>Close this window to return to previous page, after printing</i></font>
</div>
<form action=" method="post">
<table width="625" bgcolor="#E6DCD3" height="791">
<tr valign="middle">
<td height="723">
<div align="center">
<b><font color="#B5947B" size="5" face="Times New Roman, Times, serif">
ORDER FORM</font></b>
</div>
<div align="center"><font color="#822517" face="Arial, Helvetica, sans-serif" size="2"><b><i>Please enter the quantity of each item you wish to purchase and print and mail this form</i></b></font><font color="#822517" face="Arial, Helvetica, sans-serif" size="2"><b><i>.</i></b></font>
</div>
<table width="625" cellspacing="1" cellpadding="1" border="1" frame="box" rules="rows" bordercolorlight="#E6DCD3" bordercolordark="#663333" align="center">
<tr>
<td width="229">
<div align="center"><font color="#822517" face="Times New Roman, Times, serif" size="3"><b>Item</b></font></div>
</td>
<td width="104" valign="middle">
<div align="right"><font color="#822517" face="Times New Roman, Times, serif" size="3"><b>Description -</b></font></div>
</td>
<td width="82" valign="middle">
<div align="left"><font color="#822517" face="Times New Roman, Times, serif" size="3"><b>Quantity</b></font></div>
</td>
<td width="183" valign="middle">
<div align="center"><font color="#822517" face="Times New Roman, Times, serif" size="3"><b><i>Price Includes Shipping</i></b></font></div>
</td>
</tr>
<tr>
<td width="229">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><a href="1.html" target="_blank"><b>item1:<br></b></a></font></div>
</td>
<td width="104">
<div align="right"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><b>c</b></font></div>
</td>
<td align="center" width="82" valign="middle">
<div align="left">
<input maxlength=6 name=p1 onChange=CalculateOrder(this.form) size=3 value=0>
</div>
</td>
<td width="183" valign="middle">
<div align="center"><font color="#000000" face="Arial, Helvetica, sans-serif" size="3">28.50
<font size="2">@</font></font></div>
</td>
</tr>
<tr>
<td width="229">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><a href="2.html" target="_blank"><b>item2</b></a></font></div>
</td>
<td width="104" valign="middle">
<div align="right">
<font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><b>a</b></font></div>
</td>
<td align="center" width="82">
<div align="left">
<input maxlength=6 name=p2 onChange=CalculateOrder(this.form) size=3 value=0>
</div>
</td>
<td width="183" valign="middle">
<div align="center"><font color="#E6DCD3" face="Arial, Helvetica, sans-serif" size="3">
<font color="#000000">16.50 </font><font color="#000000" face="Arial, Helvetica, sans-serif" size="2">@</font>
</font></div>
</td>
</tr>
<tr>
<td width="229" height="14">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><a href="3.html" target="_blank"><b>item3</b></a></font></div>
</td>
<td width="104" height="14">
<div align="right"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><b>a</b></font><br>
<font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><b>b</b></font></div>
</td>
<td align="center" width="82" height="14">
<div align="left">
<input maxlength=6 name=p3 onChange=CalculateOrder(this.form) size=3 value=0>
<br>
<input maxlength=6 name=p4 onChange=CalculateOrder(this.form) size=3 value=0>
</div>
</td>
<td width="183" valign="middle">
<div align="center"><font color="#000000" face="Arial, Helvetica, sans-serif" size="3">16.50 <font size="2">@</font><br>
11.50 <font size="2">@</font></font></div>
</td>
</tr>
<tr>
<td width="229">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><a href="4.html" target="_blank"><b>item4</b></a></font></div>
</td>
<td width="104" valign="middle">
<div align="right">
<font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><b>b</b></font></div>
</td>
<td align="center" width="82">
<div align="left">
<input maxlength=6 name=p5 onChange=CalculateOrder(this.form) size=3 value=0>
</div>
</td>
<td width="183" valign="middle">
<div align="center"><font color="#E6DCD3" face="Arial, Helvetica, sans-serif" size="3">
<font color="#000000">11.50 </font><font color="#000000" face="Arial, Helvetica, sans-serif" size="2">@</font>
</font></div>
</td>
</tr>
<tr>
<td width="229">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><a href="5.html" target="_blank"><b>item5</b></a></font></div>
</td>
<td width="104" valign="middle">
<div align="right"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><b>a</b></font><b><font color="#000000"><br>
<font face="Arial, Helvetica, sans-serif" size="2">b</font></font></b></div>
</td>
<td align="center" width="82">
<div align="left">
<input maxlength=6 name=p6 onChange=CalculateOrder(this.form) size=3 value=0>
<br>
<input maxlength=6 name=p7 onChange=CalculateOrder(this.form) size=3 value=0>
</div>
</td>
<td width="183" valign="middle">
<div align="center"><font color="#000000" face="Arial, Helvetica, sans-serif" size="3">16.50 <font size="2">@</font></font><font color="#E6DCD3" face="Arial, Helvetica, sans-serif" size="3"><br>
<font color="#000000">11.50 </font><font color="#000000" face="Arial, Helvetica, sans-serif" size="2">@</font>
</font></div>
</td>
</tr>
<tr>
<td width="229">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><a href="6.html" target="_blank"><b>item6</b></a></font></div>
</td>
<td width="104" valign="middle">
<div align="right"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><b>a</b></font><b><font color="#000000"><br>
<font face="Arial, Helvetica, sans-serif" size="2">b</font></font></b></div></td>
<td align="center" width="82">
<div align="left">
<input maxlength=6 name=p8 onChange=CalculateOrder(this.form) size=3 value=0>
<br>
<input maxlength=6 name=p9 onChange=CalculateOrder(this.form) size=3 value=0>
</div>
</td>
<td width="183" valign="middle">
<div align="center"><font color="#000000" face="Arial, Helvetica, sans-serif" size="3">
16.50 <font size="2">@</font></font><font color="#E6DCD3" face="Arial, Helvetica, sans-serif" size="3"></font><font color="#000000" face="Arial, Helvetica, sans-serif" size="3"><br>
11.50<font size="2"> @</font></font></div>
</td>
</tr>
<tr>
<td width="229">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><a href="7" target="_blank"><b>item7</b></a></font></div>
</td>
<td width="104" valign="middle">
<div align="right"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><b>a<br>b</b></font></div>
</td>
<td align="center" width="82">
<div align="left">
<input maxlength=6 name=p10 onChange=CalculateOrder(this.form) size=3 value=0>
<br>
<input maxlength=6 name=p11 onChange=CalculateOrder(this.form) size=3 value=0>
</div>
</td>
<td width="183" valign="middle">
<div align="center"><font color="#000000" face="Arial, Helvetica, sans-serif" size="3">16.50
<font size="2">@</font></font><font color="#E6DCD3" face="Arial, Helvetica, sans-serif" size="3"></font><font color="#000000" face="Arial, Helvetica, sans-serif" size="3"></font><font color="#000000" face="Arial, Helvetica, sans-serif" size="3"><br>
11.50 <font size="2">@</font></font></div>
</td>
</tr>
<tr>
<td width="229">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><a href="8.html" target="_blank"><b>item8</b></a></font></div>
</td>
<td width="104" valign="middle">
<div align="right"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><b>a</b></font></div>
</td>
<td align="center" width="82">
<div align="left">
<input maxlength=6 name=p12 onChange=CalculateOrder(this.form) size=3 value=0>
</div>
</td>
<td width="183" valign="middle">
<div align="center"><font color="#000000" face="Arial, Helvetica, sans-serif" size="3">16.50
</font><font color="#000000" face="Arial, Helvetica, sans-serif" size="2">@</font></div>
</td>
</tr>
</table>
<div align="center"><b><font size="4" face="Times New Roman, Times, serif" color="#822517">~ Items Ordered ~</font></b>
<font color="#663333" face="Arial, Helvetica, sans-serif" size="3"><br>
<textarea cols=60 name=Products_Ordered onChange=CalculateOrder(this.form) rows=5 value=""></textarea>
</font></div>
<div align="center">
<input name=alres onClick=CalculateOrder(this.form) type=checkbox value=ON>
<b><font color="#000000" size="3" face="Times New Roman, Times, serif"><i>Please Check here if you live in this state</i></font></b></div>
<table border=0 cellpadding=0 width="317" align="center">
<tbody>
<tr>
<td>
<div align="right"><b><font face="Arial, Helvetica, sans-serif" size="2" color="#000000">Subtotal in US $</font></b></div>
</td>
<td>
<input name=Total_Value onChange=CalculateOrder(this.form) size=7 value=0>
</td>
</tr>
<tr>
<td>
<div align="right"><b><font face="Arial, Helvetica, sans-serif" size="2" color="#000000">State Sales Tax</font></b></div>
</td>
<td>
<input name=Tax onChange=CalculateOrder(this.form) size=7 value=0>
</td>
</tr>
<tr>
<td>
<div align="right"><b><font face="Arial, Helvetica, sans-serif" size="2" color="#000000">Shipping</font></b> </div>
</td>
<td>
<input name=Shipping onChange=CalculateOrder(this.form) value=N/A size=7>
<font color="#E6DCD3" size="2" face="Arial, Helvetica, sans-serif"><b>added in above</b></font></td>
</tr>
<tr>
<td>
<div align="right"><b><font face="Arial, Helvetica, sans-serif" color="#000000" size="3"> Total US $</font></b></div>
</td>
<td>
<input name=Total_Price_to_be_Paid onChange=CalculateOrder(this.form) size=7 value=0>
</td>
</tr>
</tbody>
</table>
<div align="center"><font face="Arial, Helvetica, sans-serif" size="2" color="#E6DCD3">For International orders and Alaska and Hawaii, inquire by email for shipping rates</font><br>
</div>
<table width="632" cellspacing="1" cellpadding="1" border="0" align="center">
<tr valign="middle">
<td colspan="2" height="20">
<div align="center"><font size="3" color="#822517" face="Times New Roman, Times, serif"><b>~
SHIPPING INFO</b></font> <font size="3" color="#822517" face="Times New Roman, Times, serif"><b>~</b></font>
</div>
</td>
</tr>
<tr>
<td width="196" valign="middle">
<div align="right"><font face="Arial, Helvetica, sans-serif" size="3" color="#000000"><b>Name:</b></font></div>
</td>
<td width="427">
<input name=Ship_to_name2 size=20>
</td>
</tr>
<tr>
<td width="196">
<div align="right"><font face="Arial, Helvetica, sans-serif" size="3" color="#000000"><b>Addr.:</b></font></div>
</td>
<td width="427">
<input type="text" name="Ship_to_address" size="35">
</td>
</tr>
<tr>
<td width="196">
<div align="right"><font face="Arial, Helvetica, sans-serif" size="3" color="#000000"><b>Addr.:</b></font></div>
</td>
<td width="427">
<input type="text" name="your_email" size="35">
</td>
</tr>
<tr>
<td width="196">
<div align="right"><font face="Arial, Helvetica, sans-serif" size="3" color="#000000"><b>City:</b></font></div>
</td>
<td width="427" bgcolor="#E6DCD3">
<input type="text" name="Ship_to_city" size="20">
<font face="Arial, Helvetica, sans-serif" size="3" color="#000000"><b>State</b></font>
<input type="text" name="Ship_to_state" size="2" maxlength="2">
<font face="Arial, Helvetica, sans-serif" size="3" color="#000000"><b>Zip</b></font>
<input type="text" name="Ship_to_zip" size="10">
</td>
</tr>
<tr>
<td width="196" valign="middle" height="2">
<div align="right"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><b><i>Email:</i></b></font></div>
</td>
<td width="427" height="2">
<input type="text" name="textfield" size="35">
</td>
</tr>
</form>
</table>
<table>
<div align="center"><b><font size="4" face="Times New Roman, Times, serif" color="#822517"><i>
<font size="3">Print This Form and Mail with Money Order or Check to:</font></i></font></b>
<br>
<font color="#000000" face="Arial, Helvetica, sans-serif" size="3"><b>business</b></font> <font size="3"><b><font color="#000000" face="Arial, Helvetica, sans-serif">*</font>
<font color="#000000" face="Arial, Helvetica, sans-serif">address</font> <font color="#000000" face="Arial, Helvetica, sans-serif">*</font>
<font color="#000000" face="Arial, Helvetica, sans-serif">citystatezip</font></b></font></div>
<div align="center">
<b><font size="3" face="Times New Roman, Times, serif" color="#822517"><i>~ THANK YOU FOR YOUR ORDER!</i></font></b>
~ </div>
</td>
</tr>
</table>
</div>
</body>
</html>
Thanks in advance for any help.
I had the following javascript working a while back. It's had additions and deletions in parts of it according to product changes and for some reason has stopped working. I just can't find the error in it.
Before, when you entered a quintity in the form, you clicked in the "Items Ordered" field and it configured everything.
I can't find what's wrong in the script and certainly would appreciate any pointers.
I'll copy and paste the script (along with the form html) here...
Thanks again...
- ed
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Order Form</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="etc">
<meta name="description" content="etc">
<SCRIPT LANGUAGE="JavaScript">
var p1_price = 28.50;
var p2_price = 16.50;
var p3_price = 16.50;
var p4_price = 11.50;
var p5_price = 11.50;
var p6_price = 16.50;
var p7_price = 11.50;
var p8_price = 16.50;
var p9_price = 11.50;
var p10_price = 16.50;
var p11_price = 11.50;
var p12_price = 16.50;
function Monify(value)
{
var str = "" + Math.round(value*100);
var len = str.length;
return (str=="0")?""str.substring(0,len-2)+"."+str.substring(len-2,len));
}
function CalculateOrder(form)
{
var cnt = 0;
var vcnt = 0;
var sub = 0;
var ship = 0.00;
var products = "";
var stax = 0.06;
if (form.p1.value > 0)
{
cnt += Math.abs(form.p1.value);
vcnt += Math.abs(form.p1.value);
sub += Math.abs(form.p1.value) * p1_price;
products += form.p1.value+" @ $"+p1_price+" item1\r\n";
}
if (form.p2.value > 0)
{
cnt += Math.abs(form.p2.value);
vcnt += Math.abs(form.p2.value);
sub += Math.abs(form.p2.value) * p2_price;
products += form.p2.value+" @ $"+p2_price+" item12\r\n";
}
if (form.p3.value > 0)
{
cnt += Math.abs(form.p3.value);
vcnt += Math.abs(form.p3.value);
sub += Math.abs(form.p3.value) * p3_price;
products += form.p3.value+" @ $"+p3_price+" item3\r\n";
}
if (form.p4.value > 0)
{
cnt += Math.abs(form.p4.value);
vcnt += Math.abs(form.p4.value);
sub += Math.abs(form.p4.value) * p4_price;
products += form.p4.value+" @ $"+p4_price+" item4\r\n";
}
if (form.p5.value > 0)
{
cnt += Math.abs(form.p5.value);
vcnt += Math.abs(form.p5.value);
sub += Math.abs(form.p5.value) * p5_price;
products += form.5.value+" @ $"+p5_price+" item5\r\n";
}
if (form.p6.value > 0)
{
cnt += Math.abs(form.p6.value);
vcnt += Math.abs(form.p6.value);
sub += Math.abs(form.p6.value) * p6_price;
products += form.p6.value+" @ $"+p6_price+" item6\r\n";
}
if (form.p7.value > 0)
{
cnt += Math.abs(form.p7.value);
vcnt += Math.abs(form.p7.value);
sub += Math.abs(form.p7.value) * p7_price;
products += form.p7.value+" @ $"+p7_price+" item7\r\n";
}
if (form.p8.value > 0)
{
cnt += Math.abs(form.p8.value);
vcnt += Math.abs(form.p8.value);
sub += Math.abs(form.p8.value) * p8_price;
products += form.p8.value+" @ $"+p8_price+" item8\r\n";
}
if (form.p9.value > 0)
{
cnt += Math.abs(form.p9.value);
vcnt += Math.abs(form.p9.value);
sub += Math.abs(form.p9.value) * p9_price;
products += form.p9.value+" @ $"+p9_price+" item9\r\n";
}
if (form.p10.value > 0)
{
cnt += Math.abs(form.p10.value);
vcnt += Math.abs(form.p10.value);
sub += Math.abs(form.p10.value) * p10_price;
products += form.p10.value+" @ $"+p10_price+" item10\r\n";
}
if (form.p11.value > 0)
{
cnt += Math.abs(form.p11.value);
vcnt += Math.abs(form.p11.value);
sub += Math.abs(form.p11.value) * p11_price;
products += form.p11.value+" @ $"+p11_price+" item11\r\n";
}
if (form.p12.value > 0)
{
cnt += Math.abs(form.p12.value);
vcnt += Math.abs(form.p12.value);
sub += Math.abs(form.p12.value) * p12_price;
products += form.p12.value+" @ $"+p12_price+" item12\r\n";
}
form.Products_Ordered.value = products;
form.Total_Value.value = Monify(sub);
if (vcnt < 3 ) { ship = 0.00; form.Shipping.value = Monify(ship); }
if (vcnt == 3) { ship = 0; form.Shipping.value = 0; }
if (vcnt > 3 ) { ship = 0; form.Shipping.value = 0; }
if (vcnt == 0 ) { ship = 0; form.Shipping.value = 0; }
stax = 0.00;
form.Tax.value = 0.00;
if (form.alres.checked) { stax = sub * (0.06); form.Tax.value = Monify(stax) }
form.Total_Price_to_be_Paid.value = Monify(sub + ship + stax);
}
function ValidateOrder(form)
{
CalculateOrder(form);
if (form.User_name.value == "")
{ alert("Please include your name"); form.User_name.focus(); return; }
if (form.User_email.value == "")
{ alert("Please include your email address in customer details"); form.User_email.focus(); return; }
if (form.User_email.value.indexOf('@', 0) == -1 ||
form.User_email.value.indexOf('.', 0) == -1)
{ alert("Please enter a valid User_email address in customer details"); form.User_email.focus(); return; }
if (form.Total_Value.value == "")
{ alert("Please select the product(s) you wish to purchase"); form.p1.focus(); return; }
form.submit();
}
</SCRIPT>
</head>
<body bgcolor="#B5947B" link="#9B5C49" vlink="#FEF6F4" alink="#B5947B">
<div align="center">
<table width="625" border="0" height="1012">
<tr valign="middle">
<td height="939">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="2" color="#E6DCD3"><i>Close this window to return to previous page, after printing</i></font>
</div>
<form action=" method="post">
<table width="625" bgcolor="#E6DCD3" height="791">
<tr valign="middle">
<td height="723">
<div align="center">
<b><font color="#B5947B" size="5" face="Times New Roman, Times, serif">
ORDER FORM</font></b>
</div>
<div align="center"><font color="#822517" face="Arial, Helvetica, sans-serif" size="2"><b><i>Please enter the quantity of each item you wish to purchase and print and mail this form</i></b></font><font color="#822517" face="Arial, Helvetica, sans-serif" size="2"><b><i>.</i></b></font>
</div>
<table width="625" cellspacing="1" cellpadding="1" border="1" frame="box" rules="rows" bordercolorlight="#E6DCD3" bordercolordark="#663333" align="center">
<tr>
<td width="229">
<div align="center"><font color="#822517" face="Times New Roman, Times, serif" size="3"><b>Item</b></font></div>
</td>
<td width="104" valign="middle">
<div align="right"><font color="#822517" face="Times New Roman, Times, serif" size="3"><b>Description -</b></font></div>
</td>
<td width="82" valign="middle">
<div align="left"><font color="#822517" face="Times New Roman, Times, serif" size="3"><b>Quantity</b></font></div>
</td>
<td width="183" valign="middle">
<div align="center"><font color="#822517" face="Times New Roman, Times, serif" size="3"><b><i>Price Includes Shipping</i></b></font></div>
</td>
</tr>
<tr>
<td width="229">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><a href="1.html" target="_blank"><b>item1:<br></b></a></font></div>
</td>
<td width="104">
<div align="right"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><b>c</b></font></div>
</td>
<td align="center" width="82" valign="middle">
<div align="left">
<input maxlength=6 name=p1 onChange=CalculateOrder(this.form) size=3 value=0>
</div>
</td>
<td width="183" valign="middle">
<div align="center"><font color="#000000" face="Arial, Helvetica, sans-serif" size="3">28.50
<font size="2">@</font></font></div>
</td>
</tr>
<tr>
<td width="229">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><a href="2.html" target="_blank"><b>item2</b></a></font></div>
</td>
<td width="104" valign="middle">
<div align="right">
<font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><b>a</b></font></div>
</td>
<td align="center" width="82">
<div align="left">
<input maxlength=6 name=p2 onChange=CalculateOrder(this.form) size=3 value=0>
</div>
</td>
<td width="183" valign="middle">
<div align="center"><font color="#E6DCD3" face="Arial, Helvetica, sans-serif" size="3">
<font color="#000000">16.50 </font><font color="#000000" face="Arial, Helvetica, sans-serif" size="2">@</font>
</font></div>
</td>
</tr>
<tr>
<td width="229" height="14">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><a href="3.html" target="_blank"><b>item3</b></a></font></div>
</td>
<td width="104" height="14">
<div align="right"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><b>a</b></font><br>
<font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><b>b</b></font></div>
</td>
<td align="center" width="82" height="14">
<div align="left">
<input maxlength=6 name=p3 onChange=CalculateOrder(this.form) size=3 value=0>
<br>
<input maxlength=6 name=p4 onChange=CalculateOrder(this.form) size=3 value=0>
</div>
</td>
<td width="183" valign="middle">
<div align="center"><font color="#000000" face="Arial, Helvetica, sans-serif" size="3">16.50 <font size="2">@</font><br>
11.50 <font size="2">@</font></font></div>
</td>
</tr>
<tr>
<td width="229">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><a href="4.html" target="_blank"><b>item4</b></a></font></div>
</td>
<td width="104" valign="middle">
<div align="right">
<font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><b>b</b></font></div>
</td>
<td align="center" width="82">
<div align="left">
<input maxlength=6 name=p5 onChange=CalculateOrder(this.form) size=3 value=0>
</div>
</td>
<td width="183" valign="middle">
<div align="center"><font color="#E6DCD3" face="Arial, Helvetica, sans-serif" size="3">
<font color="#000000">11.50 </font><font color="#000000" face="Arial, Helvetica, sans-serif" size="2">@</font>
</font></div>
</td>
</tr>
<tr>
<td width="229">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><a href="5.html" target="_blank"><b>item5</b></a></font></div>
</td>
<td width="104" valign="middle">
<div align="right"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><b>a</b></font><b><font color="#000000"><br>
<font face="Arial, Helvetica, sans-serif" size="2">b</font></font></b></div>
</td>
<td align="center" width="82">
<div align="left">
<input maxlength=6 name=p6 onChange=CalculateOrder(this.form) size=3 value=0>
<br>
<input maxlength=6 name=p7 onChange=CalculateOrder(this.form) size=3 value=0>
</div>
</td>
<td width="183" valign="middle">
<div align="center"><font color="#000000" face="Arial, Helvetica, sans-serif" size="3">16.50 <font size="2">@</font></font><font color="#E6DCD3" face="Arial, Helvetica, sans-serif" size="3"><br>
<font color="#000000">11.50 </font><font color="#000000" face="Arial, Helvetica, sans-serif" size="2">@</font>
</font></div>
</td>
</tr>
<tr>
<td width="229">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><a href="6.html" target="_blank"><b>item6</b></a></font></div>
</td>
<td width="104" valign="middle">
<div align="right"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><b>a</b></font><b><font color="#000000"><br>
<font face="Arial, Helvetica, sans-serif" size="2">b</font></font></b></div></td>
<td align="center" width="82">
<div align="left">
<input maxlength=6 name=p8 onChange=CalculateOrder(this.form) size=3 value=0>
<br>
<input maxlength=6 name=p9 onChange=CalculateOrder(this.form) size=3 value=0>
</div>
</td>
<td width="183" valign="middle">
<div align="center"><font color="#000000" face="Arial, Helvetica, sans-serif" size="3">
16.50 <font size="2">@</font></font><font color="#E6DCD3" face="Arial, Helvetica, sans-serif" size="3"></font><font color="#000000" face="Arial, Helvetica, sans-serif" size="3"><br>
11.50<font size="2"> @</font></font></div>
</td>
</tr>
<tr>
<td width="229">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><a href="7" target="_blank"><b>item7</b></a></font></div>
</td>
<td width="104" valign="middle">
<div align="right"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><b>a<br>b</b></font></div>
</td>
<td align="center" width="82">
<div align="left">
<input maxlength=6 name=p10 onChange=CalculateOrder(this.form) size=3 value=0>
<br>
<input maxlength=6 name=p11 onChange=CalculateOrder(this.form) size=3 value=0>
</div>
</td>
<td width="183" valign="middle">
<div align="center"><font color="#000000" face="Arial, Helvetica, sans-serif" size="3">16.50
<font size="2">@</font></font><font color="#E6DCD3" face="Arial, Helvetica, sans-serif" size="3"></font><font color="#000000" face="Arial, Helvetica, sans-serif" size="3"></font><font color="#000000" face="Arial, Helvetica, sans-serif" size="3"><br>
11.50 <font size="2">@</font></font></div>
</td>
</tr>
<tr>
<td width="229">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><a href="8.html" target="_blank"><b>item8</b></a></font></div>
</td>
<td width="104" valign="middle">
<div align="right"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><b>a</b></font></div>
</td>
<td align="center" width="82">
<div align="left">
<input maxlength=6 name=p12 onChange=CalculateOrder(this.form) size=3 value=0>
</div>
</td>
<td width="183" valign="middle">
<div align="center"><font color="#000000" face="Arial, Helvetica, sans-serif" size="3">16.50
</font><font color="#000000" face="Arial, Helvetica, sans-serif" size="2">@</font></div>
</td>
</tr>
</table>
<div align="center"><b><font size="4" face="Times New Roman, Times, serif" color="#822517">~ Items Ordered ~</font></b>
<font color="#663333" face="Arial, Helvetica, sans-serif" size="3"><br>
<textarea cols=60 name=Products_Ordered onChange=CalculateOrder(this.form) rows=5 value=""></textarea>
</font></div>
<div align="center">
<input name=alres onClick=CalculateOrder(this.form) type=checkbox value=ON>
<b><font color="#000000" size="3" face="Times New Roman, Times, serif"><i>Please Check here if you live in this state</i></font></b></div>
<table border=0 cellpadding=0 width="317" align="center">
<tbody>
<tr>
<td>
<div align="right"><b><font face="Arial, Helvetica, sans-serif" size="2" color="#000000">Subtotal in US $</font></b></div>
</td>
<td>
<input name=Total_Value onChange=CalculateOrder(this.form) size=7 value=0>
</td>
</tr>
<tr>
<td>
<div align="right"><b><font face="Arial, Helvetica, sans-serif" size="2" color="#000000">State Sales Tax</font></b></div>
</td>
<td>
<input name=Tax onChange=CalculateOrder(this.form) size=7 value=0>
</td>
</tr>
<tr>
<td>
<div align="right"><b><font face="Arial, Helvetica, sans-serif" size="2" color="#000000">Shipping</font></b> </div>
</td>
<td>
<input name=Shipping onChange=CalculateOrder(this.form) value=N/A size=7>
<font color="#E6DCD3" size="2" face="Arial, Helvetica, sans-serif"><b>added in above</b></font></td>
</tr>
<tr>
<td>
<div align="right"><b><font face="Arial, Helvetica, sans-serif" color="#000000" size="3"> Total US $</font></b></div>
</td>
<td>
<input name=Total_Price_to_be_Paid onChange=CalculateOrder(this.form) size=7 value=0>
</td>
</tr>
</tbody>
</table>
<div align="center"><font face="Arial, Helvetica, sans-serif" size="2" color="#E6DCD3">For International orders and Alaska and Hawaii, inquire by email for shipping rates</font><br>
</div>
<table width="632" cellspacing="1" cellpadding="1" border="0" align="center">
<tr valign="middle">
<td colspan="2" height="20">
<div align="center"><font size="3" color="#822517" face="Times New Roman, Times, serif"><b>~
SHIPPING INFO</b></font> <font size="3" color="#822517" face="Times New Roman, Times, serif"><b>~</b></font>
</div>
</td>
</tr>
<tr>
<td width="196" valign="middle">
<div align="right"><font face="Arial, Helvetica, sans-serif" size="3" color="#000000"><b>Name:</b></font></div>
</td>
<td width="427">
<input name=Ship_to_name2 size=20>
</td>
</tr>
<tr>
<td width="196">
<div align="right"><font face="Arial, Helvetica, sans-serif" size="3" color="#000000"><b>Addr.:</b></font></div>
</td>
<td width="427">
<input type="text" name="Ship_to_address" size="35">
</td>
</tr>
<tr>
<td width="196">
<div align="right"><font face="Arial, Helvetica, sans-serif" size="3" color="#000000"><b>Addr.:</b></font></div>
</td>
<td width="427">
<input type="text" name="your_email" size="35">
</td>
</tr>
<tr>
<td width="196">
<div align="right"><font face="Arial, Helvetica, sans-serif" size="3" color="#000000"><b>City:</b></font></div>
</td>
<td width="427" bgcolor="#E6DCD3">
<input type="text" name="Ship_to_city" size="20">
<font face="Arial, Helvetica, sans-serif" size="3" color="#000000"><b>State</b></font>
<input type="text" name="Ship_to_state" size="2" maxlength="2">
<font face="Arial, Helvetica, sans-serif" size="3" color="#000000"><b>Zip</b></font>
<input type="text" name="Ship_to_zip" size="10">
</td>
</tr>
<tr>
<td width="196" valign="middle" height="2">
<div align="right"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><b><i>Email:</i></b></font></div>
</td>
<td width="427" height="2">
<input type="text" name="textfield" size="35">
</td>
</tr>
</form>
</table>
<table>
<div align="center"><b><font size="4" face="Times New Roman, Times, serif" color="#822517"><i>
<font size="3">Print This Form and Mail with Money Order or Check to:</font></i></font></b>
<br>
<font color="#000000" face="Arial, Helvetica, sans-serif" size="3"><b>business</b></font> <font size="3"><b><font color="#000000" face="Arial, Helvetica, sans-serif">*</font>
<font color="#000000" face="Arial, Helvetica, sans-serif">address</font> <font color="#000000" face="Arial, Helvetica, sans-serif">*</font>
<font color="#000000" face="Arial, Helvetica, sans-serif">citystatezip</font></b></font></div>
<div align="center">
<b><font size="3" face="Times New Roman, Times, serif" color="#822517"><i>~ THANK YOU FOR YOUR ORDER!</i></font></b>
~ </div>
</td>
</tr>
</table>
</div>
</body>
</html>