ページ内の印刷ボタンが押された時だけprint.cssを適応する « JavaScript « Snippet-Editor.com

$(document).ready(function(){ $(".printer").click(function(){ $("body").addClass("print"); window.print(); var timeout = setTimeout(function(){ $("body").removeClass("print"); }, 1000); return false; }); }); Webページを印刷するとき、画面に表示されているそのままを印刷したいと思うか、印刷用に整形された状態を欲しいと思うかは、ユーザーによってまちまちです。 上のjQueryプラグインを使うことで、ブラウザのメニューバーから「印刷」を選んだ時と、ページ上の印刷ボタンから印刷を実行した時で、別々の出力結果を得ることが出来るようになります。つまり、前者は見たままに、後者は整形されて印刷されま

[ledsun]

ほんとにこれ通りで出来た。print.css用意しといたから何も躓かなかった。

[tpex_ovon]

印刷のボタン

[kiyo560808]

jQueryを使う必要がある。