現在作成しているページで、CSSが切り替えられるstyleswitcherというJavaScriptを使用したいと考えていますが、別ページに移動した際に切り替えたCSSが元に戻ってしまって困っています。
環境は、
WindowsXP
InternetExplorer6.0 です。
作成は、http://www.zakimi.com/archives/2004/06/05/214447 …に書かれている通りに行いました。
具体的には、
●jsフォルダにstyleswitcher.jsを作成
●cssフォルダにdefault.cssと2.cssというCSSファイルを作成
●<head></head>内に
<script type="text/javascript"src="js/styleswitcher.js"></script>
<link href="css/default.css" rel="stylesheet" type="text/css" title="default" />
<link href="css/2.css" rel="alternate stylesheet" type="text/css" title="2" />
と記述したhtmlファイルを2つ(AとB)を作成
●htmlファイルAとBの<body></body>内に、それぞれ
<a href="#" onclick="setActiveStyleSheet('default'); return false;">CSS1</a><a href="#"onclick="setActiveStyleSheet('2'); return false;">CSS2</a>
と記述
●htmlファイルAとBに、それぞれのファイルへのリンクを作成
私が実現したいのは、htmlファイルAをブラウザで表示した後、『CSS2』をクリックしてCSSファイルを2.cssに切り替え、さらにファイルBへのリンクをクリックします。この時、ファイルBにはdefault.cssファイルではなく、2.cssを適用するというものです。
現状は、htmlファイルAでCSSをCSS2に切り替えた後にファイルBへ移動すると、default.cssファイルが適用されてしまいます。
これではページ間を移動するたびにCSS2に切り替えなくてはいけなくなってしまうので、困っています。
どなたかお分かりの方がいらっしゃいましたら、お知恵をおかしください。宜しくお願いいたします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS HTMLを正しく表示させるには 2 2023/06/18 09:12
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS CSSが上手く反映されないみたいです 2 2022/11/21 16:19
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS Dreamweaver のテンプレートでの相対パスの設定について 2 2023/06/13 17:28
- HTML・CSS PrettierのHTMLの記述変更 linkタグ 1 2022/06/23 04:06
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
cssファイルの名称付け
-
エクセルファイルにCSSを読み込...
-
サイトを作る時のcssファイルは...
-
ディレクトリ構成【「common」...
-
jspにcssを反映させるには
-
cssファイルを階層の異なるHTML...
-
CSSの読み込み開始までラグがあ...
-
一部のページにデフォルトCSSを...
-
cssで、ボタンのテキスト部分を...
-
outlook 文字を揃えたい。tab...
-
マイクロ(μ)の文字を半角で出...
-
教えてください。
-
入力規則のリストの文字の大き...
-
テーブル内の文字サイズを変更...
-
EXCEL VBA 印刷プレビューダイ...
-
Excel:一部のフォントでセルの...
-
PDFファイルを開かずに印刷...
-
Excel VBAで文字列の可視長を得...
-
コピーライト記号の表示が小さい
-
HTMLテキストボックス内の文字...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
cssファイルの名称付け
-
ディレクトリ構成【「common」...
-
jspにcssを反映させるには
-
HTMLの CSSのファイルというの...
-
サイトを作る時のcssファイルは...
-
cssで、ボタンのテキスト部分を...
-
ドキュメントルートより上の階...
-
エクセルファイルにCSSを読み込...
-
定数の定義とかはできますか?
-
Dreamweaver のテンプレートで...
-
cssファイルを階層の異なるHTML...
-
スタイルシート(CSSスタイル)...
-
WindowsとMacで違うCSSを読み込...
-
一部のページにデフォルトCSSを...
-
cssが反映されません
-
Shadowboxを使い方が分からない
-
複数のhtmlで同じcssファイルを...
-
CSSによる簡易な複数言語対応に...
-
ブラウザでプレビューでCSSが反...
-
範囲指定印刷での位置(css)
おすすめ情報