お世話になります。
今回はjavascript未対応時の対処についてお聞きしたいです。
今色々とjavascriptが無効になってしまっているときの、
対応を考えているのですが、効率の良い方法がよく分かりません。
たとえば、
<input button="type" onclick="test();" value="テスト"></input>
というボタンがあったとして、こいつのクリック時のイベントのところで、
あるjavascriptを実行しているとします。
そのスクリプトはユーザの入力フォームを動的に作成するというものだとします。
その場合、javascriptが無効だと当然動かないので、他のWEBページに入力フォーム用のページを作って
そちらにジャンプさせようと思います。
とすると、ボタンの要素を消して、<a>要素を使ったリンクを貼りたいと思うのですが、
その場合の書き方が分かりません。
<noscript>
<a href="#">リンクだよ</a>
</noscript>
とやれば、無効時にa要素は表示されると思いますが、
さっきのボタンは残ったままです。
イメージとしては、無効時はボタンの要素をa要素に置き換える、というふうにしたいのですが、何か良い方法はありますでしょうか?
cで言うと、
if(false==JSCheck()){
//無効時の要素書き出し
}else{
//有効時の要素書き出し
}
という感じにしたいです。(こんな柔軟な方法HTMLにあると思えませんがw)
アドバイスや皆さんの対応方法を教えていただけたらと思います。
よろしくお願い致します。
【HTML/CSS】JavaScript未対応時の対処について
フォーラム(掲示板)ルール
一般常識さえ守れば、どんなスレでも立てていただいて構いません。
常識外れの投稿やスレを見つけた場合は、私の判断で削除いたします。
スレ立てるまでもない、簡単な質問は、
「スレ立てるまでもない質問」のスレッドに投稿して下さい。
基本的には、一つの質問につき1つのスレッドを立てていただて構いません^^
一般常識さえ守れば、どんなスレでも立てていただいて構いません。
常識外れの投稿やスレを見つけた場合は、私の判断で削除いたします。
スレ立てるまでもない、簡単な質問は、
「スレ立てるまでもない質問」のスレッドに投稿して下さい。
基本的には、一つの質問につき1つのスレッドを立てていただて構いません^^
Re: 【HTML/CSS】JavaScript未対応時の対処について
逆に、javascript有効時はa要素をボタン要素に置き換えるようにしたらどうでしょう。
Re: 【HTML/CSS】JavaScript未対応時の対処について
なるほど!その発想は無かったwh2so5 さんが書きました:逆に、javascript有効時はa要素をボタン要素に置き換えるようにしたらどうでしょう。
良い案ですね!
今のところ自分のなかで、一番良い案ですw
ありがとうございました^^
他にも、何か良い方法があればレス下さい!
oui C'est la Vie♪
Re: 【HTML/CSS】JavaScript未対応時の対処について
私はjavascript無効対策にコンテンツ全体をdivか何かで囲ってからCSSでdisplay:none;を指定しておいて、javascriptが使用可能であれば表示するようにしてます。
このとき<noscript>はこの範囲から出しておきます。
このようなものはいかがでしょうか?実はこのテーマ結構私も悩んでいます。(^^;)
このとき<noscript>はこの範囲から出しておきます。
このようなものはいかがでしょうか?実はこのテーマ結構私も悩んでいます。(^^;)
Re: 【HTML/CSS】JavaScript未対応時の対処について
なるほど!kimuchi さんが書きました:私はjavascript無効対策にコンテンツ全体をdivか何かで囲ってからCSSでdisplay:none;を指定しておいて、javascriptが使用可能であれば表示するようにしてます。
このとき<noscript>はこの範囲から出しておきます。
このようなものはいかがでしょうか?実はこのテーマ結構私も悩んでいます。(^^;)
確かにdivなどでまとめてた方が、管理しやすいですね。
クラスなども統一できるようならしといたほうがもっと良さそうですね。
助かりました!良い方法だと思います!
oui C'est la Vie♪