StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>Remove <code>document.getElementById('print').style.display='none';</code> from your <code>printpage()</code> function.</p> <p>In the above case the button will be visible for another click event but when you will print the document, the button will be shown on printed document. Am I right?</p> <p>To prevent printing the <code>print</code> button you need to use <a href="http://www.w3.org/TR/css3-mediaqueries/" rel="nofollow">css media queries</a> <code>@media print</code></p> <p><strong>Add following in your extrernal stylesheet OR in <code><style></code> tag inside a <code><head></code> tag of the HTML page:</strong></p> <pre><code> @media print { .noprint { display: none; } } </code></pre> <p>and add <code>.noprint</code> class on</p> <pre><code><input name="print" class="noprint" type="submit" id="print" value="PRINT" onclick="printpage()" /> </code></pre> <p><a href="http://jsfiddle.net/akhurshid/wR76u/" rel="nofollow"><strong>SEE DEMO</strong></a></p> <p>It will print the document without printing the button and your button will also be visible for the second time click :-)</p> <p><strong>EDITED:</strong></p> <p><strong>USE HTML AS GIVEN BELOW:</strong></p> <pre><code><!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>JS Bin</title>  <style type="text/css"> @media print { .noprint { display: none; } } </style>  <script> function printpage() { window.print(); } </script> </head> <body>  <p>Only This text will print</p>  <input class="noprint" type="button" value="PRINT" onclick="printpage()" /> </body> </html> </code></pre> <p><a href="http://jsbin.com/otihov/1/edit" rel="nofollow"><strong>SEE ABOVE CODE IN ACTION</strong></a></p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload