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!