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:
[crayon-5c0e639bf365d264973270/]
And use below in document.ready() function
[crayon-5c0e639bf3662848472621/]
or
[crayon-5c0e639bf3664160112670/]

Advance parameters are below:

[crayon-5c0e639bf3666874334737/]

Sample Code:

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

[crayon-5c0e639bf3667855337882/]

Download Code Sample:

Download

LIVE Demo:
Click Here for LIVE Demo

Plugin Author Site:
JQuery.print.js