Back to Scripts

Tutorial, calling Print in HTML

Creating a simple Print button or link.

This is a client side request, this is a non-standard call and works only in IE 5 (and firefox) and above. However the flip side is that 97% of the browser market is using Internet Explorer or Firefox. The method call is very simple to execute

<a href="javascript:window.print()">Print this page</a>

Try it!
Print this page

Print child Window

If you are generating the content of the popup window on the fly (document.write) make sure to close the document window before printing, otherwise the print functionality will not work.
newWindow.document.close();

Hiding HTML elements before printing

Microsoft has an "onbeforeprint" and "onafterprint" events that you can listen on to hide sections of your screen, commonly layered using DIV's. And when the printing is done, to bring back those layers.

IE browser market (eLouai stats)

01 Mar 2004 - 19 Mar 2004, number of visitors

Internet Explorer	53,641	95.00%
Netscape	791	1.40%
Mozilla	535	0.95%
Mozilla Agent	363	0.64%
Safari(Apple)	229	0.41%
Opera	145	0.26%
Other...
Total	56,474	100%

UPDATE:
Browser Market Share for eLouai.com

01 Mar 2006 - 19 Mar 2006, number of visitors

Internet Explorer	1,066,558	87.00%
Firefox	121,550	9.91%
Safari	15,413	1.26%
Opera	12,794	1.04%
Netscape	4,539	0.37%
Mozilla	4,253	0.35%
Other...
Total	1,225,994	100%

references:
MSDN: print() Method
Faqts knowledge base: printing in a child window

About Privacy Policy Hosting by Web Hosting Canada

Except where otherwise noted, this site is licensed under a Creative Commons License