1

永続的なスタイルシート スイッチャーを作成するのに助けが必要です。ALA に関する記事を見つけましたが、何らかの理由でそれを機能させることができません!

レイアウト用のデフォルトのスタイルシートと、ユーザーが切り替える(色を調整する)別の2つのスタイルシートがあります。後で印刷用に追加する可能性がありますが、まだそこにはありません.

スタイル スイッチャーの JavaScript ファイルは、http://www.alistapart.com/d/alternate/styleswitcher.jsにあります。

私は<head>現時点で私のページの中にこれを持っています。

<script type="text/javascript" src="js/styleswitcher.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="alternate stylesheet" type="text/css" href="css/alt_style1.css" title="purple" />
<link rel="alternate stylesheet" type="text/css" href="css/alt_style2.css" title="red" />

ユーザーの選択を記憶できるように Cookie に保存したい。

<body>私のタグで、さまざまなスタイルシートを選択するリンクは次のようになります。

<a href="#" onclick="setActiveStyleSheet('purple'); return false;">purple</a>
<a href="#" onclick="setActiveStyleSheet('red'); return false;">red</a>

私は自分が間違っていることを本当に知りません。スタイルシートは変更されません。ここで実際の動作を確認してください - またはそうでない場合もあります!

http://uni.michaelnorris.co.uk/

4

0 に答える 0