2001年に作成したコンテンツを移転したものです。
操作するとページをリロードすることなくフォントサイズの変更を反映するタイプです。基本的にタイプAと同じですが、クッキーを併用しているので、変更したサイズ設定を保存できます。
To the extent possible under law,
ugumi
has waived all copyright and related or neighboring rights to
this work.
このスクリプトはCC0 1.0 Universal ライセンスの下でリリースされています(パブリックドメイン)。
body要素のstyleオブジェクトのプロパティを書き換え、文書全体のフォントサイズを変更します。クッキーを併用しますので、リロードしたり、ページを移動しても設定を引き継ぐことができます。クッキーは「元に戻す」操作をしたときに削除されます。なお、クッキー操作の関数はhIdaho DesignのBill Dortch氏がパブリック・ドメインとして公開されている関数を一部変更して使用しています。
以下の環境で動作を確認しました
Netscape Communicator 4.x、Internet Explorer 4.0(MacOS)では動作しません。その他のブラウザは未確認です。
jsファイルを適当なファイル名で保存して、格納したいディレクトリに置きます。ここではスクリプトを使用したいHTMLファイルと同じディレクトリに「fscB.js」というファイル名で保存したと仮定します。
なお、ファイルはUTF-8Nでエンコードしています。必要に応じて変更してください。
フォントサイズの変更を適用したいページ全てに必要な設定です。
<script type="text/javascript" src="fscB.js"></script>
を記述します。(HTMLファイルとjsファイルを違うディレクトリに置く場合はパスに注意してください)<body onload="fscRef()">
フォントサイズ変更設定を行うページに操作用の要素とonclick属性とonkeypress属性を記述します。属性値は拡大の場合"fsc('larger');return false;"
、縮小は"fsc('smaller');return false;"
、元に戻すのは"fsc('default');return false;"
となります。
XHTMLの場合はinput要素を閉じる必要があります
<form id="fscform" action="#">
<p>
<input type="button" value="拡大" onclick="fsc('larger');return false;" onkeypress="fsc('larger');return false;" >
<input type="button" value="縮小" onclick="fsc('smaller');return false;" onkeypress="fsc('smaller');return false;" >
<input type="button" value="元に戻す" onclick="fsc('default');return false;" onkeypress="fsc('default');return false;" >
</p>
</form>
<a href="#" onclick="fsc('larger');return false;" onkeypress="fsc('larger');return false;" >拡大</a>
<a href="#" onclick="fsc('smaller');return false;" onkeypress="fsc('smaller');return false;" >縮小</a>
<a href="#" onclick="fsc('default');return false;" onkeypress="fsc('default');return false;" >元に戻す</a>