This time I will share jQuery Plugin and tutorial about jQuery Plugin For Html Print Preview – printPreview, hope it will help you in programming stack.
Print-Preview is a jQuery plugin that allows a “Print Preview” button to open a new browser window displaying specific print area of your webpage.
How to use it:
1. Load jQuery library and the printPreview.js script in the web page.
1 |
<script src="jquery.min.js"></script> |
2 |
<script src="js/printPreview.js"></script> |
2. Create a Print Preview button on the webpage.
1 |
<button id="btnPrint">Print Preview</button> |
3. Enable the plugin and specify the specific part of the webpage you want to print.
1 |
$("#btnPrint").printPreview({ |
4. Customize the print preview window.
Change log:
2015-08-24
- multiple seperate window and input values
This awesome jQuery plugin is developed by alamnaryab. For more Advanced Usages, please check the demo page or visit the official website.
