初心者ですが教えて下さい・・・

0   名前： denden ： 2007/03/12（月） 16:35  ID:KYAmHyzh sub-9g
初めまして。
突然で申し訳ありませんが、質問させて下さい。

JavaScriptとスタイルシートを使って文字サイズ変更ボタンを作成しようと思っているのですが、スタイルシートの【class等】をJavaScriptを使用して(onclick=""等)の読込んでくる記実方法でどうしても解からなかった箇所が有るのでので教えて頂けませんでしょうか？

JavaScriptとスタイルシートで下記の通り書きましたが
body部分は変わるのですが
tableタグ内の文字サイズは変わりません
どうすればtableタグ内の文字サイズが
変更出来ますでしょうか
よろしくお願いします。
1   名前： denden ： 2007/03/12（月） 16:35  ID:KYAmHyzh sub-9g
追伸
下記の通り記実しておりますが何処がおかしいのでしょうか。
スタイルシートのclass部分のbodyをtable・tr・td等に変換しても
反応しませんでした…

<html>
<head>
<style type="text/css">
body.normal {
font-size:14pt;
}
body.midle {
font-size:12pt;
}
body.mini {
font-size:10pt%;
}
</style>
</head>
<body class="normal">
<input type="button" value="大" onclick="document.body.className='normal'">
<input type="button" value="中" onclick="document.body.className='midle'">
<input type="button" value="小" onclick="document.body.className='mini'">
あああああああ
<table width="200" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>あああああああ
</td>
</tr>
<tr>
<td>あああああああ
</td>
</tr>
</table>
</body>
</html>
2   名前： 匿名 ： 2007/03/12（月） 16:35  ID:x9chvsnj sub-Ko
テーブル外にある「あああああ・・・」は<body>直下に置かれており、html文法上不正です。<p>や<div>で囲みましょう。元のソースのままソレを囲むとテーブル内の文字と同様に文字サイズの変更がされなくなります。
<style type="text/css">
.normal *{
font-size:14pt;
}
.midle *{
font-size:12pt;
}
.mini *{
font-size:10pt;
}
スタイルシートを↑のようにしたらとりあえずテーブル内の文字サイズも変わりました。ただし、この方法だと、ボタンも一緒にサイズが変わります。

ついでにつまらないお説教ですが、
「初心者ですが教えてください・・・」というタイトルはトピック名として不適切です。「JavaScriptで文字サイズを変える方法」とか質問の内容が分かるようするとグッドです。
TAGindex「はじめにお読みください」より抜粋。　http://www.tagindex.com/bbs/note.html#h2

タイトルも分かりやすい内容でお願いします。「わかりません」「教えてください」「質問です」などのタイトルはダメです
3   名前： denden ： 2007/03/12（月） 16:35  ID:KYAmHyzh sub-9g
ありがとうございます
大変助かりました。

文字サイズの変更が出来る様になりました。
そうするとボタンを画像に変更すれば宜しいのでしょうか？

<input type="button" value="※" onclick="document.body.className='normal'">
の部分を画像に変えるのは通常のロールオーバーは使えるのでしょうか？

下記のように記実した所文字サイズの変更は出来ましたがロールオーバーについては不可能でした･･･
対処法は有りますでしょうか。

【記実例】
<a href="#" onclick="document.body.className='mini'" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','img/size_bt3.gif',1)"><img src="img/size_bt3.gif" alt="小" name="Image3" width="26" height="20" border="0" id="Image3"></a>

上記のように記実しております。
4   名前： key-child ： 2007/03/12（月） 16:35  ID:8GUFlW2K sub-DR
javascriptの範囲ではないのですが、文書型宣言が標準モードなら>>1でも十分変わる。
（ボタンの文字サイズも変わらなかった。）

文書型宣言と標準モード・互換モードについては下記を参照
http://www.tagindex.com/html_tag/basic/doctype.html
5   名前： denden ： 2007/03/12（月） 16:35  ID:KYAmHyzh sub-9g
度々ありがとうございました。

基本的なものが抜けていたのですね、非常に助かりました。
6   名前： 猫好き ： 2007/03/12（月） 16:35  ID:7Z/V9GV9 sub-2K
dendenさん…

http://www1.ezbbs.net/01/inudemo/
ちゃっくさん、嘆いていますよ。

こういったBBSなどは、同じ人があちこち巡回しているものです。
（なので、私もよくマルチポスト見つけます）
丁寧に答えてくださったちゃっくさんにも失礼ですし、こちらで丁寧に答えてくださっている方々にも失礼です。

>かなり気持ちが萎えますね。
厳密に言うとマナー違反ではないかもしれませんが、こんな「小さな失礼」を繰り返すといずれ誰も答えてくれなくなりますよ。
7   名前： 匿名 ： 2007/03/12（月） 16:35  ID:Z/T9lFdK sub-kJ
表関連要素に font-size が継承されないのは IE（互換モード）のバグ。

それから、pt 単位というのは「出力装置の物理的特性が既知の場合」、要するに手元にあるプリンタで印刷するときなんかに使う単位であって、利用者のモニタ解像度が不定である Web ページで使う単位ではないのだけど、そこは大丈夫？
8   名前： 匿名 ： 2007/03/12（月） 16:35  ID:Z/T9lFdK sub-kJ
うわ、またか。

>>6
> 厳密に言うとマナー違反ではないかもしれませんが

情報を共有する姿勢のない質問はもう「マルチポスト」と見なして良い（マルチポストの問題点というのは、スレッドを閉じたか閉じないかという形式的な部分ではない）。

そして、ここは条件外の（他投稿先を明示しない）マルチポストは規約違反。


ついでに。class 属性というのは複数の値を取りうるので、厳密には = で上書きしない方が良い。
9   名前： denden ： 2007/03/12（月） 16:35  ID:KYAmHyzh sub-9g
すみません・・・
以後　気を付けます。

ありがとうございました
一覧へ戻る