※ ChatGPTを利用し、要約された質問です(原文:Javascriptがうまく動作しません。)
JavascriptでのCSS切り替えがうまく動作しない
このQ&Aのポイント
サイト制作初心者の方が、Javascriptを使用してCSSの切り替えを実装しているが、ページを更新したり別のページに移動すると元のCSSに戻ってしまうエラーが発生しています。
ネットで同じ様なエラーを調べても解決策が見つからず、ここで質問をさせていただきました。
コードに問題があるのか、他の要素が影響しているのかを教えていただきたいです。
こんにちわ。
サイト制作初心者の者です。
サイトに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等を使ったエフェクトを入れているので、それが問題なのでしょうか?
ご教授願います。