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
Riepilogo 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.
Codice sorgente
<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>
Commenti originali (3)
Recuperato da Wayback Machine