jQuery Print Preview plugin

The jQuery Print Preview plugin is designed to provide visitors with a preview of the print version of a web site. Unlike traditional print previews this plugin brings in all content and print styles within a modal window.

Check out the demo

Usage

Prerequisites:

• jQuery
• A print stylesheeet with a media="print" attribute

Using the plugin:

1. Pour in plugin CSS

2. Add a print preview link and initalise the plugin like so

   $('#foo').prepend('Print this page'); $('a.print-preview').printPreview();

Supported Browsers

• Internet Explorer 6, 7, 8 and 9
• Safari
• Google Chrome
• Firefox

Authors

Developed by Tim Connell. Released in conjunction with Sitepoint/Design Festival.

Licence

Copyright 2011, Tim Connell Licensed under the GPL Version 2 license http://www.gnu.org/licenses/gpl-2.0.html

Download

Grab the tarball containing source files and demo.