- ベストアンサー
文字サイズ変更ボタンを設置したがtableで回避される
どなたか、知恵を貸していただけますと幸いです。 http://oshiete1.goo.ne.jp/kotaeru.php3?q=520022 こちらにならって、文字サイズ変更ボタンをつけようとしていますが、 この通りに記述いたしますと、tableで囲っているものは回避されてしまい、ボタンを押しても文字サイズが変更されないという問題がおきました。 自分の作るサイトは、tableでいっぱい囲っているため、どうにかしたい所です。 どなたか、お知恵をお貸しください！お願いいたします！
- maru__maru
- お礼率100% (8/8)
- JavaScript
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
URL先の通りに書いているなら、以下の部分の変更でうまくいくと思います。 document.write("<style type='text/css'><!-"+"-"); document.write("body{font-size:"+fs[n]+"\;}") document.write("-"+"-></"+"style>"); ↑このままだと、文字サイズ変更は<body>タグ内の文字に限られますので、例えば document.write("<style type='text/css'><!-"+"-"); document.write(".mojisize{font-size:"+fs[n]+"\;}") document.write("-"+"-></"+"style>"); なんて風に変更しますと、class="mojisize"というプロパティを持つタグ全てに文字サイズ変更が適用されるようになります。例えば <table> <tr> <td class="mojisize"> テスト </td> </tr> </table> のような感じにすれば、テーブル内にある「テスト」という文字も、文字サイズ変更が適用されるようになります。
お礼
おお！確かにできました！classでできるとなると、文字サイズを変更したいところとそうでない所で調整ができそうですね。 ありがとうございます！目から鱗です！ あと、詳しい人に口頭で聞いたとき、DOCTYPEの変更でうまく行くよとも聞きました。 折角ですから、勉強がてらこちらも調査して見ます。