Javascriptがうまく動作しません。

解決済

質問者：RADD
質問日時：2011/07/05 13:54
回答数：1件

こんにちわ。
サイト制作初心者の者です。

サイトにCSSの切り替えが出来る"styleswitcher.js"を使用しているのですが、
切り替えの動作はするものの、ページを更新（リフレッシュ）したり、別のページに移動すると、元のCSSに戻されます。

ネットで同じ様なエラーが出てないか確かめてみましたが、役に立ちそうな答えが見つからなかったので、ここに質問させていただきます。

Styleswitcher.js
http://www.alistapart.com/articles/alternate/

サイトでのソース：
== <head></head>内：==

<script type="text/javascript" src="js/styleswitcher.js"></script>
<link rel="stylesheet" href="css/style.css" type="text/css" title="Default" />
<link rel="alternate stylesheet" href="css/style2.css" type="text/css" title="Custom2" />
<link rel="alternate stylesheet" href="css/style3.css" type="text/css" title="Custom3" />

== <body></body>内：==

<div class="csspalette">
<a href="#" onclick="setActiveStyleSheet('Default'); return false;"><img src="images/ccss1.jpg" width="18" height="18" border="0" class="ccss-icon" /></a>
<a href="#" onclick="setActiveStyleSheet('Custom2'); return false;"><img src="images/ccss2.jpg" width="18" height="18" border="0" class="ccss-icon" /></a>
<a href="#" onclick="setActiveStyleSheet('Custom3'); return false;"><img src="images/ccss3.jpg" width="18" height="18" border="0" class="ccss-icon" /></a>
</div>

====
コードには問題は無いと思うのですが、
この他にJquery等を使ったエフェクトを入れているので、それが問題なのでしょうか？

ご教授願います。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： fujillin
回答日時：2011/07/05 15:00

ご提示のサイトの少し下の方に、ご質問に対する説明と対処法が示されていますので、ご覧になってください。

（Cookies以降の説明）
http://www.alistapart.com/articles/alternate/

かいつまんで説明すると、適用するスタイルシートを変えてもその状態はどこにも記録されていないので、ページ遷移したりすると元に戻ります。
対処法として、設定した状態をクッキーに記憶しておく方法が説明されているようです。
（超斜め読みなので、ちゃんと理解していません。）