文字の大きさ変更

質問

ページ全体の文字の大きさを変更できるボタンを設置したいと思い
検索で調べて柿のようなスクリプトを作ったのですが、
ＩＥ６だと反映されません。どうしてでしょうか？
（長くてすみません）

<SCRIPT language="JavaScript">
<!--
var Default=3;
var tags = new Array('div','td','tr');
var sizing = new Array('70%','80%','90%','100%','110%','120%','130%');

function FontChange(target,tarF){
if (!document.getElementById) return
var dore = document,tarS = null,fontSize =Default,value,su,cTags;
fontSize += tarF;
if (fontSize < 0) fontSize = 0;
if (fontSize > 6) fontSize = 6;
Default = fontSize;
if (!(tarS = dore.getElementById(target))) tarS = dore.getElementsByTagName(target)[0];
tarS.style.fontSize = sizing[fontSize];
for (value = 0 ; su < tags.length ; value++){
cTags= tarS.getElementsByTagName(tags[value]);
for (su = 0 ; su < cTags.length ; su++) cTags[su].style.fontSize = sizing[fontSize];
}
}
//-->

<a href="javascript:FontChange('body',1)"><img src="images/big.jpg" alt="" border="0" /></a>　<a
href="javascript:FontChange('body',-1)"><img src="images/small.jpg" alt="" border="0" /></a>

それから出来ればボタン大中小で押せばサイズがそのサイズ
で決まっているのだいいのですが、参考になるサイトは
ないでしょうか？

回答No.3

noname#259269 · ベストアンサー

この JavaScript は、fontSize 属性を操作していますので、h1タグであっても
<h1 style="fontSize:4">あいうえお</h1>
のように指定している分には変化します。
<h1 style="font:9pt">あいうえお</h1>
のように指定すると変化しませんね。
fontSize より font の方が優先されるという事なんでしょうねぇ。

お礼

なるほど、ありがとうございます。

あと確かめてみましたが、テーブルで囲んだところも
IE6だと反応がないです。テーブルごとに指定はしていないんですが。

ジャバスクリプトは良く分かってないので、素人
的発送ですみませんが、
var tags = new Array('div','td','tr');とあるから
<a href="javascript:FontChange('div','td','tr',1)">
だとうまくいくのかと思ってやってみましたが
うまくいきませんでした。

回答No.2

noname#259269

解決にはなっていませんが、

>それでもＩＥ６だとピクピク動くだけで変わらないんです。

そうですか。なぜでしょうね。
私のパソコン(IE6SP2)では、動いています。
別パソコンのIE7とFireFox3でも動きますね。
ちなみに、画像を用意するのが面倒だったので、以下のように書き換えましたが。

---

<SCRIPT language="JavaScript">
(略)
//-->
</script>

あいうえお
ABCDE

<a href="javascript:FontChange('body',1)">大きく</a>
<a href="javascript:FontChange('body',-1)">小さく</a>

お礼

edp3142さんありがとうございます。
新たに作ったまっさらなファイルでやってみたらうまくいきました。
見出し<h1>でＣＳＳでサイズ指定している
ところは動かない感じです。ということはＣＳＳでサイズを指定していたら動かない
ということでしょうか？　

IE7とFireFox3は最初から動きます。

回答No.1

noname#259269

IE6でも動きますけど。。。
単に　</script>　で閉じていないだけではないでしょうか？

>れから出来ればボタン大中小で押せばサイズがそのサイズ
>で決まっているのだいいのですが、参考になるサイトは
>ないでしょうか？

参考もなにもこのスクリプトを少し改造すれば済む話です。
ようするにこのスクリプトは、アンカーを押すたびに、フォントサイズの値を加算するか減算するようになっているので、そうではなく直接フォントサイズを指定するように改造すれば済む話です。
まずは、このスクリプトを理解するところからですね。

お礼

ありがとうございます。
＞単に　</script>　で閉じていないだけではないでしょうか？
すみません、ここで貼り付ける時にうっかりしてました。
実際は閉じてあります。
それでもＩＥ６だとピクピク動くだけで変わらないんです。