ホームページにCSSのスタイルシートを選択し、切り替えられる機能を追加する方法

2010/10/22 22:32

このQ&Aのポイント

ホームページにCSSのスタイルシートを選択し、切り替えられる機能を追加する方法を解説します。
ホームページには、ユーザーが自身の好みに合わせてスタイルシートを選択できる機能を追加することができます。
しかしながら、リンク先に移動すると、選択したスタイルがリセットされてしまうため、この問題を解決する方法を考える必要があります。

akasatani
お礼率25% (11/44)

HTML
回答数4
ありがとう数3

みんなの回答 （4）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

yyr446
ベストアンサー率65% (870/1330)

2010/10/28 10:22 回答No.4

ああ、またタイポしてしまった。．．．－－－－－－－－ <script type="text/javascript">  </script> </body> です。それから、HTML5のDOC宣言はお忘れなく！（ちなみに、IEはIE7から利用できます） ↓の事 <!DOCTYPE html> <html lang="ja">

ログインすると、全ての回答が全文表示されます。

その他の回答 (3)

yyr446
ベストアンサー率65% (870/1330)

2010/10/28 10:13 回答No.3

Cookieめんどくさいので、HTML5の「Web Storage」使えばこれだけで出来ます。 </body>の直前で、ストレージを呼び出すのが肝です。（サンプル） <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>test</title> <link rel="stylesheet" type="text/css" href="style.css" id="mystyle"> <script type="text/javascript">  </script> </head> <body> －－－－－－－－－－－－－ <select onchange="changesytle(value);"> <option value="style.css">標準スタイル</option> <option value="red.css">赤系スタイル</option> <option value="blue.css">青系スタイル</option> <option value="sea.css">海スタイル</option> <option value="">スタイルなし</option> </select> －－－－－－－－－－－－－ <p> <a href="index.htm">リンク</a> </p> －－－－－－－－－－－－－ <script type="text/javascript">  </script> </body> </html>

ログインすると、全ての回答が全文表示されます。