2014/02/14
印刷範囲を指定できるjQueryプラグイン

地味だけどありがたい機能を提供してくれるプラグイン。
今でも印刷を想定してほしいとの依頼は時々あり、昔は印刷用に別ページを作ってポップアップさせたこともあった。
設定は簡単で、まずはこちらからjsファイルをダウンロード。
/demo/hoshino/51/js/jquery.jPrintArea.js
あとはHTMLに対し
1 2 3 4 5 | <div id="area1"> <img src="images/1.jpg"> hogehogehogehogehogehogehogehoge <p><input type="button" value="ここまでを印刷" id="btn1"></p> </div> |
JSはこのように実行する。
1 2 3 4 | $( '#btn1' ).click( function() { $.jPrintArea( '#area1' ); }); |
製品一覧とかマニュアルとかスペック表などでわざわざPDFにしていた場合も使えそう。
Author Profile

HOSHINO
ECのことを中心に書きたいと思います。 ネタが無いときはプログラムやデザインのことも書きます。
SHARE