2007年5月17日(木) 17時59分32秒 [機能]
「このページを印刷」ボタンを作る
JavaScriptを使うと、クリックするとブラウザの印刷ダイアログが開くボタンを作ることができます。
わざわざ印刷ボタンなど作らなくても、ブラウザのメニューやツールバーなどから「印刷」を選べば印刷できるわけですが。メニューやツールバーなどを非表示にした、小さなサブウインドウを開いていて、そのページを印刷させる必要があるようなときには便利かも知れません。(^_^;)
JavaScriptで、印刷させるのは非常に簡単で、以下のように記述するだけです。
window.print();
windowオブジェクトのprintメソッドを呼ぶだけです。これだけで印刷（ダイアログの表示）ができます。
これを使って、「このページを印刷」ボタンを作るには、HTMLを以下のように書けば良いでしょう。
<form>
<input type="button" value="このページを印刷" onclick="window.print();" />
</form>
上記のHTML＆JavaScriptを表示すると、以下のようになります。
「このページを印刷」ボタンをクリックすると、ブラウザの印刷ダイアログが表示されるはずです。
（閲覧環境にプリンタがセットアップされていない場合は、ブラウザによってはエラーを表示して印刷ダイアログは表示しません。）
この日記へのコメントはお気軽に！ コメント数:0 トラックバック数:0
| « 読み込みが完了したら何かする |
前後のエントリ < 旧 ／ 新 > | アラートボックスを表示する » |
関連書籍・関連ソフトなど
JavaScript TIPS 主要なカテゴリ
現在、以下のカテゴリに区分してTIPSを公開しています。