表の文字サイズ変更ボタンについて教えてください。

Question

表の文字サイズ変更ボタンについて教えてください。以前、以下の内容で質問したのですがサンプルを掲載しなかったので再度質問させてください。大きな表をひとつ作成してその中をメニューボタンやコラムの場所用に分割配置したページを作成しました。jqueryをアレンジして、文字サイズボタン作成して動かしてみるのですが、表の中にある文字サイズが変更されません。表を使用せずにネット上に出ているjsファイルを使用してテストページを作成するとうまく文字サイズが変わってくれるのですが・・・・？　以下がアレンジしたソースです。 ul { list-style:none; } ul li { padding:0;display:inline; } ul li a { padding:3px 4px;text-decoration:none;color:#333;background:#dcdcdc;border:1px solid #505050; } ul li a:hover { background:#fafafa; } .small-text { font-size:x-small; } .medium-text { font-size:small; } .large-text { font-size:large; } .larger-text { font-size:x-large; }

自分の希望としては、ボタンを押すごとに大きくなったり、小さくなったりしてほしいのですが・・・？よろしくお願いいたします。

yyr446 · Accepted Answer

今日お昼過ぎに回答したんですが、最近「教えてGoo」がハングしまくるみたいで．．．．

No.4さんの意見に大賛成です。質問者様の回答に答えますと
１．問題ないでしょうか？
あなたのページを全部見てないから責任は持てません。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML lang="ja">
でうまくいかなかったって事は、ブラウザーの後方互換モード（quirk）はだめで、
標準モードはOKということでしょう。
http://w3g.jp/others/data/doctype_switching
私の回答のDOC宣言は単に、「jquery.textresizer.js」の配布元サイトのサンプル
をコピペしただけです。私は、普段HTMLの時は、
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja-JP">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
としてます。

２．小・中・大に変更して．．．ことは可能でしょうか？
＝＞「中」の意味が今一ですが、ボタンを「小・大」にして、相対サイズ指定の
sizes: [ "smaller", "larger"]
でできるんじゃないかと思います（試してみてね）

３．<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;" />
</form>
に変更しても駄目でしょうか？
ボタンの数と順序を、size:[]の配列要素数と順序に合致させれば出来るはずです
sizes: [ "1.5em",".8em", "1em"]
あるいは
sizes: [ "x-large","x-small", "medium"]
とか、

参考　※無断抜粋（「とほほのスタイルシート入門より」）
＜＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
font-size: size (C1/e3/N4)
フォントの大きさを指定します。絶対指定として xx-small, x-small, small, medium（既定値）, large, x-large, xx-large、相対指定として larger, smaller、絶対単位指定として 10in, 10cm, 10mm, 10pt, 10pc, 相対単位指定として 10px, 10ex, 10em などを、割合指定として 120% などを指定します。単位を省略して 20 のようには指定できないので注意してください。
周りのフォントに対する相対的な大きさを指定する時は 120% などのパーセント指定が無難です。small や smaller などや、em や ex などの単位は、ブラウザにより解釈が異なるため、予想外のフォントサイズになるという悲劇がおこることがあります。
画像サイズにあわせてフォントの大きさを固定したいという要望がありますが、ブラウザによって単位の解釈が異なるため、すべてのブラウザで同じフォントの大きさを実現するのは困難なようです。詳細は「長さの単位を参照してください。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＞

babu_baboo · Answer

まえもってことわっておきますが、「気」をわるくなさらないでください。

文字の大きさは[CTRL]+マウスのホイールで超簡単^100に変えられます。UIに優れたブラウザは、その機能をすでに保持しています

これで、じゅうぶんすぎるくらいだとおもいます。べんりだとおもっているのは、せいさくしゃであって・・・これでなやむくらいなら、そもそものないようをぎんみすべきです。それがさいりょうだとおもいます。そこそこHTMLもできるようにきてみましたが、せっかくなのではつげんしてみました。ごめんなさい。

yyr446 · Answer

No.1です。私がテストしたのはIE8.0とFireFox3.6.3で、DOC宣言は、HTML4.0　STRICT でした。jQueryのバージョンは別に1.3.2でも同じでした。これね、 $(function()｛．．．が認識できないという事は、ライブラリーが正常に読み込まれて無いということです。（別のとバッティングしてるとか．．．）

askaaska · Answer

テーブル内のフォントサイズはね。
いろいろ問題があるのよ。

参考：
http://norisfactory.com/stylesheetlab/000007.php
http://www.koikikukan.com/archives/2006/07/24-021206.php
http://www.hajimeteno.ne.jp/stylesheet/actually/fsize.html

yyr446 · Answer

タグのマークアップがおかしいんじゃないですか。そのまま出来てますよ。 TextResize

contentブロック

containerブロック

mainブロック

別のテーブルのtd要素

表の文字サイズ変更ボタンについて教えてください。

今日お昼過ぎに回答したんですが、最近「教えてGoo」がハングしまくるみたいで．．．．

まえもってことわっておきますが、

No.1です。

テーブル内のフォントサイズはね。

タグのマークアップがおかしいんじゃないですか。

この回答への補足

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング