人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

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

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

●質問者: dingding
●カテゴリ:インターネット ウェブ制作
✍キーワード:JavaScript Write テキスト ブラウザ ラジオボタン
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● toku4sr4agent
●35ポイント

セキュリティの設定でブラウザの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>

◎質問者からの返答

ありがとうございます。


2 ● susie-t
●35ポイント

ページを読み込んだ後に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/

◎質問者からの返答

ありがとうございます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