DIVタグで囲んだ各ブロックの表示・非表示をJavascriptで動的に制御したく、下記のソースの通りJavascriptで表示の切り替え処理を記述したところ、IE6.0では動作しましたが、FireFox2.0では切り替えリンクをクリックしても無反応の状態となってしまいました。
FireFoxのJavascript互換について経験不足のため原因がつかめず困っております。
FireFoxでも動作可能となるには、どのような記述をすればよろしいでしょうか。もしご存知の方がおられましたら宜しくお願い致します。
*** Javascriptソース ******************
function showArea(areaId){
A.style.display="none";
B.style.display="none";
C.style.display="none";
areaId.style.display="block";
}
*** ブロック切り替え用リンク ******************
<a href="javascript:showArea(A)">Aブロック</a>
<a href="javascript:showArea(B)">Bブロック</a>
<a href="javascript:showArea(C)">Cブロック</a>
*** 表示用ブロック ******************
<div id="A">
Aブロックの記述内容
</div>
<div id="B">
Bブロックの記述内容
</div>
<div id="C">
Cブロックの記述内容
</div>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- HTML・CSS HTML & CSS 縦ボックス内の文字の左右センタリング 3 2023/03/25 04:23
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
タブで開いてさらにタブ内をア...
-
console.log結果をhtmlで表示し...
-
読み込んだQRコードをフォーム...
-
dblclickでdiv要素を一回だけ作...
-
配列で特定キーが同じ値だった...
-
自働生成される<div>タグに連番...
-
折りたたみ部分にアンカーでリ...
-
リンク色を動的に変更したい。i...
-
displayの状態を取得したい
-
変数内容をHTML内で表示する方法
-
背景色を透明化
-
[急ぎ] videoタグで埋め込んだm...
-
Javascriptで可変のHTMLのID名...
-
クリックで色変更後に既に変更...
-
onMouseoverを利用して、セル内...
-
ページ読み込み完了の3秒後にリ...
-
HTMLタグに複数のクラスを設定...
-
createElementで作成した要素を...
-
javascriptテキストBOX色を元に...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
HTMLタグに複数のクラスを設定...
-
変数名をどのようにつけるのが...
-
401エラードキュメントを401.ht...
-
javascriptテキストBOX色を元に...
-
読み込んだQRコードをフォーム...
-
タブで開いてさらにタブ内をア...
-
createElementで作成した要素を...
-
removeEventListenerについて
-
表示・非表示のスクリプトで、...
-
HTMLとJavaScriptで作ったタイ...
-
HTMLとJavaScriptで作ったタイ...
-
getElementByIdの戻り値がnull...
-
指定したパスが現URLに含まれて...
-
[急ぎ] videoタグで埋め込んだm...
-
IFRAMEの表示/非表示を切り替え...
-
iframe内のリンクが飛ばないの...
-
removeAttribute()メソッドで削...
-
背景色を透明化
-
jQueryで同じid属性が複数あっ...
おすすめ情報