Tuesday, March 18, 2014

Javascript - Page Printing

Many times you would like to give a button at your webpage to print out the content of that web page via an actual printer.
JavaScript helps you to implement this functionality using print function of window object.
The JavaScript print function window.print() will print the current web page when executed. You can call this function directly using onclick event as follows:
<head>
<script type="text/javascript">
<!--
//-->
</script>
</head>
<body>
<form>
<input type="button" value="Print" onclick="window.print()" />
</form>
</body>
This will produce following button which let you print this page. Try it by clicking:
This serves your purpose to get page printed out, but this is not a recommended way of giving printing facility. A printer friendly page is really just a page with text, no images, graphics, or advertising.
You can do one of the followings to make a page printer friendly:
  • Make a copy of the page and leave out unwanted text and graphics, then link to that printer friendly page from the original.
  • If you do not want to keep extra copy of a page then you can mark your printable text using proper comments like <!-- PRINT STARTS HERE -->..... <!-- PRINT ENDS HERE --> and then you can use PERL or any other script in background to purge printable text and display for final printing. Our site is using same method to give print facility to our site visitors.

How to print a page:

If someone is providing none of the above facilities then you can use browser's standard toolbar to get web pages printed out. Follow the link as follows:
File --> Print --> Click OK button.

No comments:

Post a Comment