Javascriptでの表示切り替えについて。


ラジオボタンの選択項目を変えたら、テキストの表示内容を切り替えるという処理を作ります。
その際、Javascriptでdocument.writeをすることになると思うのですが、
ブラウザごとに気を付けることや、全体的な注意点がありましたら教えてください。

実際のサンプルでもありがたいです。

回答の条件
  • URL必須
  • 1人3回まで
  • 登録:2006/11/21 11:51:56
  • 終了:2006/11/21 14:40:13

回答(2件)

id:toku4sr4agent No.1

toku4sr4agent回答回数349ベストアンサー獲得回数282006/11/21 13:02:08

ポイント35pt

セキュリティの設定でブラウザのJavascriptを無効にして利用しているユーザー、

或いは、ブラウザの環境などでJavascriptが使えないユーザーさんもいると思いますので、

Javascriptを使わなくてもよいページへのリンクを設定しておくとよいのではないかと思います。


参考URL

http://www.keiyu.com/access/baccess.htm

http://www2.nict.go.jp/v/v413/103/accessibility/minna/point9.htm...


なお、参考までですが、自分のWEBサイトにおいてあるHTMLファイルには、以下のようなタグを書いています。


<noscript>

このページをご利用になるには、JavaScriptを有効にしておく必要があります。<br>

セキュリティの設定で、アクティブスクリプトを有効にして下さい。<br>

<a href="nshindan2.html">JavaScriptが使えない環境での簡易版</a>

</noscript>

id:dingding

ありがとうございます。

2006/11/21 14:33:13
id:susie-t No.2

susie-t回答回数99ベストアンサー獲得回数182006/11/21 13:09:25

ポイント35pt

ページを読み込んだ後にdocument.writeすると、それまでの内容が全部上書きされてしまいます。ので、この場合は要素のinnerHTMLを使うほうがいいと思います。ラジオボタンのonclickイベントへ、表示要素のinnerHTMLに文字列を設定する処理を登録することになります。

以下、サンプルです。

<html>
<head>
<script>
function change(str){
  var elem = document.getElementById('test');
  elem.innerHTML = str;
}
</script>
</head>
<body>
<div id='test'>default</div>
<input type='radio' name='updown' onclick='change("上");'/>上<br/>
<input type='radio' name='updown' onclick='change("下");'/>下
</body>
</html>

ラジオボタンをクリックすると、「default」が「上」や「下」に変化します。たぶん、ほとんどのブラウザで動作します。このレベルであればブラウザの問題は起こらないかと思います。

ダミーURL:http://q.hatena.ne.jp/

id:dingding

ありがとうございます。

2006/11/21 14:39:49
  • id:toku4sr4agent
    toku4sr4agent 2006/11/21 21:39:58
    自分のファイルから転載するにあたり、一部編集しましたが、
    代替ファイルの名前が
    「nshindan2.html」とそのままになっていました。

    ここは任意で書き換えてお使いください。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません