こんにちわ。
サイト制作初心者の者です。
サイトに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等を使ったエフェクトを入れているので、それが問題なのでしょうか?
ご教授願います。
No.1ベストアンサー
- 回答日時:
ご提示のサイトの少し下の方に、ご質問に対する説明と対処法が示されていますので、ご覧になってください。
(Cookies以降の説明)http://www.alistapart.com/articles/alternate/
かいつまんで説明すると、適用するスタイルシートを変えてもその状態はどこにも記録されていないので、ページ遷移したりすると元に戻ります。
対処法として、設定した状態をクッキーに記憶しておく方法が説明されているようです。
(超斜め読みなので、ちゃんと理解していません。)
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
javaスクリプトについて質問で...
-
bxslider、画像が3枚以上になる...
-
lightbox2 表示の不具合
-
<a href="#" …>の意味を教えて...
-
【SSI】include file、include ...
-
pythonのWebスクレイピングでfi...
-
ページ遷移をコントロールしたい
-
Dreamweaver で 外部JSを読み込...
-
外部.jsの内容を一部置き換えて...
-
getElementsByNameで要素が取得...
-
レンタルサーバーでjavascript...
-
別ページのページ内リンクでの...
-
初心者javascript ウィンドウサ...
-
ユーザーが更新ボタンを押さな...
-
ウインドウの後ろに隠れている...
-
window.open でExcelファイルを...
-
bodyにidをつける理由は何ですか?
-
onbeforeunload時のwindow.open...
-
scriptタグ
-
テキストボックス内にハイパー...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
base64encodeでの文字化けについて
-
複数のjavascriptを使うと動か...
-
jqueryでのkeydownイベント発生...
-
Jqueryの干渉について
-
Base64に変換したHTMLの<script...
-
プラグイン無しでContactform7...
-
jQuery-datepicker on IE8
-
サイトにアクセスした際、数秒...
-
jQueryでloadした要素の操作が...
-
javaスクリプトについて質問で...
-
jqueryについて(Lightboxとbxs...
-
jQuery が動作しません。
-
jQuery UIのdraggableについて
-
scrollsmoothly.jsが動かない
-
jQueryのタブにスクロールバー...
-
画像をランダムにフェードイン
-
音楽再生用jQueryプラグイン「j...
-
colorboxの直接呼び出し方法に...
-
jQueryのdraggable縦書き出来ま...
-
Camera slideshowの使い方について
おすすめ情報