印刷用のprint.cssを当てたページは別ページで
========================================
2008.3.24 印刷用cssについて別エントリー。
========================================
ボタンとかリンクをクリックしたら、印刷用のスタイルを当てたページをさくっと開くのは実は簡単じゃない?
現在見てるページのHTMLをそのまんま別ウィンドウもしくはページ移動で表示させて、そこに印刷用のcssを当てるってのはできないのか??
target=”_blank”はなんとなく使いたくないから、ここもjavascriptでってことか??
cssの切替だけならまだしも、その内容をどっか別のページでとなると、別ページ作らないといけないのかなぁ??
それはさすがにめんどいから現実的じゃないが。
何となく始めてみたら意外と奥が深かった。。
うーん。。。
とりあえずjavascriptの本でもあさってみるとするか、、、
あぁ、想定外。いい機会だ、しっかり調べてしまいたい。。。
当初の目的は、見てるページでそのまま印刷を押してしまったときに、見た目のまんま印刷されるべきか、不要な部分を印刷されないようにするべきか?と言うところから話はスタートするんだろうけど。
とりあえずは「そのまま印刷をおす=見た目の印刷を想定」ということをかんがえていたけど、もし印刷用というリンクがあったら、そっちを押せば見たまま印刷できる、と考えるユーザーの方が多いのか???
どっちが多いんだ?とりあえず印刷するにしても両方を選択できる方がいいのではと言うことを考えてみてるが、これだとゴールに向かえなそう??
========================================
2007.07.05追記
とりあえずボタンにウィンドウ開くのとcss切り替えるのを同時に設定すると、
元ウィンドウの方はcssが切り替わって、元々と同じ内容のモノが新しいウィンドウ内に表示はされる。
これが逆になればよいんですが、、、
あと、javascriptの切替は意外とcookieがくせもん?
========================================
参考サイト
■参考例
東芝:会社概要 (会社概要サイトの使い方)
http://www.toshiba.co.jp/about/htuse.htm
■印刷用css
TRANS – 印刷用CSSをまとめてみた。
http://d.hatena.ne.jp/aratako0/20061208/p1
■cssを切り替える
styleswitcher.js-スタイルシート切り替えjavascript – WEBデザイン BLOG
http://weblibrary.s224.xrea.com/weblog/webdesign/javascript/styleswitcherjs.html
A List Apart: Articles: Alternative Style: Working With Alternate Style Sheets
http://alistapart.com/stories/alternate/
小粋空間: スタイルシート切り替え
http://www.koikikukan.com/archives/2004/09/07-000250.php
スタイルシート切り替えスクリプト / CSSメモ
http://critical.s6.xrea.com/web/cssselect.shtml
CSS切替スクリプト – 徒委記
http://www.akatsukinishisu.net/wiki.cgi?CSS%C0%DA%C2%D8%A5%B9%A5%AF%A5%EA%A5%D7%A5%C8
■jQueryを使う場合
jQueryを使ってCSS切替機能を実装 – Emotional Web
http://www.lllcolor.com/web/css/48.html
■javascriptで別ウィンドウを操作
JavaScript/ウィンドウ/サブからメインウィンドウを操作する – TAG index
http://www.tagindex.com/javascript/window/sub_to_main.html
========================================
2008.3.24 追記
mersy’s lab » Blog Archive » 今日の印刷用cssに関するメモとか
http://wp.mersy.jp/?p=159
Tags: css, javascript, mytask, usability