print-page-or-section-using-jquery

We often need to print our output so that we can take a hard copy of that by printing it. To achieve this, we need to allow users to print a page or a section, div, span of HTML page. JQuery has a great plugin which is very easy to use and even allow us to tweak/configure printing. Here we are talking about JQuery.print.js which you can download from HERE.

Using this plugin we can print any Text content in a div or a span as shown below:

print-div-with-text-using-jquery

And text along with Images:

print-div-with-image-text-in-jquery

And other HTML elements like Table etc:

print-html-elements-using-jquery

Usage is quiet simple:

Just include the main JS file along with JQuery:

And use below in document.ready() function

or

Advance parameters are below:

Sample Code:

Download JQuery.print.js and Put below code in your tag:

Download Code Sample:

Download

LIVE Demo:
Click Here for LIVE Demo

Plugin Author Site:
JQuery.print.js