ページ内の画像印刷について

解決済

質問者：sputonik2
質問日時：2006/11/27 00:49
回答数：4件

<a href="javascript:window.print();">印刷</a>
等でホームページ全体の印刷はできるようですが、印刷ボタンを押す事で特定の画像だけを印刷するにはどのようにすれば良いのかお教え下さい。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： kappa-pa
回答日時：2006/11/27 09:19

印刷のリンクに特定の画像ＵＲＬを指定してあげれば可能です。

それともこういうことかな。URL参照
http://www.nextftp.com/laputa/imgprint.html

ただし、印刷時のレイアウト指定などは無理があります。
そう言った場合は印刷用レイアウトのページ（ＣＳＳなどで印刷むきのレイアウトにしてやる）を作り印刷の場合はそちらのページを印刷するよう仕組む事が必要です。

この回答への補足

kappa-paさん、早速の回答有り難うございました。
質問が舌っ足らずのようでしたが、参照ＵＲＬのような感じでＯＫです。ただ、このサイトは別ウィンドウをオープンしてからそこにある画像を印刷する為にJavascriptを使用して複雑になり過ぎています。
kappa-paさんのコメントにあるように、印刷のリンクに画像のＵＲＬを指定するにはどうすれば良いのですか。
例えば
<input type="button" value="印刷ボタン" onclick="window.print('images/map.gif')">
では駄目のようですが。
ホームページ初挑戦で悪戦苦闘しています。どうか宜しくお願い致します。

補足日時：2006/11/27 23:01

通報する

- 0
- 件

通報する

No.4

回答者： abacabu
回答日時：2006/11/29 21:22

またまた書き込みします

私は素人ですので今回が頭をひねりきった限界です
最近はフレームは検索エンジンに登録される時に
多少の不具合(TOPページでなくフレーム内のあるページへ
飛んでしまい、リンク無しで迷子になる場合あり)がありますが
別画面を１つの画面に表示できるので今ある知識＋フレーム
でやるという方法です。
しかし問題があって、今後フレーム要素が使えなくなる
可能性がある事です…。何年後かは分かりませんが。
あともうひとつ、
画像の有料印刷サイトというか料金制にしている場合は
使えない方法ですが、
JavaScript等プログラムは印刷の妨げになりますので
マウス右クリックの印刷を推奨するコメントを書くという
方法もあると思いますが、
恐らく質問者様はサイト側でそれをしようとお考えと思いますので、
フレームをお勧めします。
フレームはよく印刷の妨げと言われますが、
それは画面に出ている全てのページを印刷できない
(1つのページに見えて複数のページが表示されている為
右クリックした所の画面のみ印刷されると思われます)ので
それを逆手に取ってフレームで画像を分けてしまうのが
簡単ではないかと思います。
すこし陳腐な策ですが参考になりますかね？
私もそれ程沢山のタグはまだ使ってないし、
JavaScriptに関しては本等に載ってない様々なプログラムが
存在する様ですが、まだ知識の浅い私には
ここまでしかアドバイス出来そうにないです。
お力になれずすいません…。

- 0
- 件

通報する

この回答へのお礼

度々の御丁寧な回答、有り難うございました。
また、数日間、家を空けていた為に返信が遅れてしまい申し訳ありませんでした。
マウス右クリックは一つの方法ですが、これですとコピペをしなければいけないので若干スマートさに欠けると思い、ボタンで印刷出来ればと思った次第です。良案が無ければこれで行くのも手かも知れません。
ところでフレームを使う方法も確かに面白いですね。ただ、今回ホームページを作るにあたり、これからはフレームはできるだけ避けてスタイルシート式で作成するようにと参考書に載っていたのでフレームのタグは全く使っておらず、勉強？しなければなりません。悩ましいところですが、挑戦してみたいと思います。
abacabuさん、本当にお世話になり有り難うございました。

通報する

お礼日時：2006/12/01 18:14

No.3

回答者： abacabu
回答日時：2006/11/28 23:10

ひきつづき回答します

CSSで同一ページ内に改ページを設定すれば
なんとかなりませんかね。
実際そこから印刷が分かれますが、
タグですが
<style type="text/css">
.(sample)お好きな名前{
page-break-before:always;}
</style>
<body>
<p>ああああああ</p>
<p class="sample">
いいいいい
</body>
こんな感じで「あ」と「い」は別に印刷されます
このタグの存在を忘れてました…。

- 0
- 件

通報する

この回答へのお礼

再びの回答、有り難うございました。
実は “page-break-before:always” については数日前にＷｅｂや本などを必至に探して知ったのですが、CSS上での使い方が解らず困っていた所でした。
そこでabacabuさんに教えて頂いたようにしてみたのですが、これは単に画像の前に改ページを入れるだけであって、印刷ダイアログが出てきた時にそのページを選択しなければなりませんし、且つ、画像の後の情報はそのまま一緒に印刷されてしまいます。
画像単独のページにするには以下のように２つのタグを並べれば良いようですが（文法上、正しいかどうかは判りません）、それでも印刷時のページ選択は必要になってしまいます。
page-break-before:always
page-break-after:always
贅沢を言って申し訳ないのですが、良い方法が見つかったら、また教えて下さい。
宜しくお願い致します。

通報する

お礼日時：2006/11/29 00:25

No.2