JavaScript print preview
css, html, javascript, printing
Solution
Addressing the following part of your question:
in the print "print this page also printed .
How can I hide it?
Create a new stylesheet (in this example, I've named it "print.css") and include it in your HTML as follows:
<link rel="stylesheet" href="print.css" type="text/css" media="print" />
Note the `media="print"`—this means the stylesheet will only be used when printing the page.
Next assign a class to your `<a>` element so that we can reference it in CSS:
<a href="javascript:window.print()" class="noPrint">Print this Page</a>
Finally, in your CSS file, include the following rule:
.noPrint {
display: none;
}
Now the "Print this Page" link shouldn't appear in the printed version of your page.
Steve
Problem
How can I see print preview of my invoice generated from website. If I print with the script ``` <a href="javascript:window.print()">print this page</a> ``` in the print "print this page" also printed. How can I hide it?