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.
Prerequisites:
- jQuery
- A print stylesheeet with a media="print" attribute
Using the plugin:
-
Pour in plugin CSS
-
Add a print preview link and initalise the plugin like so
$('#foo').prepend('Print this page'); $('a.print-preview').printPreview();
Properties:
close_cb - Add a function callback that is called when the preview is closed.
Example:
$('a.preview').bind('click', function(e) {
e.preventDefault();
var pp = jQuery.printPreview;
pp.close_cb = function(){ alert('all done') };
pp.loadPrintPreview();
});
- Internet Explorer 6, 7, 8 and 9
- Safari
- Google Chrome
- Firefox
Developed by Tim Connell. Released in conjunction with Sitepoint/Design Festival.
Copyright 2011, Tim Connell Licensed under the GPL Version 2 license http://www.gnu.org/licenses/gpl-2.0.html
Grab the tarball containing source files and demo.