http://q.hatena.ne.jp/1219825934 の続きの質問です。
「javascriptで外部CSSを一つのボタンで動的にon/offでき、その情報をクッキーに保存する、というサンプルを探しています。
ご存知でしたらご教示ください。」
追加要件
・ボタンを押したらサイト全体のCSSが変わる
・動作はIE6以上firefox2以上OPERA9以上
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。
ログインして回答する
ベストアンサー
-
GoldenDawn
満足50pt
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script type="text/javascript"> <!-- var CSSPath = './test.css' ; // CSS ファイルのパス var outerCSS ; function toggleCSS() { outerCSS.disabled = !outerCSS.disabled ; document.cookie = 'outercss = ' + !outerCSS.disabled ; } function getCookie(key) { var cookies = document.cookie.split(';') ; for (var i = 0; i < cookies.length; ++i) { var theCookie = cookies[i].split('=', 2) ; if (theCookie[0] == key) return unescape(theCookie[1]) ; } return undefined ; } onload = function() { outerCSS = document.createElement('link') ; with (outerCSS) { rel = 'stylesheet' ; type = 'text/css' ; href = CSSPath ; } document.getElementsByTagName('head')[0].appendChild(outerCSS) ; outerCSS.disabled = true ; if (getCookie('outercss') == 'true') toggleCSS() ; } //--> </script> </head> <body> <form> <input type="button" onclick="toggleCSS();" value="css ON-OFF" /> </form> </body> </html>
-
kanigasuki
-
kanigasukiその他の回答
-
amalfi-0219
満足3pt
-
kanigasuki
-
- その他の回答を読む
この質問へのコメント
質問の情報
- 登録日時
- 2008-08-28 13:07:32
- 終了日時
- 2008-08-28 20:49:39
- 回答条件
- 1人2回まで
この質問のカテゴリ
この質問に含まれるキーワード
人気の質問
-
youtubeの日本人向け日本語チャンネルにおいてある種の文化教養系ビデオを作っている人たちの素性・来歴が…
minminjp2001
3
2
-
生命科学の理論的論文を自分が出したデータなしで投稿して、掲載するにはどのjournalのどのsectionがいいか…
ttkayyuki794
-
海外に就職したいです。 だけど、自分はコミュ力が足りないのでぼっちになるのが不安です。 実際に行かれた…
匿名質問者
-
VRゴーグル（４K解像度ほど）で安く世界の風景を自由に見られれば、海外旅行に行かなくても十分だと思いま…匿名質問者
-
ブレインストーミングしてくれるサイト、webサービスがあったら色々教えてください 特定少数の人がアイデア…
tak11