HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
Form help....
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Form
View previous topic :: View next topic  
Author Message
KANE



Joined: 17 Jan 2005
Posts: 2

PostPosted: Mon Jan 17, 2005 2:51 am     Form help.... Reply with quote

Help plz...

I have a form in which I have written which is pretty straight forward. However, I have a few select options which calculate pricing for the items. I would like if the user selects bulk that the item they type in qty is used for the multiplier vs. the hardcoded values for the <select option>

Also, I would like to use the qty field so that a user can order more than one "5 gallon pale" sorta thing... any help will be appreciate.

Source:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>

<head>
<title>Sound Bio-Energy, LLC On-Line Ordering</title>
</head>

<body>


<SCRIPT LANGUAGE="JavaScript"><!--- hide from old browsers --- >

var SAmt0 = 0.00,SAmt1 = 0.00,SAmt2 = 0.00;
var STax = 0.00,SSubTotal = 0.00,STotal = 0.00;





var product1 ="",product2 ="",product3 ="";


var SShipping = 0;



function AddDecimal(number) {

var withdecimal = "";

var num = "" + number;

if (num.length == 0) {

withdecimal += "0";

} else if (num.length == 1) {

withdecimal += "0.0" + num;

} else if (num.length == 2) {

withdecimal += "0." + num;

} else {

withdecimal += num.substring(0, num.length - 2);

withdecimal += "."

withdecimal += num.substring(num.length - 2, num.length);

}

return withdecimal;

}







function compute(form)

{

SAmt0 = Math.round(eval(form.product1.value * 165));

SAmt1 = Math.round(eval(form.product2.value * 145));

SAmt2 = Math.round(eval(form.product3.value * 122));






SShipping = 500;

SShipping = Math.round(SShipping);



SSubTotal = (SAmt0 + SAmt1 + SAmt2 + SShipping);





STax = Math.round((SShipping+SAmt0+SAmt1+SAmt2)*0.0);

STotal =SSubTotal + STax;




form.Amt0.value = AddDecimal(SAmt0);

form.Amt1.value = AddDecimal(SAmt1);

form.Amt2.value = AddDecimal(SAmt2);




form.Shipping.value = AddDecimal(SShipping);

form.SubTotal.value = AddDecimal(SSubTotal);

form.Tax.value = AddDecimal(STax);

form.Total.value = AddDecimal(STotal);

}





function ClearForm(form)

{

form.product1.value = "";

form.product2.value = "";

form.product3.value = "";






SShipping = 0;

form.Shipping.value = 0;

SSubTotal = 0;

form.SubTotal.value = 0;

STax = 0;

form.Tax.value = 0;





SAmt0 = 0;

form.Amt0.value = 0;


SAmt1 = 0;

form.Amt1.value = 0;


SAmt2 = 0;

form.Amt2.value = 0;






SShipping = 0;

form.Shipping.value = 0

SSubTotal = 0;

form.SubTotal.value = 0;

STotal = 0;

form.Total.value = 0;

}


<!-- done hiding from old browsers -->

</SCRIPT>


<P>

<!-- The SecureHosting form action and 2 necessary hidden fields representing client number and check code -->

<FORM ACTION="mailto:chris.kaneatcorpx.usa.net" method=POST>
<input type=hidden name="recipient" value="chris.kaneatcorpx.usa.net">
<input type=hidden name="subject" value="Example Item $ Order Form">
<input type=hidden name="redirect" value="thankyou.html">

<CENTER>

<center>
<table border="0" cellpadding="0" cellspacing="0" width="600"><tr>
<td width="200"></td>
<td width="400" align="center"><font size="+1">Sound Bio-Energy, LLC Test Order form</font></td>
</tr></table>
</center>


<TABLE BGCOLOR="#c8d4ff" BORDER=1 CELLSPACING=0 CELLPADDING=2>

<TR>
<TD COLSPAN="5" BGCOLOR="#ffc000">
<CENTER><B><font face="arial,helvetica" size="2">Please enter size and quantity desired..then click on "Calculate Order"</font></B></CENTER>
</TD>
</TR>

<TR>
<TD COLSPAN="5" BGCOLOR="#6C0000"></TD>
</TR>

<TR>
<TD>
<CENTER><B><I>Item</I></B>&nbsp;</CENTER>
</TD>

<TD>
<CENTER><B><I>Size</I></B>&nbsp;</CENTER>
</TD>

<TD>
<CENTER><B><I>Qty</I></B>&nbsp;</CENTER>
</TD>

<TD>
<CENTER><B><I>Price</I></B>&nbsp;</CENTER>
</TD>

