2001年に作成したコンテンツを移転したものです。
ページをリロードすることなくフォントサイズの変更を反映するタイプです。
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オブジェクトのプロパティを書き換え、文書全体のフォントサイズを変更します。変更したサイズ設定は保存できませんので、リロードしたり別のページに移動すると設定は失われます。
以下の環境で動作を確認しました
Netscape Communicator 4.x、Internet Explorer 4.0(Macintosh)では動作しません。その他のブラウザは未確認です。
jsファイルを適当なファイル名で保存して、格納したいディレクトリに置きます。ここではスクリプトを使用したいHTMLファイルと同じディレクトリに「fscA.js」というファイル名で保存したと仮定します。
なお、ファイルはUTF-8Nでエンコードしています。必要に応じて変更してください。
スクリプトを使用したいページのHTMLファイルのhead要素内に<script type="text/javascript" src="fscA.js"></script>
を記述します。(HTMLファイルとjsファイルを違うディレクトリに置く場合はパスに注意してください)
body要素内にフォントサイズ変更設定を行うページに操作のための要素と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>