文字の大きさを変更する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>
****************************************
よろしくお願いします。
No.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";
}
回答ありがとうございます。
content_areaは大きさを変更したい部分を囲った<div>タグのidになります。
言葉が足らず申し訳ありませんでした。
アドバイス通りにしましたら無事Firefoxでも動作を確認することができました。
本当にありがとうございました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- PHP style.cssのjQuery条件付きcssが機能しない 4 2022/07/17 18:27
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
【jQuery】遅延実行(タイムラ...
-
クリックした<a>タグのみにClas...
-
jQueryで電卓を作っているのですが
-
<li>タグの順番を入れ替える方法
-
2つのULの中のリストをランダム...
-
文字と数字が混在する要素のsor...
-
javascriptでEnterキーをtabキ...
-
【javascript で動的に a タグ...
-
オンマウスで画像ロールオーバ...
-
JQueryで、liタグの背景に色を...
-
javascriptで教えてください。 ...
-
複数のラジオボタン項目でのテ...
-
javascriptでsplitが上手く動作...
-
MAX関数を使ってからLEFT JOIN...
-
Javascript で共通の処理をどこ...
-
jspでcssが読み込めない
-
1枚の画像をクリックして複数の...
-
読み込んだQRコードをフォーム...
-
JSPでの画像ファイル表示
-
画像をクリックすると音が鳴り...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
jqueryのsortableで一部ソート...
-
【javascript で動的に a タグ...
-
JQueryタブのアクティブ アン...
-
javascriptでEnterキーをtabキ...
-
ネストされたチェックボックス...
-
jquery ドロップダウンメニュー...
-
「jQuery」アコーディオンメニ...
-
Jquery の slide.toggle で要素...
-
クリックした<a>タグのみにClas...
-
javascriptで、クリックしたら...
-
jQueryでネスト構造の<li>がク...
-
jQueryのeqで最後からn番目以降...
-
jqueryアコーディオンのマウス...
-
javascriptで教えてください。 ...
-
jQuery appendの中身の出力につ...
-
【jQuery】遅延実行(タイムラ...
-
オンマウスで画像ロールオーバ...
-
jQueryで、リンクURLの一致を確...
-
【JQuery】アコーディオンの入...
-
JS <a></a>タグ内のリンク先ア...
おすすめ情報