<TD>
<CENTER><B><I>Amount</I></B>&nbsp;</CENTER>
</TD>
</TR>

<TR>
<TD>
<B>Product 1</B>
</TD>
<TD>
<CENTER><SELECT NAME="product1"><option value="">Select one <option value= "5" >5 Gallon Pale
<option value="20">20 Gallon Carboy <option value="55"> 55 Gallon Drum
<option value="100">100 Gal. Tote <option value="250">250 Gal. Tote
<option value = ""> Bulk Delivery </CENTER>
</TD>
<TD>
<CENTER><INPUT TYPE="text" NAME= "Sqty1" SIZE=4 ></CENTER>
</TD>
<TD>
<CENTER><B>$1.65</B></CENTER>
</TD>

<TD CENTER>
<CENTER><B>$</B><INPUT TYPE="text" NAME="Amt0" SIZE=6 ></CENTER>
</TD>
</TR>
<TR>
<TD>
<B>Product 2</B>
</TD>
<TD>
<CENTER><SELECT NAME="product2"> <option value="">Select one <option value="5">5 Gallon Pale
<option value="20">20 Gallon Carboy <option value="55"> 55 Gallon Drum <option value="100">100 Gal. Tote
<option value="250">250 Gal. Tote <option value = "Sqty2"> Bulk Delivery </CENTER>
</TD>
<TD>
<CENTER><INPUT TYPE="text" NAME="Sqty2" SIZE=4 ></CENTER>
</TD>
<TD>
<CENTER><B>$1.45</B></CENTER>
</TD>
<TD CENTER>
<CENTER><B>$</B><INPUT TYPE="text" NAME="Amt1" SIZE=6 ></CENTER>
</TD>
</TR>
<TR>
<TD>
<center><B>Product 3 </B></center>
</TD>
<TD>
<CENTER><SELECT NAME="product3"> <option value="">Select one <option value="5">5 Gallon Pale
<option value="20">20 Gallon Carboy <option value="55"> 55 Gallon Drum <option value="100">100 Gal. Tote
<option value="250">250 Gal. Tote <option value = "Sqty3"> Bulk Delivery</CENTER>
</TD>
<TD>
<CENTER><INPUT TYPE="text" NAME="Sqty3" SIZE=4 ></CENTER>
</TD>
<TD>
<CENTER><B>$1.22</B></CENTER>
</TD>
<TD CENTER>
<CENTER><B>$</B><INPUT TYPE="text" NAME="Amt2" SIZE=6 ></CENTER>
</TD>
</TR>
<TR>
<TD>
<CENTER><B> </B></CENTER>
</TD>
<TD>

</TD>
</TR>


<TR>
<TD COLSPAN="2">
<CENTER><I>Shipping and Handling:&nbsp;</I></CENTER>
</TD>



<TD>&nbsp;</TD>

<TD>
<CENTER>S/H</CENTER>
</TD>

<TD>
<CENTER><B>$</B><INPUT TYPE="text" NAME="Shipping" SIZE=6 ></CENTER>
</TD>
</TR>

<TR>
<TD COLSPAN="3">
<CENTER><INPUT TYPE="button" VALUE="Calculate Order" ONCLICK="compute(this.form)">&nbsp;<INPUT TYPE="button" VALUE="Clear Form" ONCLICK="ClearForm(this.form)"></CENTER>
</TD>

<TD ALIGN=CENTER><B>Total:</B></TD>

<TD>
<CENTER><B>$</B><INPUT TYPE="text" NAME="SubTotal" SIZE=6></CENTER>
</TD>
</TR>

<TR>
<TD COLSPAN="4">
<CENTER>The above amount is your total including shipping charge.&nbsp;</CENTER>
</TD>

<TD ALIGN=CENTER><B>TOTAL:</B></TD>
</TR>

<TR>
<TD COLSPAN="2">
<CENTER>Any Tax% Amount Can Be Added.&nbsp;</CENTER>
</TD>

<TD ALIGN=CENTER><B>Tax:</B></TD>

<TD><B>$</B><INPUT TYPE="text" NAME="Tax" SIZE=5></TD>

<TD>
<CENTER><B>$</B><INPUT TYPE="text" NAME="Total" SIZE=7</CENTER></CENTER>
</TD>
</TR>

<TR>
<TD COLSPAN="5" bgcolor="#301c60">&nbsp;</td>
</tr>


</BODY>
</HTML>
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Form All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
 
HOSTING / DESIGN
MAKE MONEY

Home
  |   Tutorials   |   Forum   |   Quick List   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial