W3QはBiztterに生まれ変わりました!
Web制作に関するお悩みはBiztterへどうぞ!

Biztterで質問する

ID:9Jdpl. さんの質問

現在苦戦している案件でサイトに埋め込まれているGooglemapを印刷ボタンを押して、Googlemapが表示されている範囲だけA4サイズで印刷されるようにしたいと先方から依頼がございました。どうしてもjsで組んだりしてもGooglemapだけではなく、全部のページが印刷されてしまいます。
どなたかご教授よろしくお願いいたします。

みんなの回答 5 件

ID:k/Mxq2 さんの回答

印刷用CSSで対応してみては?
ttp://html-coding.co.jp/knowhow/tips/000279/

ID:z/TLNk

どうやんの?

ID:uSpUcP さんの回答

ちょっと、事情がよくわかりませんが、CSSのメディア設定でprint用に専用のものを作ってでもダメですか?

ID:lL3j3f さんの回答

印刷用のcssで対応できるだろうけど、そのまま導入すると、逆にページ全体を印刷したい人に対応できなくなるので、マップ印刷用のボタンを作って、そのイベント内で印刷用cssを突っ込むのがいいね。

ID:2AQJHB さんの回答

Google Mapsの部分だけ別ページにしてiframeで表示する
   ↓
「マップを印刷」ボタンを表示して、クリックしたらiframeのwindow.print()を呼ぶ、とかじゃダメかな
(もともとiframeだろうけど、直接やるとブラウザにブロックされて動かない気がする)

ID:EcYjj4 さんの回答

印刷用CSSさえ調べれず、理解できないレベルのあなたへのアドバイス
目的達成できればいいんでしょ? 特に向上心ないでしょ?
PDFにしてリンクを貼りなさい それでこのトピックは終了だ

最終更新日:2014-05-27 (4,056 views)

関連するトピックス

ページ上部に戻る