10 jQuery Print Page Options

Most websites still offer a print style sheet and did you ever wonder how possible is to use jQuery to create a print page button? In this post you will find 10 jQuery-made “print page” button, options and tutorials. Enjoy!

Related Posts:

1. Unobtrusive JavaScript Print Link (with jQuery)

Ideally, we do not want to have things on a page that do not work without JavaScript enabled. So the solution is to write the print link into the DOM using JavaScript, and then attach a click event to the link.

Unobtrusive JavaScript Print Link

Source Demo

2. jqueryprintpage

A simple jQuery plugin to wrap the inner elements matching a given selector in a *print page* link, then add an onclick handler to print the current page.


Source + Demo

3. jqPrint

This plugin is designed upon the well-known jPrintArea, with some improvements and functionalities corrections. Rewritten as true jQuery plugin!


Source + Demo

4. PrintArea – Print section of the page with jQuery

This plugin allows us to indicate which container on the page we want to send to the printer maintaining the original css styles applied to the element being printed.


Source Demo

5. jQuery Printing Plugin

The plugin creates an iframe and print it directly! This way you save yourself (and your users) the hassle of dealing with a new window.

jQuery Printing Plugin

Source Demo

6. 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.

jQuery Print Preview

Source Demo

7. jQuery Print Element 1.2

Sets whether the plugins behavior is to open a popup of the element to print before printing, or to create a hidden iframe. Possible values: ‘iframe’ | ‘popup’

jQuery Print Element

Source Demo

8. Print Part of a Web Page with jQuery

A jQuery plugin to handle the print() functionality. This way, we can make anything on the page printable using a jQuery selector.

Print Part of a Web Page

Source + Demo

9. Easy Unobstructive jQuery Print Page Tutorial

An easier way to create Print This Page buttons, and yes it doesn’t involve an onclick=” event…

Unobstructive jQuery Print Page

Source + Demo

10. Add Print Ability to FancyBox jQuery Plugin

In this tutorial you will learn how to add a nice print button to the FancyBox jQuery plugin.

Print Ability to FancyBox

Source Demo