Advertisement
Java_Volume1 Controls/ Forms/ Graphics/ Menus #99273

Smart Order Form

I've seen a lot of calculating order forms on the web. I needed one awhile back for an audio tape seller I was working with, but I could not find one I liked. So I came up with this. This form will act as a simple one page shopping cart, and can be hooked up to a db or to a form mailer of some sort if you want. Luckily, it doesn't have to be, and can be run straight from any web page.

AI

ИИ-обзор: This codebase represents a historical implementation of the logic described in the metadata. Our preservation engine analyzes the structure to provide context for modern developers.

Исходный код
original-source
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
var sub =0;
var total=0;
var salestax=0;
//core item names
var item1="off";
var item2="off";
var item3="off";
var item4="off";
var item5="off";
var item6="off";
var item7="off";
var item8="off";
var item9="off";
function distotal(am)
{
total=total+am;
sub=total;
//sales tax is set at eight percent
salestax=Math.round(sub*0.080);
document.inline.sub.value="$"+AddDecimal(sub);
document.inline.salestax.value="$"+AddDecimal(salestax);
document.inline.tot.value=AddDecimal(total+salestax);
}
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;
}

</SCRIPT>
<TITLE>Smart Order Form</TITLE>
</HEAD>

<BODY>
 <FORM NAME="inline">
   
  <TABLE CELLPADDING=2 width="500" cellspacing="1">
   <TR bgcolor="#333333"> 
    <TD VALIGN="TOP" colspan="4"><b><font color="#FFFFFF" size="3" face="Verdana, Arial, Helvetica, sans-serif">Smart 
     Order Form</font></b>
   <TR bgcolor="#CCCCCC"> 
    <TD VALIGN="TOP" width="94"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Item1</font> 
     </b> 
    <TD VALIGN="TOP" width="205"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">$0.01</font> 
    <TD VALIGN="TOP" width="92"> <font face="Verdana, Arial, Helvetica, sans-serif" size="1"> 
     <INPUT TYPE="radio" NAME="rad1" VALUE="Order" onclick="if (item1 == 'off') { item1='on'; distotal(1);}">
     Order </font> 
    <TD VALIGN="TOP" width="86"> <font face="Verdana, Arial, Helvetica, sans-serif" size="1"> 
     <INPUT TYPE="radio" NAME="rad1" CHECKED onclick="if (item1 == 'on') {item1='off'; distotal(-1);}">
     Cancel </font> 
   <TR bgcolor="#CCCCCC"> 
    <TD VALIGN="TOP" width="94"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Item2</font> 
     </b> 
    <TD VALIGN="TOP" width="205"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">$0.01</font> 
    <TD VALIGN="TOP" width="92"> <font face="Verdana, Arial, Helvetica, sans-serif" size="1"> 
     <INPUT TYPE="radio" NAME="rad2" VALUE="Order" onclick="if (item2 == 'off') { item2='on'; distotal(1);}">
     Order </font> 
    <TD VALIGN="TOP" width="86"> <font face="Verdana, Arial, Helvetica, sans-serif" size="1"> 
     <INPUT TYPE="radio" NAME="rad2" CHECKED onclick="if (item2 == 'on') {item2='off'; distotal(-1);}">
     Cancel </font> 
   <TR bgcolor="#CCCCCC"> 
    <TD VALIGN="TOP" width="94"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Item3</font> 
     </b> 
    <TD VALIGN="TOP" width="205"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">$1.00 
     </font> 
    <TD VALIGN="TOP" width="92"> <font face="Verdana, Arial, Helvetica, sans-serif" size="1"> 
     <INPUT TYPE="radio" NAME="rad3" VALUE="Order" onclick="if (item3 == 'off') { item3='on'; distotal(100);} ">
     Order </font> 
    <TD VALIGN="TOP" width="86"> <font face="Verdana, Arial, Helvetica, sans-serif" size="1"> 
     <INPUT TYPE="radio" NAME="rad3" CHECKED onclick="if (item3 == 'on') {item3='off'; distotal(-100);} ">
     Cencel<BR>
     </font> 
   <TR bgcolor="#CCCCCC"> 
    <TD VALIGN="TOP" width="94"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Item4</font> 
     </b> 
    <TD VALIGN="TOP" width="205"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">$10.00 
     </font> 
    <TD VALIGN="TOP" width="92"> <font face="Verdana, Arial, Helvetica, sans-serif" size="1"> 
     <INPUT TYPE="radio" NAME="rad4" VALUE="Order" onclick="if (item4 == 'off') { item4='on'; distotal(1000) ;} ">
     Order </font> 
    <TD VALIGN="TOP" width="86"> <font face="Verdana, Arial, Helvetica, sans-serif" size="1"> 
     <INPUT TYPE="radio" NAME="rad4" CHECKED onclick="if (item4 == 'on') {item4='off'; distotal(-1000); } ">
     Cancel<BR>
     </font> 
   <tr bgcolor="#CCCCCC"> 
    <td valign="TOP" width="94"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="1">item6</font> 
     </b> 
    <td valign="TOP" width="205"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">$0.01</font> 
    <td valign="TOP" width="92"> <font face="Verdana, Arial, Helvetica, sans-serif" size="1"> 
     <input type="radio" name="rad5" value="Order" onClick="if (item6 == 'off') { item6='on'; distotal(1);}">
     Order </font> 
    <td valign="TOP" width="86"> <font face="Verdana, Arial, Helvetica, sans-serif" size="1"> 
     <input type="radio" name="rad5" CHECKED onClick="if (item6 == 'on') {item6='off'; distotal(-1);}">
     Cancel </font> 
   <tr bgcolor="#CCCCCC"> 
    <td valign="TOP" width="94"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="1">item6</font> 
     </b> 
    <td valign="TOP" width="205"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">$0.01</font> 
    <td valign="TOP" width="92"> <font face="Verdana, Arial, Helvetica, sans-serif" size="1"> 
     <input type="radio" name="rad6" value="Order" onClick="if (item7 == 'off') { item7='on'; distotal(1);}">
     Order </font> 
    <td valign="TOP" width="86"> <font face="Verdana, Arial, Helvetica, sans-serif" size="1"> 
     <input type="radio" name="rad6" CHECKED onClick="if (item7 == 'on') {item7='off'; distotal(-1);}">
     Cancel </font> 
   <tr bgcolor="#CCCCCC"> 
    <td valign="TOP" width="94"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="1">item7</font> 
     </b> 
    <td valign="TOP" width="205"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">$1.00 
     </font> 
    <td valign="TOP" width="92"> <font face="Verdana, Arial, Helvetica, sans-serif" size="1"> 
     <input type="radio" name="rad7" value="Order" onClick="if (item8 == 'off') { item8='on'; distotal(100);} ">
     Order </font> 
    <td valign="TOP" width="86"> <font face="Verdana, Arial, Helvetica, sans-serif" size="1"> 
     <input type="radio" name="rad7" CHECKED onClick="if (item8 == 'on') {item8='off'; distotal(-100);} ">
     Cencel<br>
     </font> 
   <tr bgcolor="#CCCCCC"> 
    <td valign="TOP" width="94"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Item8</font> 
     </b> 
    <td valign="TOP" width="205"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">$10.00 
     </font> 
    <td valign="TOP" width="92"> <font face="Verdana, Arial, Helvetica, sans-serif" size="1"> 
     <input type="radio" name="rad8" value="Order" onClick="if (item9 == 'off') { item9='on'; distotal(1000) ;} ">
     Order </font> 
    <td valign="TOP" width="86"> <font face="Verdana, Arial, Helvetica, sans-serif" size="1"> 
     <input type="radio" name="rad8" CHECKED onClick="if (item9 == 'on') {item9='off'; distotal(-1000); } ">
     Cancel<br>
     </font> 
   <TR bgcolor="#D3D3D3"> 
    <TD VALIGN="TOP" width="94"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Subtotall: 
     </font> 
    <TD VALIGN="TOP" COLSPAN="3"> <font face="Verdana, Arial, Helvetica, sans-serif" size="1"> 
     <INPUT type="text" NAME="sub" VALUE="" SIZE=7 onFocus="this.blur()" >
     </font></TD VALIGN="TOP">
   <TR bgcolor="#D3D3D3"> 
    <TD VALIGN="TOP" width="94"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Sales 
     Tax: </font> 
    <TD VALIGN="TOP" COLSPAN="3"> <font face="Verdana, Arial, Helvetica, sans-serif" size="1"> 
     <INPUT type="text" NAME="salestax" VALUE="" SIZE=7 onFocus="this.blur()" >
     </font></TD VALIGN="TOP">
   <TR bgcolor="#D3D3D3"> 
    <TD VALIGN="TOP" width="94"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><b>Order 
     Total: </b></font> </TD VALIGN="TOP">
    
   <TD VALIGN="TOP" COLSPAN=3> <font face="Verdana, Arial, Helvetica, sans-serif" size="1"> 
    <input type="text" name="tot" value="" size=7 onFocus="this.blur()" >
     </font></TD VALIGN="TOP">
  </TABLE>
  </FORM>



</BODY>
</HTML>
Оригинальные комментарии (3)
Восстановлено из Wayback Machine