るぅもも園営業部-多趣味おやぢの動物事情-

アカビタイムジオウム情報メイン。ペット情報、IT技術や料理等いろんなことを書きまくっています。

【IT技術覚書】JavaScriptで印刷ボタン表示&一部非表示

time 2016/02/17

【IT技術覚書】JavaScriptで印刷ボタン表示&一部非表示

自分の技術メモ。

HTML画面上に【印刷】ボタンをつけたいということがあると思います。

ですが、印刷ボタンをそのままつけてしまうと、その印刷ボタンまで印刷されてしまうという
悲しい状況になります。

それを回避するには?という方法をご紹介。

1.まずは何も考えずに、【印刷】ボタンを表示してみよう

うむ。これで印刷ボタンが出るよと。

この状態だと、印刷ボタンが印刷されてしまう。

じゃぁそれを回避するには!!

メディアタイプ:printを使うそうな

2.以下のようなCSSをページに追加してください。

もしくは、以下の1文章で、CSSファイルを読み込んでください。

3.ボタンを非表示に!

 

また、強制的に改ページしたい場合、上記のprint.cssなどに以下を追加しましょう。
CSS側

画面側

sponsored link

down

コメントする




このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

ペット

雑記

ランキング

amazon

このブログを書いている人

葉月 要

葉月 要

SE歴13年。 Webでもクラサバでもなんでもござれのオールラウンダー。 Java、C#、ExcelVBA等の言語から、DynamicsCRM、Salesfroceなども手掛ける。 洞察、検証から最適解を探そうとする合理主義的かつ動物好き 文章作成や技術相談などがありましたらクラウドワークス等でお受けいたします。 連絡はこちらまでkaname_connect☆rulumomo.ddo.jp



sponsored link

検索