No.1ベストアンサー
- 回答日時:
HTML上の印刷する部分を限定したいということですが、
こんな感じでどうでしょうか?
スタイルシートの設定のしかたで、ある程度近いことができると思います。
IE6ではこれで動いています。
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<title></title>
<style media=screen>
<!--
/*印刷時のみ表示*/
.prtOnly {display:none;}
// -->
</style>
<style media=print>
<!--
/*ブラウザのみ表示*/
.dspOnly {display:none;}
// -->
</style>
</head>
<body>
<!-- ブラウザ上のみ表示 -->
<div class="dspOnly">テスト</div><br>
<!-- 印刷時のみ表示 -->
<img src="test1.jpg" border="0" class="prtOnly"><br>
<!-- 両方表示 -->
<img src="test2.jpg" border="0" class="">
<br>
<br>
<a href="javascript:window.print();" class="dspOnly">
印刷する</a>
</body>
</html>
> また上記の場合、<script>~</script> で
> javascript自体の指令は必要ないんでしょうか。
javascript:window.print()←自体がJavaScriptの命令になって
いますので特に必要ありません。
※さらに複雑さ処理がやりたい場合は別ですが。
この回答への補足
cssで制御できるんですね。すごい…。
ちなみにmedia=screen media=print というのは
style専用の属性なんでしょうか?
また、今回のような印刷したいとき専用の属性なんでしょうか?
それで、今htmlに組み込んでみましたが
あまり意味がわかっていないせいか、動作しませんでした。
確認したいのですが、
たとえば、ページ全体のうちの、
ある一つの表のみを印刷できるようにしたい場合、
その表には、何もclass指定はせず、
それ以外のすべてのタグに(又はdivで囲んで)class="dspOnly"を指定するってことで
解釈は合っているでしょうか?
それと、style指定は、外部ファイルに入れる場合、
.prtOnly {display:none;}
.dspOnly {display:none;}
だけでよいんでしょうか。
それとも、media-screen を指定するべく、
classを1つ1つ<style></style>タグで囲むことが
必要なんでしょうか。
わかりにくい文章になってしまいましたが、、
よろしくお願いします。
No.3
- 回答日時:
度々失礼します。
> 印刷したい表が、大きな囲いとなるtableの中の、
> tdの一つの中にあるtableであった場合、
> どうやって指定したらいいんでしょう。
> divでもspanでも、半端な位置になってしまいます。
ご希望に沿うかわかりませんが、
その印刷用の内側のテーブルを外にもう一つ作成して
印刷時のみの設定にして(普段は非常時)おくのが
簡単な方法だと思います。
お返事遅くなってすみません。
この方法で複数のサイトに対応でき助かりました!
何度か設定するうちに使いこなせてもきて、
うれしい気持ちです。
ありがとうございました。
No.2
- 回答日時:
#1です。
お察しの通り、「media」の「screen」 or 「print」 指定ですが、
スタイルシートの有効な場面が決定されます。
「screen」 を付ければ画面表示時に有効。
「print」 を付ければ印刷時に有効。
といった具合です。
> style専用の属性なんでしょうか?
スタイル用の固有属性だと思います。
「http://www.tohoho-web.com/html/style.htm」
> ある一つの表のみを印刷できるようにしたい場合、
> その表には、何もclass指定はせず、
> それ以外のすべてのタグに(又はdivで囲んで)class="dspOnly"を指定するってことで
> 解釈は合っているでしょうか?
その考え方で合っていると思います。
style指定は、外部ファイルに入れる場合ですが、
別けないと駄目なようなきがします。
<link href="style1.css" type="text/css" media=screen>
<link href="style2.css" type="text/css" media=print>
【style1.css】
.prtOnly {display:none;}
「screen」指定のスタイルシートでは「prtOnly」のクラスを非表示としています。
【style2.css】
.dspOnly {display:none;}
「print」指定のスタイルシートでは「dspOnly」のクラスを非表示としています。
説明があまり上手じゃなく申し訳ないですが、
わからないことがあれば、また質問をお願いします。
頑張ってみてください!
この回答への補足
ありがとうございます。
どうしても外部ファイルにしたいわけではないので、先日の記述をヘッドタグ内に埋め込むことにします。
ただ、印刷時に必要な表以外の部分にclass="dspOnly"
を入れる方法なのですが、
印刷したい表が、大きな囲いとなるtableの中の、
tdの一つの中にあるtableであった場合、
どうやって指定したらいいんでしょう。
divでもspanでも、半端な位置になってしまいます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
【javascript クロスブラウザ...
-
htmlソースの取得方法
-
ブラウザをJavaScriptで最小化…
-
<a href="#" …>の意味を教えて...
-
別ファイルのfunctionの読み込み方
-
bodyにidをつける理由は何ですか?
-
window.openで同画面遷移しない
-
Canvasを使って描画して面積取得
-
プルダウンと入力を両方行う検...
-
JAVAでリンクボタンを作成して...
-
明日の日にちを表示するときは
-
リンク先のJavaScriptを実行す...
-
javascriptとApacheの設定
-
プラグイン無しでContactform7...
-
"mailtoでメールの【氏名】【性...
-
同意を求めて、次のページに進...
-
フレームを跨ぐドロップダウン...
-
html メールリンクにて自動ファ...
-
別ページのページ内リンクでの...
-
【js】onsubmit属性が変更できない
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
javascriptでalertの文字列をコ...
-
変数の代入値を外部の.txtファ...
-
onLoadをbodyタグ以外で使用する
-
【javascript クロスブラウザ...
-
オブジェクトを指定してくださ...
-
特定のページから移動してきた...
-
ブラウザをJavaScriptで最小化…
-
「jQuery」アニメーションをル...
-
X-Frame-Optionエラーの検出方法
-
javascriptでのHPデザインの振...
-
指定の年月日時にcssを自動で切...
-
JavaScriptが無効の場合
-
JavaScript で指定した月日に別...
-
日替わりメッセージの表示
-
トップページindex.htmlにカレ...
-
<iframe>内にHTMLをランダム表...
-
背景のグラデーション設置について
-
画像ファイルのアドレスに今日...
-
Future Shop2というショッピン...
-
Event.observe について教えて...
おすすめ情報