Permalink
Cannot retrieve contributors at this time
Join GitHub today
GitHub is home to over 28 million developers working together to host and review code, manage projects, and build software together.
Sign up
Fetching contributors…
Cannot retrieve contributors at this time
| <!-- This Source Code Form is subject to the terms of the Mozilla Public | |
| - License, v. 2.0. If a copy of the MPL was not distributed with this | |
| - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> | |
| <!-- | |
| Need instructions or want more info? I live at https://github.com/hispanic/check-print | |
| Copyright © 2013 Michael Harry Scepaniak | |
| --> | |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" | |
| "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
| <html xmlns="http://www.w3.org/1999/xhtml"> | |
| <head> | |
| <meta http-equiv="content-type" content="text/html; charset=utf-8"/> | |
| <!-- Remove the protocol prefix (i.e., "http:") if hosting on a server instead of from localhost. --> | |
| <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> | |
| <script> | |
| // Check #1. | |
| var checkData1 = { | |
| "date" : "REPLACE-ME", // The date when the check is first eligible to be cashed/deposited. e.g. 05/01/2013 | |
| "payTo" : "REPLACE-ME", // To whom the check should be made out. e.g. Michael Harry Scepaniak | |
| "amountNbr" : "REPLACE-ME", // The amount of the check, as a number. e.g. 13,100.00 | |
| "amountTxt" : "REPLACE-ME", // The amount of the check, written out long-form. e.g. Thirteen thousand one hundred and 00/100 | |
| "payToAddress" : [ // Lines 1 through 5 of the recipient's address. | |
| "REPLACE-ME", // e.g. 1313 Mockingird Lane | |
| "REPLACE-ME", // e.g. Cockeysville, MD 22178 | |
| "REPLACE-ME", | |
| "REPLACE-ME", | |
| "REPLACE-ME"], | |
| "memo" : "REPLACE-ME" // A short note to include on the check. e.g. Just a small thank you. | |
| }; | |
| // Check #2. If you only need to print one check, leave the values for this check blank. | |
| var checkData2 = { | |
| "date" : "", | |
| "payTo" : "", | |
| "amountNbr" : "", | |
| "amountTxt" : "", | |
| "payToAddress" : [ | |
| "", | |
| "", | |
| "", | |
| "", | |
| ""], | |
| "memo" : "" | |
| }; | |
| // Check #3. If you only need to print two checks, leave the values for this third check blank. | |
| var checkData3 = { | |
| "date" : "", | |
| "payTo" : "", | |
| "amountNbr" : "", | |
| "amountTxt" : "", | |
| "payToAddress" : [ | |
| "", | |
| "", | |
| "", | |
| "", | |
| ""], | |
| "memo" : "" | |
| }; | |
| /* | |
| * ============================================ | |
| * NO NEED TO MODIFY ANYTHING BELOW THIS POINT. | |
| * ============================================ | |
| */ | |
| jQuery(document).ready(function() { | |
| populateCheck(1, checkData1); | |
| populateCheck(2, checkData2); | |
| populateCheck(3, checkData3); | |
| }) | |
| var populateCheck = function(checkNbr, checkData) | |
| { | |
| jQuery("div#check-" + checkNbr + "-date-box").html(checkData.date); | |
| jQuery("div#check-" + checkNbr + "-pay-to-box").html(checkData.payTo); | |
| jQuery("div#check-" + checkNbr + "-amount-nbr-box").html(checkData.amountNbr); | |
| jQuery("div#check-" + checkNbr + "-amount-txt-box").html(checkData.amountTxt); | |
| jQuery("div#check-" + checkNbr + "-pay-to-address-box pre").html(buildAddressBlock(checkData.payToAddress)); | |
| jQuery("div#check-" + checkNbr + "-memo-box").html(checkData.memo); | |
| } | |
| var buildAddressBlock = function(addressLines) | |
| { | |
| var addressBlock = ""; | |
| for (var i = 0; i < addressLines.length; i++) | |
| { | |
| var addressLine = addressLines[i]; | |
| if (addressLine !== undefined && addressLine !== null && addressLine.length > 0) | |
| { | |
| if (addressBlock.length > 0) | |
| { | |
| addressBlock += "<br />"; | |
| } | |
| addressBlock += " " + addressLine; | |
| } | |
| } | |
| return addressBlock; | |
| } | |
| </script> | |
| <style> | |
| div | |
| { | |
| position: absolute; | |
| } | |
| div#check-1-date-box | |
| { | |
| left: 600px; | |
| top: 0px; | |
| } | |
| div#check-1-pay-to-box | |
| { | |
| left: 30px; | |
| top: 50px; | |
| } | |
| div#check-1-amount-nbr-box | |
| { | |
| left: 600px; | |
| top: 45px; | |
| } | |
| div#check-1-amount-txt-box | |
| { | |
| left: 0px; | |
| top: 83px; | |
| } | |
| div#check-1-pay-to-address-box | |
| { | |
| left: 30px; | |
| top: 98px; | |
| } | |
| div#check-1-memo-box | |
| { | |
| left: 20px; | |
| top: 185px; | |
| } | |
| div#check-2-date-box | |
| { | |
| left: 600px; | |
| top: 335px; | |
| } | |
| div#check-2-pay-to-box | |
| { | |
| left: 30px; | |
| top: 385px; | |
| } | |
| div#check-2-amount-nbr-box | |
| { | |
| left: 600px; | |
| top: 380px; | |
| } | |
| div#check-2-amount-txt-box | |
| { | |
| left: 0px; | |
| top: 418px; | |
| } | |
| div#check-2-pay-to-address-box | |
| { | |
| left: 30px; | |
| top: 433px; | |
| } | |
| div#check-2-memo-box | |
| { | |
| left: 20px; | |
| top: 522px; | |
| } | |
| div#check-3-date-box | |
| { | |
| left: 600px; | |
| top: 670px; | |
| } | |
| div#check-3-pay-to-box | |
| { | |
| left: 30px; | |
| top: 720px; | |
| } | |
| div#check-3-amount-nbr-box | |
| { | |
| left: 600px; | |
| top: 715px; | |
| } | |
| div#check-3-amount-txt-box | |
| { | |
| left: 0px; | |
| top: 753px; | |
| } | |
| div#check-3-pay-to-address-box | |
| { | |
| left: 30px; | |
| top: 768px; | |
| } | |
| div#check-3-memo-box | |
| { | |
| left: 20px; | |
| top: 859px; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div id="check-1-date-box"> | |
| </div> | |
| <div id="check-1-pay-to-box"> | |
| </div> | |
| <div id="check-1-amount-nbr-box"> | |
| </div> | |
| <div id="check-1-amount-txt-box"> | |
| </div> | |
| <div id="check-1-pay-to-address-box"> | |
| <pre> | |
| </pre> | |
| </div> | |
| <div id="check-1-memo-box"> | |
| </div> | |
| <div id="check-2-date-box"> | |
| </div> | |
| <div id="check-2-pay-to-box"> | |
| </div> | |
| <div id="check-2-amount-nbr-box"> | |
| </div> | |
| <div id="check-2-amount-txt-box"> | |
| </div> | |
| <div id="check-2-pay-to-address-box"> | |
| <pre> | |
| </pre> | |
| </div> | |
| <div id="check-2-memo-box"> | |
| </div> | |
| <div id="check-3-date-box"> | |
| </div> | |
| <div id="check-3-pay-to-box"> | |
| </div> | |
| <div id="check-3-amount-nbr-box"> | |
| </div> | |
| <div id="check-3-amount-txt-box"> | |
| </div> | |
| <div id="check-3-pay-to-address-box"> | |
| <pre> | |
| </pre> | |
| </div> | |
| <div id="check-3-memo-box"> | |
| </div> | |
| </body> | |
| </html> |