Order Form™ for Zioth Incorporated Limited Industries and Affiliates™
<html> <script>
var tax = 0.479;
function toN(m) { // Cvt money to num return parseFloat(m.replace(/[$,]/g, '')) || 0; } function toM(m) { // Cvt num to money parts = (''+m).split('.'); parts[0] = parts[0].replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,"); if (parts[1]) { if (parts[1].length == 1) { parts[1] += '0'; } else { parts[1] = parts[1].substr(0, 2); } } return '$' + parts.join('.'); } function calcTotal(elt) { elt = jQuery(elt); var val = parseInt(elt.val()) || 0; elt.closest('tr').find('.item-total').text(toM(val * parseFloat(elt.attr('data-cost')))); calcGrandTotal(); } function calcGrandTotal() { var sum = 0; jQuery('.orderform .item-total').each(function(idx, elt) { sum += parseInt(toN(elt.innerHTML)) }); var taxTotal = tax * sum; jQuery('.orderform .taxValue').text(toM(taxTotal)); jQuery('.orderform .grandTotal').text(toM(sum + taxTotal)); jQuery('.orderform [name=GrandTotal]').val(sum + taxTotal); }
</script> <style>
.orderform {text-align: center} .orderform table {border: 0} .orderform input {background: #fff} .orderform table {margin: 0 auto} h2 {text-align: center}
</style> <FORM class=“orderform” METHOD=“POST” ACTION=“http://zioth.com/cgi-bin/guestbook1.cgi” NAME=“OrderForm”>
<input type="hidden" name="GrandTotal"/> <TABLE> <TR> <TD>Qty</TD> <TD>Product</TD> <TD>Price</TD> <TD>Total</TD> </TR> <TR> <TD><INPUT data-cost="46999.04" TYPE="text" NAME="Qty1" SIZE="4" placeholder="0" ONCHANGE="calcTotal(this)"></TD> <TD><B>Robotic Webmaster™</B> (12 ton, blue)</TD> <TD ALIGN="right">$46,999.04</TD> <TD><div class="item-total">$0</div></TD> </TR> <TR> <TD><INPUT data-cost="179997.17" TYPE="text" NAME="Qty2" SIZE="4" placeholder="0" ONCHANGE="calcTotal(this)"></TD> <TD><B>Robotic Webmaster™</B> (36 ton, blue)</TD> <TD ALIGN="right">$179,977.17</TD> <TD><div class="item-total">$0</div></TD> </TR> <TR> <TD><INPUT data-cost="8.01" TYPE="text" NAME="Qty3" SIZE="4" placeholder="0" ONCHANGE="calcTotal(this)"></TD> <TD><B>Tube Thing™</B> (dozen asst)</TD> <TD ALIGN="right">$8.01</TD> <TD><div class="item-total">$0</div></TD> </TR> <TR> <TD><INPUT data-cost="59.99" TYPE="text" NAME="Qty4" SIZE="4" placeholder="0" ONCHANGE="calcTotal(this)"></TD> <TD><B>Pet Sand™</B></TD> <TD ALIGN="right">$59.99</TD> <TD><div class="item-total">$0</div></TD> </TR> <TR> <TD><INPUT data-cost="1.05" TYPE="text" NAME="Qty5" SIZE="4" placeholder="0" ONCHANGE="calcTotal(this)"></TD> <TD><B>One-Strike Matches™</B> (quarter-dozen)</TD> <TD ALIGN="right">$1.05</TD> <TD><div class="item-total">$0</div></TD> </TR> <TR> <TD><INPUT data-cost="1.99" TYPE="text" NAME="Qty6" SIZE="4" placeholder="0" ONCHANGE="calcTotal(this)"></TD> <TD><B>One-Strike Matches™</B> (half-dozen)</TD> <TD ALIGN="right">$1.99</TD> <TD><div class="item-total">$0</div></TD> </TR> <TR> <TD><INPUT data-cost="3.25" TYPE="text" NAME="Qty7" SIZE="4" placeholder="0" ONCHANGE="calcTotal(this)"></TD> <TD><B>Cheese Sandwich™</B></TD> <TD ALIGN="right">$3.25</TD> <TD><div class="item-total">$0</div></TD> </TR> <TR> <TD><INPUT data-cost=".29" TYPE="text" NAME="Qty8" SIZE="4" placeholder="0" ONCHANGE="calcTotal(this)"></TD> <TD><B>All-Natural Artificial Artificial Sugar™</B></TD> <TD ALIGN="right">$0.29</TD> <TD><div class="item-total">$0</div></TD> </TR>
<TR> <TD COLSPAN="2" ALIGN="right">OH, AZ, AL, Earth residents add 47.9% sales tax</TD> <TD ALIGN="right">x0.479</TD> <TD><div class="taxValue">$0</div></TD> </TR> <TR> <TD COLSPAN="3" ALIGN="right">Total Order:</TD> <TD><div class="grandTotal">$0</div></TD> </TR> </TABLE>
<TABLE style="margin-top:30px; margin-bottom: 30px;"> <TR> <TD>Your Real Name (TM) (or reasonable facsimile thereof):</TD> <TD><INPUT TYPE="text" NAME="realname" SIZE="35"></TD> </TR> <TR> <TD>Your email address, or at least a stupid quote:</TD> <TD><INPUT TYPE="text" NAME="email" SIZE="35"></TD> </TR> <TR> <TD>Someone else's shipping address:</TD> <TD><INPUT TYPE="text" NAME="shipping" SIZE="35"></TD> </TR> </TABLE> <div>Additional notes (hint: this may be a poorly disguised guestbook):</div> <div><TEXTAREA ROWS="6" NAME="comments" COLS="73"></TEXTAREA></div> <div><BUTTON NAME="OrderFormAccept" style="margin:30px; padding: 12px 80px">Accept</BUTTON></div>
</FORM> </html>
Look at what our Other Satisfied Customers™ have to say!