概要

HTML文書の代替スタイルシートをMSIEで切替・閲覧できるようにする外部JavaScriptファイルです。MSIE 5.05.5以上やMozillaなどのブラウザでJavaScriptが有効な場合、恐らくこのページの右上にスタイル切り替えのためのフォームが見えると思いますので、動かしてみてください。一度選んだスタイルはクッキーに保存され、次回訪問時に再び適用されます。

代替スタイルシートの詳細については以下のページをご覧ください。

動作環境

MSIE 5.5、Mozilla 1.0、Opera 9で動きます。MSIE 5.0、NN4では動きません。Opera7、Safariでも動くかもしれませんが、正確には動きません。

利用許諾

いわゆるX11ライセンス(MITライセンス)の下で自由にご利用いただけます。

利用許諾はバージョン1.5からようやく「明記」しました。ほったらかしにしていてすみませんでした。

ダウンロード

スクリプトはShift_JISで書かれています。

導入方法

以下のように、HTML文書に代替スタイルシートを設定し、SCRIPT要素でこのスクリプトを呼び出します。スクリプトが実行可能なブラウザでは、自動的にフォームが文書内に追加されます。追加される場所の規定値はBODY要素の最初ですが、初期設定で追加される場所を選ぶこともできます。詳しくはスクリプトの冒頭をご覧ください。

<link rel="stylesheet" href="persistent.css" type="text/css" />
<link rel="stylesheet" href="preferred.css" type="text/css" title="優先スタイル" />
<link rel="alternate stylesheet" href="alternate1.css" type="text/css" title="代替スタイル1" />
<link rel="alternate stylesheet" href="alternate2.css" type="text/css" title="代替スタイル2" />
<script type="text/javascript" src="styles.js" charset="Shift_JIS"></script>

規定値では、以下のようなHTMLコードで生成されるフォームがBODY要素の最初に追加されます。

<div id="select-style">
 <label accesskey="s">スタイル選択
  <select>
   <option>基本スタイル</option>
   <option>デフォルト</option>
   <option>ハイコントラスト</option>
        :                  :
   <option>スタイルなし</option>
  </select>
 </label>
</div>

また、初期設定の「フォームの種類」で「リストとラジオボタン」を選ぶと、以下のようなHTMLコードで生成されるフォームが追加されます。

<div id="select-style">
 <fieldset>
  <legend accesskey="s">スタイル選択</legend>
  <ul>
   <li><label><input type="radio" name="style" value="基本スタイル" />基本スタイル</label></li>
   <li><label><input type="radio" name="style" value="デフォルト" />デフォルト</label></li>
   <li><label><input type="radio" name="style" value="ハイコントラスト" />ハイコントラスト</label></li>
        :                  :
   <li><label><input type="radio" name="style" value="スタイルなし" />スタイルなし</label></li>
  </ul>
 </fieldset> 
</div>

更新履歴

更新日と公開日とが数日ずれている場合があります。

スクリプトの更新履歴(新着順)
更新日 バージョン 更新内容
2009-01-25 2.0
  • 一部のブラウザ向けに、画像等の読込を待たずにフォームを表示するようにした。
  • すべての代替スタイルシートを無効にする選択肢を省略できるようにした。
  • 固定スタイルシートが無ければ、すべての代替スタイルシートを無効にする選択肢を表示しないようにした。
  • 固定、優先、代替スタイルシートの何れかが無い場合の動作を整理。
  • MSIE 5.0では動作しなくなった。
2007-04-20 1.5
  • 利用許諾を明記した。
  • MSIE5で構文エラーが出ていたのを修正。
2007-01-06 1.4
  • MSIEで構文エラーが出ていたのを修正。
2006-11-18 1.3
  • リストとラジオボタンによるフォームを出力できるようにした。
  • フォームにアクセスキーを設定できるようにした。
  • ページ読み込み前にスタイルを切り替えるようにしてみた。
2004-10-31 1.2
  • フォームが追加される位置の既定値をBODY要素先頭に変更。
  • スクリプトで代替スタイルシートを追加できるようにした。
  • ページ読み込み後にいきなりクッキーを発行しないようにした。
  • クッキーのエンコード方式を変更。
2004-09-06 1.1
  • 優先スタイルシートの取扱いをはっきりさせた。
  • すべてのスタイルシートを無効にする選択肢を追加。
2003-10-06 0.2
  • クッキーに関するバグフィックス?
2003-09-29 0.1
  • 公開。
This is Index of confetto. © 2003-2009 confetto.