ホームページに文字サイズの調整ボタンJavascript
ホームページに、文字の「大」「中」「小」みたいなボタンをつけて、文字サイズを変更できるようにしてあるのをけっこう見ますけど、僕はあんまり好きじゃなくて(そういうことをさせないようにあらかじめ作るという意味で)。
でも、介護とか眼科とかのサイトではつけることで、それっぽく見えたりもするので、つけてください的なことがあったりしたときは、結局どれが一番いいのか。。。
jQuery使うほどのものでもないような気はするけど、jQueryを使っていない誰だか知らない人のコードを使うのも、将来的に何かあったときにめんどくさいことになりかねません。
クッキーなしだったらものすごい簡単なんですけど。。。
結局、jQueryかなー
ページ内で、heightLine.jsっていうボックス要素の高さを揃えるjavascriptを入れてるときは、「フォントサイズ変更スクリプト(タイプC)」にしたほうが、毎回リロードするので、高さも可変します。
追記:
「フォントサイズ変更スクリプト(タイプB)」のリロードしないやつでも可変してくれました。でも、IEtesterのIE6だとうまく動かない。クッキーのせいかな。。。
→IE6で、(JavaScriptによる)Cookie処理※の動作を確認をするにはどうしたら良いでしょうか。
参考:
フォントサイズ変更スクリプト(タイプB)
フォントサイズ変更スクリプト(タイプC)
トレーニングAjax入門2 jQueryでフォントサイズを変更する
JavaScriptでcookieを操作する時はjquery.cookie.jsを使おう
IE6で絶対配置の要素が消えるバグ
▼ヘッダーはじまり(position: relative;)
タイトル(float: left;)
ディスクリプション(position: absolute;で、タイトルの上に持ってきてる)
検索窓(float: right;)
グローバルメニュー(clear: both;)
▲ヘッダー
他の人がコーディングしたやつで、上記のようにディスクリプションをポジションつかって、ページの一番上に表示したページがあったんですが(たぶんソースをそういう順番にしたかったのか)。
なぜかIE6ではディスクリプションが消えちゃってる、なんてことがありました。
そんなときは、下記のように、
▼ヘッダーはじまり(position: relative;)
タイトル(float: left;)■この間になんかはさむ
ディスクリプション(position: absolute;で、タイトルの上に持ってきてる)
検索窓(float: right;)
■この間になんかはさむ
グローバルメニュー(clear: both;)
▲ヘッダー
■この間になんかはさむと表示されました。