Quackit Logo
JavaScript Home
JavaScript Tutorial Home

Basic JavaScript

Introduction
How to Enable JavaScript
JavaScript Syntax
External JavaScript File
JavaScript Operators
JavaScript Variables
JavaScript Functions
JavaScript Events
JavaScript If Statements
JavaScript Switch Statements
JavaScript While Loop
JavaScript For Loop
JavaScript Try Catch
JavaScript Escape Characters
JavaScript Void(0)

Advanced JavaScript

JavaScript Cookies
JavaScript Date and Time
JavaScript Arrays
Two Dimensional Arrays
JavaScript Summary

JavaScript Reference

JavaScript Reserved Words
JavaScript Event Handlers
JavaScript Date and Time Functions

JavaScript Code Library

JavaScript Dropdown Menu
JavaScript Print
JavaScript Alert Box
JavaScript Status Bar Messages
Image Rollovers
Popup Windows
JavaScript Redirect
Timed JavaScript Redirect
JavaScript Refresh Page
Timed JavaScript Redirect

Got a MySpace Page?

Get "www.yourname.com" for your MySpace page. Learn how >>.

JavaScript Print

Print Version

You can use JavaScript to automatically open print dialogue box so that users can print the page. Although most users know they can do something like File > Print, a "Print this page" option can be nice. Also, this code can be triggered automatically upon loading a printer friendly version.

To create a "Print this page":

The following code creates a hyperlink and uses the Javascript print function to print the current page:

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

The above code results in the following:

Print this page

To automatically open the print dialogue box:

You can call the JavaScript print function upon loading a Printer friendly version. This will automatically open the print dialogue box for the user.

  1. Copy and paste the following code in between the <HEAD> and </HEAD> tags of the printer friendly version:
    <script language="Javascript1.2">
  <!--
  function printpage() {
  window.print();  
  }
  //-->
</script>
  2. Add the following to your <BODY> tag:
    onload="printpage()"

So, your body tag should look something like this:

<body onload="printpage()">

Enjoy this website?

  1. Link to this page (copy/paste into your own website or blog):
  2. Add this page to your favorite social bookmarks sites:
                     
  3. Add this page to your Favorites

Oh, and thank you for supporting Quackit!
 

FREE Hosting!

With every domain name you register with ZappyHost, you get FREE (ad supported) hosting.

PLUS you get:

  • FREE Website Builder
  • FREE Blog
  • FREE Starter Web Page
  • FREE Email Account
  • & much more! (Total value $123 for FREE!)
Get your FREE hosting today! >>
Featured Template:
(Build your websites in minutes!)