- 締切済み
ユーザーによって任意でフォントサイズを変える
小さい文字が読めない人にも考慮したサイトを！ということで、サイトを制作しています。 そこで、偶然下記のサイトを見たのですが、このサイトの左上の方に、フォントサイズ変更ボタンのようなものがあるのですが… 私の環境（XP）だと、ボタンを押しても何も変化しません。 このボタンがもし、正しく動作しているのだったらこんな便利な機能はないと思うのですが、私のパソコンがおかしいのでしょうか？ また、この機能を参考に私が今作っているサイトに同じようなボタンを設置したいのですが、ソースを見たのですがもちろん何がなんだかさっぱりわかりませんでした。もしどのような記述でこの機能が使えるのか、ご存知の方教えていただけませんでしょうか？宜しくお願いいたします。 http://www.pref.yamanashi.jp/pref/index.jsp
- その他（プログラミング・開発）
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- jakarta
- ベストアンサー率38% (607/1597)
サイトを見ましたがjavascriptのファイルを外部から読み込むことで大きさを変更させているようです。 WinXPでは検証していませんがJavaScriptがオフになっていないか確かめてみてください。 同じように文字サイズを可変できるソースを書きましたので参考にしてください。しかしこれではページが移動するとフォントサイズの変更が無効になります。そのため変更したフォントサイズの情報をCookieなどに書き込んで保存しておくかURLの引数として受け渡すなどの必要があります。 <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <script type="text/javascript" language="javascript1.2"> <!-- size=14;//標準サイズの指定ここでは14pt function fontsize(action){ if (action == "larger"){ size++; } if (action == "smaller"){ size--; } document.body.style.fontSize = size; }//--> </script> <TITLE>tst.html</TITLE> </HEAD> <BODY> <noscript>Javascriptを有効にしてください<BR></noscript> <A HREF='javascript:fontsize("larger");'>大きく</A><BR> <A HREF='javascript:fontsize("smaller");'>小さく</A><BR> <BR> 本文ここから </BODY> </HTML>
お礼
返事おくれて大変申し訳ございません。 記述を教えてくださりありがとうございます！ さっそく、書いてくださったものをソースに加えてみました。 ボタンを押すと、「大きく」「小さく」の文字の大きさが変わりました！ 相変わらず例に出した山梨県のサイトはフォントサイズは変わらないままですが…。 ええと図々しくて誠に申し訳ないのですが… 「ボタンを押すとサイト全体の文字の大きさが変わる」ということはできますでしょうか？もし可能でしたらお教えくださいませんでしょうか？ホント無知ですいません。