JS

PRINT PAGE OR SECTION IN JAVASCRIPT

(quick guide & examples)

<h1>TITLE</h1> <p>TXT</p>

PRINT ENTIRE PAGE

01

<input type="button" value="Print Page" onclick="window.print()">

HTML SECTION TO BE PRINTED <div id="sec">   <h1>TITLE</h1> <p>TXT</p> </div>

PRINT PART OF PAGE

02

JS PRINT SECTION function printpart () {   var w = window.open("");   w.document.write(document.   getElementById("sec").innerHTML);   w.stop(); w.print(); w.close(); }

CSS ALTERNATIVE

03

CSS SPECIFY PRINT AREAS @media only print {   body { visibility: hidden; }   .print { visibility: visible; } }

ONLY .PRINT WILL SHOW UP IN PRINT <p>This will not be printed.</p> <p class="print">This will be printed.</p>