- ベストアンサー
「印刷用ページを開く」を作るには？
よく見かける「印刷用ページを開く」を作成したいのですが、 CSSとJavacsriptの活用で以下の点を実現する事は可能でしょうか？ ・「印刷用ページを開く」はInputボタンではなくテキストリンク ・印刷したい部分だけ抜粋したレイアウトに変更 ・別ウィンドウ表示 CGIなど動的なプログラムを使っての実現ではなく、 CSSとJavascriptの組み合わせで出来ると聞いたのですが、 ソースがうまく見つかりません。 分かる方ぜひお助けを～～！
- JavaScript
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
以下のような感じでしょうか。 <html> <head> <title></title> <script type="text/javascript"> if(location.search == '?print') document.write('<style type="text/css">.screenonly{display:none}</style>') </script> <body> <h1>ページタイトル</h1> <div class="nabi screenonly"> 印刷不要なナビゲーションとか </div> <p>普通に印刷される文章</p> <p class="screenonly" class="screenonly">印刷不要な文章…<a href="_gomi1.html?print" target="_blank">印刷用に開く</a></p> </body> </html>
その他の回答 (1)
- nipox
- ベストアンサー率32% (10/31)
印刷用にページを作りたくないのなら <html> 云々かくかくしかじか <script> function printv(){ var nw = window.open(); var data = document.getElementById('pr').innerHTML; nw.document.write(data); } </script> だあだあ <div id="pr"> 印刷両用 </div> だあだあ こんな感じで出来そうですよ・・・
お礼
このソースで再現できました！ ありがとうです～～～～～～＞ｗ＜ｂ