2008 -02-04 ( Mon )

ちょうど一年前、小川宏高さんが考えられた「フォントサイズ変更ボタンを簡単に追加する方法」について記事を書きました。

この記事に寄せられたコメントを返しているうちに、一部の方から
最初の一回はボタンが出るけど、そのあと表示されない
という質問を頂くようになり、ずっと原因がわからずにいました。

…が、今日やっと原因がわかりましたので補足します。
なんかもう、あまりに単純な部分だったので普通に凹んでます |||orz
小川さんの元記事、私の前の記事と合わせてご参照くださいませ。

More

結論から言いますと、私がコメント欄で触れた「特定idの要素内だけサイズを変える」改良案は、FontChangerを動作させる命令サイズを可変にしたい要素より前に書くことはできません。

FontChangerを動作させる命令とは、HTML内に書く、以下のコードのことです。

<script type="text/javascript">FontChanger.start('fontChanger');</script>

これを以下のコードより前の行に書くと、二回目以降は表示されなくなるということです。

<div id="test">ここの文字サイズを可変にしたいんだようおうおう</div>

私はCSSデザインを大体習得しているので、HTML内にスクリプトを書くときは大抵、本文終了後のナビゲーションかフッターに記述し、必要であればposition: absolute等の「絶対値指定」でFontChangerの配置を調整していました。
しかし、そうでない人の場合はFontChangerのボタンを本文より前の位置に出したい場合、HTMLでも本文より前に記述します。その方が調整が簡単だからです。

この辺が落とし穴になって、気付くのが遅くなってしまいました。カスタマイズ中に詰まった皆さん、ホント説明不足ですみませんでしたーー(;口;)


現状のFontChangerを命令を後に書いても動作するようにするには、小川さんの書かれたスクリプト内部に手を加えなければなりません。
おそらく、HTMLの方にも変更が必要になってくると思いますし、残念ながら私のJavaScriptの習熟度では該当部分の書き換え方も今のところ分かりません。
ここは「先に書かなければならない」と割り切っていただくしかないかなぁと思います。

さらに前記事の補足ですが、記事を書いた後に小川さんがスクリプトをバージョンアップしてくださったので、「cookieの保存日数を任意に指定する」ことができるようになっています。
前記事で私が書いたように、あまり長くせず「一週間」とか「90日」と指定することも可能です。 小川さんの記事後半をご参照ください。

Tag
WEBデザイン アクセシビリティ カスタマイズ Javascript 

Comment

Post comment

管理者のみ読めるようにする

Trackback

trackback URL
http://webbingstudio.blog10.fc2.com/tb.php/507-886a31bd
引用して記事を書く(FC2ブログ用)

What's new