Full version: jsB@nk » Utility » Billing Invoice Form
URL: https://www.javascriptbank.com/billing-invoice-form.html
This JavaScript creates a billing invoice in your webpages.
Full version: jsB@nk » Utility » Billing Invoice Form
URL: https://www.javascriptbank.com/billing-invoice-form.html
<SCRIPT language=JavaScript><!-- Beginfunction fmtPrice(value) {result=+Math.floor(value)+".";var cents=100*(value-Math.floor(value))+0.5;result += Math.floor(cents/10);result += Math.floor(cents%10);return result;}<!--Rounding off Numbers-->function calclabor(){var labor1 = (document.forms[0].worked1.value*1)*(document.forms[0].labor_per_hour1.value*1);document.forms[0].labor1.value = labor1;var labor2 = (document.forms[0].worked2.value*1)*(document.forms[0].labor_per_hour2.value*1);document.forms[0].labor2.value = labor2;document.forms[0].cost1.value =(document.forms[0].labor1.value*1)+(document.forms[0].labor2.value*1)+(document.forms[0].trip_charge.value*1);}<!--Math Calculations-->function calcmaterial(){var cost2 = (document.forms[0].flat_rate.value*1)+(document.forms[0].p1.value*1)+(document.forms[0].p2.value*1)+(document.forms[0].p3.value*1)+(document.forms[0].p4.value*1)+(document.forms[0].p5.value*1)+(document.forms[0].p6.value*1)+(document.forms[0].p7.value*1)+(document.forms[0].p8.value*1)+(document.forms[0].rpl_cost1.value*1)+(document.forms[0].rpl_cost2.value*1);document.forms[0].cost2.value = cost2;}<!--Labor Cost Percentage--> function compute() {var unformatted1 = (document.forms[0].cost1.value)*(document.forms[0].tax1.value);document.forms[0].unformatted1.value=unformatted1;var formatted1 = fmtPrice(unformatted1);document.forms[0].formatted1.value=formatted1;var cost3= eval( document.forms[0].cost1.value ); cost3 += eval( (document.forms[0].cost1.value)*(document.forms[0].tax1.value) ); var labor_cost1 = fmtPrice(cost3);document.forms[0].labor_cost1.value=labor_cost1;<!--Materal Cost Percentage-->var unformatted2 = (document.forms[0].cost2.value)*(document.forms[0].tax2.value);document.forms[0].unformatted2.value=unformatted2;var formatted2 = fmtPrice(unformatted2);document.forms[0].formatted2.value=formatted2;var cost3= eval( document.forms[0].cost2.value ); cost3 += eval( (document.forms[0].cost2.value)*(document.forms[0].tax2.value) ); var material_cost2 = fmtPrice(cost3);document.forms[0].material_cost2.value=material_cost2;}function calctotal(){var total = (document.forms[0].material_cost2.value*1)+(document.forms[0].labor_cost1.value*1)-(document.forms[0].ded.value*1);document.forms[0].total.value = total;return result;}function resetIt() {document.forms[0].cost1.value="";document.forms[0].tax1.value="";document.forms[0].unformatted1.value="";document.forms[0].formatted1.value="";document.forms[0].labor_cost.value="";document.forms[0].total.value=""; }// End --></SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><FORM action=MAILTO:your@email_address?subject=Billing method=post encType=text/plain><P><CENTER><FONT face=ARIAL size=5><B>Billing Invoice Form</B></FONT><BR><HR width=240 SIZE=2></CENTER><P><TABLE borderColor=#ccaf00 align=center bgColor=#cccc77 border=2> <TBODY> <TR> <TD> <TABLE cellSpacing=0 cellPadding=0 border=0><FONT face=ARIAL size=2><B>Service Order Information</B></FONT> <TBODY> <TR> <TD><INPUT size=12 value=" Tracking #" name=""> <INPUT tabIndex=1 size=18 name=tracking></TD> <TD></TD> <TD><INPUT size=32 value=" If over $175.00 (555) 000-0000" name=""></TD></TR> <TR> <TD><INPUT size=17 value=" Service Order #" name=""> <INPUT tabIndex=2 size=13 name=service_order></TD> <TD></TD> <TD><INPUT size=17 value=" Authorization #" name=""> <INPUT tabIndex=7 size=13 name=authorization></TD></TR> <TR> <TD><INPUT size=10 value=" Product" name=""> <SELECT tabIndex=3 size=1 name=product> <OPTION value="" selected>---------- Select ----------<OPTION value=" appliance">Appliance<OPTION value=" drywall">Drywall<OPTION value=heating>Heating<OPTION value=a_c>Air Conditioning<OPTION value=" plumbing">Plumbing<OPTION value=" pool_spa">Pool and Spa</OPTION></SELECT></TD> <TD></TD> <TD><INPUT size=18 value=" Was this a Recall ?" name=""> <SELECT tabIndex=8 size=1 name=was_recall> <OPTION value=no selected>No<OPTION value=yes>Yes</OPTION></SELECT> </TD> <TR> <TD><INPUT size=10 value=" Model #" name=""> <INPUT tabIndex=4 name=model size="20"></TD> <TD></TD> <TD><INPUT size=23 value=" If Yes, from what S/O # ?" name=""> <INPUT tabIndex=9 size=7 name=recall_so></TD></TR> <TR> <TD><INPUT size=10 value=" Serial #" name=""> <INPUT tabIndex=5 name=serial size="20"></TD></TR> <TR> <TD><INPUT size=12 value=" Year Made" name=""> <INPUT tabIndex=6 size=18 name=year></TD></TR> <TR> <TD> <TABLE border=0><BR><FONT face=ARIAL size=2><B>Contractors Information</B></FONT> <TBODY> <TR> <TD><INPUT size=10 value=" Name" name=""> <INPUT tabIndex=10 name=con_name size="20"></TD></TR> <TR> <TD><INPUT size=10 value=" Address" name=""> <INPUT tabIndex=11 name=con_address size="20"></TD></TR> <TR> <TD><INPUT size=10 value=" City" name=""> <INPUT tabIndex=12 name=con_city size="20"></TD></TR> <TR> <TD><INPUT size=10 value=" State " name=""> <INPUT tabIndex=13 size=2 name=con_state> <INPUT size=4 value=" Zip" name=""> <INPUT tabIndex=14 size=7 name=con_zip></TD></TR> <TR> <TD><INPUT size=10 value=" Phone" name=""> <INPUT tabIndex=15 name=con_phone size="20"></TD></TR> <TR> <TD><INPUT size=10 value=" Fax" name=""> <INPUT tabIndex=16 name=con_fax size="20"></TD></TR> <TR> <TD><INPUT size=10 value=" Email" name=""> <INPUT tabIndex=17 name=con_email size="20"></TD></TR></TBODY></TABLE></TD> <TD></TD> <TD> <TABLE cellSpacing=0 cellPadding=0 border=0> <TBODY> <TR><BR><FONT face=ARIAL size=2><B>Customers Information</B></FONT> <TD><INPUT size=10 value=" Name" name=""> <INPUT tabIndex=18 name=cust_name size="20"></TD></TR> <TR> <TD><INPUT size=10 value=" Address" name=""> <INPUT tabIndex=19 name=cust_address size="20"></TD></TR> <TR> <TD><INPUT size=10 value=" City" name=""> <INPUT tabIndex=20 name=cust_city size="20"></TD></TR> <TR> <TD><INPUT size=10 value=" State " name=""> <INPUT tabIndex=21 size=2 name=cust_state> <INPUT size=4 value=" Zip" name=""> <INPUT tabIndex=22 size=7 name=cust_zip></TD></TR> <TR> <TD><INPUT size=10 value=" Phone" name=""> <INPUT tabIndex=23 name=cust_phone size="20"></TD></TR> <TR> <TD><INPUT size=10 value=" Alt. Phone" name=""> <INPUT tabIndex=24 name=cust_alt_phone size="20"></TD></TR> <TR> <TD><INPUT size=10 value=" Cell Phone" name=""> <INPUT tabIndex=25 name=cust_cell size="20"></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE> <TABLE border=0> <TBODY> <TR><BR><FONT face=ARIAL size=2><B>Flat Rate :</B></FONT> <FONT face=ARIAL size=-3>( If using Flat Rate don't fill in the "Hourly Rate" or any "Material Costs")</FONT> <TD><INPUT size=59 value=" What is the Flat Rate Amount ? " name=""><INPUT tabIndex=26 size=10 value=" " name=flat_rate></TD></TR></TBODY></TABLE> <TABLE border=0> <TBODY> <TR><FONT face=ARIAL size=2><B>Hourly Rate :</B></FONT> <FONT face=ARIAL size=-3>( If using Hourly Rate don't fill in "Flat Rate" )</FONT> <TD><INPUT size=59 value=" (Senior Tech) How long did it take to complete this Job ?" name=""><INPUT tabIndex=27 size=10 value=" " name=worked1></TD></TR></TBODY></TABLE> <TABLE border=0> <TBODY> <TR> <TD><INPUT size=59 value=" Enter the total amount per hour for the Senior Tech/s" name=""><INPUT tabIndex=28 size=10 value=" " name=labor_per_hour1></TD></TR></TBODY></TABLE> <TABLE border=0> <TBODY> <TR><!--In a number of places, this string will NOT allow user input or make any changes. "this.blur()" onFocus="this.blur()"--> <TD><INPUT size=59 value=" Sub Total for the Labor Cost" name=""><INPUT onfocus=this.blur() onclick=this.blur() tabIndex=0 size=10 value=" " name=labor1></TD></TR></TBODY></TABLE> <TABLE border=0> <TBODY> <TR> <TD><INPUT size=59 value=" (Assistant) How long did it take to complete this Job ?" name=""><INPUT tabIndex=29 size=10 value=" " name=worked2></TD></TR></TBODY></TABLE> <TABLE border=0> <TBODY> <TR> <TD><INPUT size=59 value=" Enter the total amount per hour for the Assistant Tech/s" name=""><INPUT tabIndex=30 size=10 value=" " name=labor_per_hour2></TD></TR></TBODY></TABLE> <TABLE border=0> <TBODY> <TR> <TD><INPUT size=59 value=" Sub Total for the Labor Cost" name=""><INPUT onfocus=this.blur() onclick=this.blur() tabIndex=0 size=10 value=" " name=labor2></TD></TR></TBODY></TABLE> <TABLE border=0> <TBODY> <TR> <TD><INPUT size=59 value=" Was there a Trip Charge ?" name=""><INPUT tabIndex=31 size=10 value=" " name=trip_charge></TD></TR></TBODY></TABLE> <TABLE border=0> <TBODY> <TR><FONT face=ARIAL size=2><B>Describe the Material that was used to Repair the Product :</B></FONT> <TD><INPUT tabIndex=32 size=59 value=" " name=part_1><INPUT tabIndex=33 size=10 value=" " name=p1></TD></TR></TBODY></TABLE> <TABLE border=0> <TBODY> <TR> <TD><INPUT tabIndex=34 size=59 value=" " name=part_2><INPUT tabIndex=35 size=10 value=" " name=p2></TD></TR></TBODY></TABLE> <TABLE border=0> <TBODY> <TR> <TD><INPUT tabIndex=36 size=59 value=" " name=part_3><INPUT tabIndex=37 size=10 value=" " name=p3></TD></TR></TBODY></TABLE> <TABLE border=0> <TBODY> <TR> <TD><INPUT tabIndex=38 size=59 value=" " name=part_4><INPUT tabIndex=39 size=10 value=" " name=p4></TD></TR></TBODY></TABLE> <TABLE border=0> <TBODY> <TR> <TD><INPUT tabIndex=40 size=59 value=" " name=part_5><INPUT tabIndex=41 size=10 value=" " name=p5></TD></TR></TBODY></TABLE> <TABLE border=0> <TBODY> <TR> <TD><INPUT tabIndex=42 size=59 value=" " name=part_6><INPUT tabIndex=43 size=10 value=" " name=p6></TD></TR></TBODY></TABLE> <TABLE border=0> <TBODY> <TR> <TD><INPUT tabIndex=44 size=59 value=" " name=part_7><INPUT tabIndex=45 size=10 value=" " name=p7></TD></TR></TBODY></TABLE> <TABLE border=0> <TBODY> <TR> <TD><INPUT tabIndex=46 size=59 value=" " name=part_8><INPUT tabIndex=47 size=10 value=" " name=p8></TD></TR></TBODY></TABLE> <TABLE border=0> <TBODY> <TR><FONT face=ARIAL size=2><B>Product/s Replaced : ( Not Repaired )</B></FONT> <TD><INPUT tabIndex=48 size=59 value=" " name=rpl_1><INPUT tabIndex=49 size=10 value=" " name=rpl_cost1></TD></TR></TBODY></TABLE> <TABLE border=0> <TBODY> <TR> <TD><INPUT tabIndex=50 size=59 value=" " name=rpl_2><INPUT tabIndex=51 size=10 value=" " name=rpl_cost2></TD></TR></TBODY></TABLE> <TABLE border=0> <TBODY> <TR><FONT face=ARIAL size=2><B>Calculations :</B></FONT> <!--Start Material Costs--> <TD><INPUT size=59 value=" Material Sub Total" name=""><INPUT onfocus=this.blur() onclick=this.blur() tabIndex=0 size=10 name=cost2></TD></TR></TBODY></TABLE> <TABLE border=0> <TBODY> <TR> <TD><INPUT type=hidden size=59 value=" " name=""><INPUT type=hidden size=10 value=" " name=unformatted2></TD></TR></TBODY></TABLE> <TABLE border=0> <TBODY> <TR> <TD><INPUT size=59 value=" What is the Local Sales Tax Percentage ?" name=""><INPUT tabIndex=52 size=7 value=" .0" name=tax2> %</TD></TR></TBODY></TABLE> <TABLE border=0> <TBODY> <TR> <TD><INPUT type=hidden size=59 name=""><INPUT tabIndex=56 type=hidden size=10 value=" " name=formatted2></TD></TR></TBODY></TABLE> <TABLE border=0> <TBODY> <TR> <TD><INPUT size=59 value=" Total of the Material Costs" name=""><INPUT onfocus=this.blur() onclick=this.blur() tabIndex=0 size=10 value=" " name=material_cost2></TD></TR></TBODY></TABLE><!--End Material Costs--><!--Start Labor Cost--> <TABLE border=0> <TBODY> <TR> <TD><INPUT size=59 value=" Labor Sub Total" name=""><INPUT onfocus=this.blur() onclick=this.blur() tabIndex=0 size=10 value=" " name=cost1></TD></TR></TBODY></TABLE> <TABLE border=0> <TBODY> <TR> <TD><INPUT type=hidden size=59 value=" " name=""><INPUT type=hidden size=10 value=" " name=unformatted1></TD></TR></TBODY></TABLE> <TABLE border=0> <TBODY> <TR> <TD><INPUT size=59 value=" What is the Local Labor Tax Percentage ?" name=""><INPUT tabIndex=53 size=7 value=" .0" name=tax1> %</TD></TR></TBODY></TABLE> <TABLE border=0> <TBODY> <TR> <TD><INPUT type=hidden size=59 name=""><INPUT tabIndex=56 type=hidden size=10 value=" " name=formatted1></TD></TR></TBODY></TABLE> <TABLE border=0> <TBODY> <TR> <TD><INPUT size=59 value=" Total of the Labor Costs" name=""><INPUT onfocus=this.blur() onclick=this.blur() tabIndex=0 size=10 value=" " name=labor_cost1></TD></TR></TBODY></TABLE><!--End Labor Cost--> <TABLE border=0> <TBODY> <TR> <TD><INPUT size=59 value=" Enter the Amount Receved for the Deductable" name=""><INPUT tabIndex=54 size=10 value=" " name=ded></TD></TR></TBODY></TABLE> <TABLE border=0> <TBODY> <TR> <TD><INPUT size=59 value=" TOTAL" name=""><INPUT onfocus=this.blur() onclick=this.blur() tabIndex=0 size=10 value=" " name=total></TD></TR></TBODY></TABLE> <CENTER> <p></p> </CENTER></TD></TR></TBODY></TABLE><P><P><CENTER><INPUT onclick=calclabor(),calcmaterial(),compute(),calctotal() type=button value=CALCULATE> <INPUT onclick=resetIt() type=reset value=RESET> <INPUT onclick=javascript:window.print() type=button value=" PRINT PAGE "><P><INPUT type=submit value="SEND TO BILLING"></B></CENTER></FORM></P><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->