WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:印刷バナーを表示するには?

0:[投稿] あいこ [2003/05/12 16:24 ][環境:IE6 Apache PHP]

よくホームページ等で、画像の上にマウスを持っていくと、
"保存"(フロッピーの絵),"印刷(プリンタの絵)",
"メール(手紙の絵)","マイピクチャフォルダ(ファルダの絵)"

の4つのミニバーが出ますが、あれはIEのデフォルトの機能なのでしょうか?

とあるデータをテーブル表示し、IEの機能で印刷する画面を作っているのですが、あのミニバーが出たら便利だなあ。と思いました。

なにか指定する方法等ありますか?


1:[回答] きあらうむ [URL] [2003/05/12 16:58 ]

IE6の「イメージツールバー」という機能ですので、
画像以外のタグには出てきません。
印刷するだけなら、
<a href="javascript:window.print()">印刷</a>
で可能です。

ページを保存するには
<a href="javascript:document.execCommand('saveAs')">保存</a>
こうすればできます。


2:[質問] あいこ [2003/05/12 18:29 ]

IE6の機能だったのですね。
ありがとうございました。

<a href="javascript:window.print()">印刷</a>
とすると、「印刷」という文字も一緒に印刷されてしまうため、
やはり、
メニューの"ファイル"→"印刷"か
右クリック→"印刷"が無難ですかね…


3:[回答] きあらうむ [URL] [2003/05/12 21:12 ]

<style type="text/css" media="print"><!--
    .noprint { visibility:hidden }
--></style>

こんなスタイルシートを書いて、このCSSを
<a href="javascript:window.print()" class="noprint">印刷</a>
タグにclassで指定すれば印刷されなくなります。

http://www.interq.or.jp/japan/satoshi0/sample/_test/20030512_print.htm
このページに行って印刷プレビュー画面を開いて見て下さい。
「印刷」のリンクは表示されません。


4:[回答] あいこ [2003/05/13 10:46 ]

ほんとですね!!!
ありがとうございます。

後ひとつ、便乗質問させてください。m(_ _)m
現在、外部CSSを読み込んで、

<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="stylesheet" href="test.css" type="text/css">

の様にしているのですが、上記の様に.noprint CSSをtest.css
に埋め込むことはできますか?

それとも、
media="print"を含んだものを記述する必要があるのでしょうか?


重ね重ね大変恐縮ですが、ご助言いただけるとうれしいです。


5:[回答] きあらうむ [URL] [2003/05/13 19:17 ]

そのCSSへ次のように追加してみてください。

@media print{
.noprint { visibility:hidden }
}

表示を消すには visibility:hidden の他に display:none
もあります。

この仕様の発案者に感謝ですね。(笑)

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World