- PR -

WEBでの印刷で非表示項目

1
投稿者投稿内容
kami
ベテラン
会議室デビュー日: 2004/08/21
投稿数: 95
お住まい・勤務地: 大手町
投稿日時: 2005-11-10 00:15
お疲れ様です、kamiです。

最近Webページの印刷画面という代物を作っているのですが
少々厄介な事がありまして、質問させていただきます。

印刷ページに表を表示します。
で、このページ（表）を印刷したいので、ブラウザの印刷で印刷しました。
印刷自体は全然問題ないのですが、そこに<input type=>のボタンを貼り付けたいのです。
で、そのまま印刷してしまうとボタンまで印刷されてしまいます。
（テーブルで背景色も指定して印刷しているため、「背景の色とイメージも印刷する」にチェックをつけています。）

そういった場合に、ボタンのみを印刷させたくない場合はどのようにしたらうまくいきますでしょうか？

また、逆に「背景の色とイメージも印刷する」にチェックをつけなとも、背景色などを印刷する手法があるのでしょうか？

HTML, JavaScript, css と色々検索してみたものの的外れ（自分的に）な物が大量にヒットするぐらいで目当ての情報にたどり着けませんでした。

HTMl, JavaScript, css どのマークアップ言語でもいいのでやり方がありましたら助言のほどよろしくお願い致します。


<編集>
>HTML, JavaScript, css と色々検索
HTMLではできないのか？
JavaScriptではできないのか？
cssではできないのか？
と、どれでもいいので探した　ということです。
紛らわしかったので、、、
</編集>

[ メッセージ編集済み 編集者: kami 編集日時 2005-11-10 00:18 ]
かつのり
ぬし
会議室デビュー日: 2004/03/18
投稿数: 2015
お住まい・勤務地: 札幌
投稿日時: 2005-11-10 00:24
こんな感じでいかがでしょうか。

<BODY onbeforeprint="ボタンを非表示にする処理()" onafterprint="ボタンを表示にする処理()">

document.xxx.xxx.style.visibility = "hidden" もしくは "visible";

ブラウザがIE5以降に限定されますが。
kami
ベテラン
会議室デビュー日: 2004/08/21
投稿数: 95
お住まい・勤務地: 大手町
投稿日時: 2005-11-10 00:42
かつのり様、返信ありがとうございます。

「nbeforeprint」　で検索しました所、
http://homepage2.nifty.com/yoshi-m/makehp/dhtml/lesson/ivent/2-3.htm
と、いうページを見つけることができました。

後は、これを参考にしたいとおもいます。

助言ありがとうございました。
大変たすかりました。

P.S.
他の方のWebページのURLを勝手に載せてもいいのか悩みましたが、、、後の人の為にのせました。
まずい場合は、編集で消しにきますのでレス下さい。
1

スキルアップ／キャリアアップ（JOB@IT）