🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

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.

Plugins Popup Window Web

Documentation

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.


You May Also Like