'Want to print triplicate copies of the invoice with different headers like original , duplicate , triplicate using html javascript
I want to print triplicate copies of the invoice with different headers like original, duplicate, and triplicate using HTML javascript. I don't use any library files for pdf. Check out the js code.
<button type="button" onclick="printDiv('printableArea')" class="btn btn-light btn-sm ml-3"><i class="icon-printer mr-2"></i> Print</button>
<div id="printableArea">
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Natus suscipit debitis omnis. Accusamus fuga laudantium dolores neque architecto laborum, quia esse magnam rem quidem, alias ullam magni pariatur voluptatum porro?
</p>
</div>
function printDiv(divName) {
// Print layout style code
var css = '@page { size: A4; }body{font-family: "Times New Roman", Times, serif !important;} .particulars_body{min-height:800px !important;color:red;}',
head = document.head || document.getElementsByTagName('head')[0],
style = document.createElement('style');
style.type = 'text/css';
style.media = 'print';
if (style.styleSheet) {
style.styleSheet.cssText = css;
} else {
style.appendChild(document.createTextNode(css));
}
head.appendChild(style);
setTimeout(function() {
mywindow.print();
}, 1000);
var printContents = document.getElementById(divName).innerHTML;
var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;
}
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|
