表示用ページと印刷用ページ

質問

表示用ページと印刷用ページがあります、印刷用ページには、
<link rel="stylesheet" href="css/print.css" media="print">で印刷用cssを適用しています。
表示用ページにあるprintボタンを押しと自動的に印刷用ページの印刷プレビュー画面を表示したいのですが、うまくいきません。ご教授お願い致します。

回答No.3

ORUKA1951

いえ、スタイルシートが印刷用が用意してあれば、単純にファイル→印刷ですよ。
＞表示用ページにあるprintボタンを押しと自動的に印刷用ページの印刷プレビュー画面を表示したいのですが、
　これはアプローチが違います。
[例]
ナビゲーションリストを様々にデザインしてみよう。( http://www.ichiya.com/WebService/Howto/sample/HTML/nav/navigation1.html )
　では、メニューバーの[表示]→[スタイルシート]でスタイルをscreem用スタイルを様々に指定できますが、印刷はどのスタイルを選んでも印刷用スタイルシートで印刷されます。
ペットボトル握力計( http://iruka.la.coocan.jp/craft/HandDynamometer/index.html )
もそうなっていますね。
「HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )」

　わざわざ、HTMLで文書構造をプレゼンテーションをスタイルシートに分けるのは、「広汎なプラットフォームや多様なメディアでの文書提供コストを低下でき、文書の改訂も容易になるということが、経験的に知られている。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.4.1 )」とあるように、印刷用と表示用、携帯端末用、スマホ用と同じ内容の複数のページを作らなくてすむようにするためですよ。

回答No.2

神崎 渉瑠（@taloo）

<input type="button" value="print" onclick="print();">

ブラウザが対応していればの話ですが。
対応していなければ、諦めるのが妥当ではないかと思います。
（ブラウザメニューから印刷を選択すれば印刷できます）

回答No.1

noname#206842

CSSは、ブラウザの印刷ボタンあるいはｃｔｒｌ＋Pキーでの、印刷になります。
プリントボタンを設け、そのボタンをクリックすることによって印刷するのであれば、scriptを書く必要があります。
onclick・・・あたりを、学べば簡単にできると思いますよ。