編集部ピックアップ

ゴルフお悩み相談箱
ゴルフお悩み相談箱

コースでのナイスプレーには正しい知識と練習が必須!飛ばない、曲がる、ゴルフの悩みを解決

気になるキーワード

検索語キーワードランキング

1位:
up
2位:
up
3位:
keep

PR

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

例: 紅葉 行楽

検索オプション 質問する

質問

質問者:sputonik2 ページ内の画像印刷について
困り度:
  • すぐに回答を!
<a href="javascript:window.print();">印刷</a>
等でホームページ全体の印刷はできるようですが、印刷ボタンを押す事で特定の画像だけを印刷するにはどのようにすれば良いのかお教え下さい。
質問投稿日時:06/11/27 00:49
質問番号:2564748
この質問に対する回答は締め切られました。
最新から表示回答順に表示良回答のみ表示

回答

 

回答者:abacabu またまた書き込みします
私は素人ですので今回が頭をひねりきった限界です
最近はフレームは検索エンジンに登録される時に
多少の不具合(TOPページでなくフレーム内のあるページへ
飛んでしまい、リンク無しで迷子になる場合あり)がありますが
別画面を1つの画面に表示できるので今ある知識+フレーム
でやるという方法です。
しかし問題があって、今後フレーム要素が使えなくなる
可能性がある事です…。何年後かは分かりませんが。
あともうひとつ、
画像の有料印刷サイトというか料金制にしている場合は
使えない方法ですが、
JavaScript等プログラムは印刷の妨げになりますので
マウス右クリックの印刷を推奨するコメントを書くという
方法もあると思いますが、
恐らく質問者様はサイト側でそれをしようとお考えと思いますので、
フレームをお勧めします。
フレームはよく印刷の妨げと言われますが、
それは画面に出ている全てのページを印刷できない
(1つのページに見えて複数のページが表示されている為
右クリックした所の画面のみ印刷されると思われます)ので
それを逆手に取ってフレームで画像を分けてしまうのが
簡単ではないかと思います。
すこし陳腐な策ですが参考になりますかね?
私もそれ程沢山のタグはまだ使ってないし、
JavaScriptに関しては本等に載ってない様々なプログラムが
存在する様ですが、まだ知識の浅い私には
ここまでしかアドバイス出来そうにないです。
お力になれずすいません…。
種類:アドバイス
どんな人:経験者
自信:参考意見
回答日時:06/11/29 21:22
回答番号:No.4
この回答へのお礼度々の御丁寧な回答、有り難うございました。
また、数日間、家を空けていた為に返信が遅れてしまい申し訳ありませんでした。
マウス右クリックは一つの方法ですが、これですとコピペをしなければいけないので若干スマートさに欠けると思い、ボタンで印刷出来ればと思った次第です。良案が無ければこれで行くのも手かも知れません。
ところでフレームを使う方法も確かに面白いですね。ただ、今回ホームページを作るにあたり、これからはフレームはできるだけ避けてスタイルシート式で作成するようにと参考書に載っていたのでフレームのタグは全く使っておらず、勉強?しなければなりません。悩ましいところですが、挑戦してみたいと思います。
abacabuさん、本当にお世話になり有り難うございました。

回答

良回答10pt

回答者:abacabu ひきつづき回答します
CSSで同一ページ内に改ページを設定すれば
なんとかなりませんかね。
実際そこから印刷が分かれますが、
タグですが
<style type="text/css">
.(sample)お好きな名前{
page-break-before:always;}
</style>
<body>
<p>ああああああ</p>
<p class="sample">
いいいいい
</body>
こんな感じで「あ」と「い」は別に印刷されます
このタグの存在を忘れてました…。
種類:回答
どんな人:経験者
自信:自信あり
回答日時:06/11/28 23:10
回答番号:No.3
この回答へのお礼再びの回答、有り難うございました。
実は “page-break-before:always” については数日前にWebや本などを必至に探して知ったのですが、CSS上での使い方が解らず困っていた所でした。
そこでabacabuさんに教えて頂いたようにしてみたのですが、これは単に画像の前に改ページを入れるだけであって、印刷ダイアログが出てきた時にそのページを選択しなければなりませんし、且つ、画像の後の情報はそのまま一緒に印刷されてしまいます。
画像単独のページにするには以下のように2つのタグを並べれば良いようですが(文法上、正しいかどうかは判りません)、それでも印刷時のページ選択は必要になってしまいます。
page-break-before:always
page-break-after:always
贅沢を言って申し訳ないのですが、良い方法が見つかったら、また教えて下さい。
宜しくお願い致します。

回答

 

回答者:abacabu ちょっと探してみました。
参考になれば幸いです。
種類:回答
どんな人:経験者
自信:参考意見
回答日時:06/11/28 21:29
回答番号:No.2
参考URL: http://jsm.suepon.com/script/jsm41.html
この回答へのお礼abacabuさん、上記URLを探して頂き有り難うございました。
ただ、御紹介のJavascriptは、特定の画像だけではなく、ホームページ全体を印刷してしまうと思われますので、残念ながら私の意図にそうものではありません。
しかし、貴重な時間を割いて探して頂いた事に感謝致します。

回答

良回答20pt

回答者:kappa-pa 印刷のリンクに特定の画像URLを指定してあげれば可能です。
それともこういうことかな。URL参照
http://www.nextftp.com/laputa/imgprint.html

ただし、印刷時のレイアウト指定などは無理があります。
そう言った場合は印刷用レイアウトのページ(CSSなどで印刷むきのレイアウトにしてやる)を作り印刷の場合はそちらのページを印刷するよう仕組む事が必要です。
種類:アドバイス
どんな人:専門家
自信:参考意見
回答日時:06/11/27 09:19
回答番号:No.1
この回答への補足kappa-paさん、早速の回答有り難うございました。
質問が舌っ足らずのようでしたが、参照URLのような感じでOKです。ただ、このサイトは別ウィンドウをオープンしてからそこにある画像を印刷する為にJavascriptを使用して複雑になり過ぎています。
kappa-paさんのコメントにあるように、印刷のリンクに画像のURLを指定するにはどうすれば良いのですか。
例えば
<input type="button" value="印刷ボタン" onclick="window.print('images/map.gif')">
では駄目のようですが。
ホームページ初挑戦で悪戦苦闘しています。どうか宜しくお願い致します。
この回答へのお礼この回答にお礼をつける(質問者のみ)
最新から表示回答順に表示良回答のみ表示

この質問に関連するQ&A

[PR] お役立ち情報