[JavaScript] 自動で印刷ダイアログを表示する・印刷ボタンを実装する

印刷画面のロード時に自動で印刷ダイアログを表示するライブラリ(パターン1)と、
印刷ボタンを押した時に印刷ダイアログを表示するライブラリ(パターン2)を作成した。
印刷処理の実装の度にいちいちブラウザ判定処理まで作成するのが面倒臭いので・・・

パターン1

仕様

画面ロード時にブラウザ判定を行い、JSによるプリントに対応していれば印刷ダイアログを表示する。対応していない場合はブラウザのメニューから印刷する旨を伝えるメッセージを表示する。

使い方

ZIPファイルを解凍後、中身をサーバの任意のディレクトリに配置し、本機能を実装したいhtmlでJSを読み込む。

<script type="text/javascript" src="common/js/autoPrint.js"></script>

パターン2

仕様

メソッド呼び出し時にブラウザ判定を行い、JSによるプリントに対応していれば印刷ダイアログを表示する。対応していない場合はブラウザのメニューから印刷する旨を伝えるメッセージを表示する。

使い方

ZIPファイルを解凍後、中身をサーバの任意のディレクトリに配置し、本機能を実装したいhtmlでJSを読み込む。

<script type="text/javascript" src="common/js/print.js"></script>

印刷ボタンの onclick イベントなどで、autoPrint.print() メソッドを呼び出す。

<input type="button" onclick="javascript:autoPrint.print();" value="印刷" />

投稿日付 :

カテゴリー : JavaScript | Library

トラックバックURL

http://mashimonator.weblike.jp/mt/mt-tb.cgi/48

コメント投稿フォーム