プロが教えるわが家の防犯対策術!

文字の大きさを変更するjavascriptについての質問です。
現在以下のようなスクリプトを使用しているのですが、
IE6では動作しますがFirefox2.0では動きません。
原因、アドバイス等あればご指摘お願いします。


*****このスクリプトを外部ファイルとして読み込んでいます*****
function larger(){
content_area.style.fontSize="14pt";
}
function standard(){
content_area.style.fontSize="12pt";
}
function smaller(){
content_area.style.fontSize="9pt";
}
***********************************************************

*****head内の外部js読み込み部分*****
<script type="text/JavaScript" src="common/js/fontsize.js"></script>
************************************

*****body内のjavascript呼び出し部分*****
<ul>
<li class="text_large"><a href="javascript:larger()">文字サイズ大</a></li>
<li class="text_mid"><a href="javascript:standard()">文字サイズ中</a></li>
<li class="text_small"><a href="javascript:smaller()">文字サイズ小</a></li>
</ul>
****************************************

よろしくお願いします。

A 回答 (1件)

html内でcontent_areaが宣言されてませんが・・・



実際のところ、onload後の処理が必要です。
//fontsize.js
window.onload=function(){
content_area=document.getElementById('content_area')
}
function larger(){
content_area.style.fontSize="14pt";
}
function standard(){
content_area.style.fontSize="12pt";
}
function smaller(){
content_area.style.fontSize="9pt";
}
    • good
    • 0
この回答へのお礼

回答ありがとうございます。

content_areaは大きさを変更したい部分を囲った<div>タグのidになります。
言葉が足らず申し訳ありませんでした。
アドバイス通りにしましたら無事Firefoxでも動作を確認することができました。
本当にありがとうございました!

お礼日時:2008/01/15 01:57

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!