Permalink
<!-- 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> |