原付生活(3)
残作業を少しずつ潰す(今日の分だけど、ある意味昨日の続き)
今日は競走馬検索の全体を整えてますよ。
結局ね、どのページもなんだけど
構成を最大3つに分けないといけないってことがわかりまして。
１：
Java Scriptが使える。かつ、Ajax(XMLHttp)が使える
２：Java Scriptが使えない(当然、XMLHttpも使えない)
３：Java Scriptは使えるけどXMLHttpが使えない。
１は最近のブラウザのデフォルト状態。
２は意図的にJava ScriptをOffにしているとか、テキストブラウザとか。
３は昨日の話。
具体的な分け方は、思いつく限りでは2つあって、
1つは昨日の方法。
html本体
<script>
<!--
ajax_func();
//-->
</script>
<noscript>
上の２の為の処理
</noscript>
でscript側
function ajax_func() {
if (createXmlhttp() && isGecko()) {
上の１のための処理;
} else {
上の３のための処理;
}
}
もちろん、createXmlhttpとisGeckoは用意する必要があります。
もうひとつのやり方。
html本体
<div id="jsandxml" style="display:none">
<script>
<!--
if (createXmlhttp() && isGecko()) document.getElementById("jsandxml").style.display="block";
//-->
</script>
上の１のための処理
</div>
<div id="nojsandxml" style="display:block">
<script>
<!--
if (createXmlhttp() && isGecko()) document.getElementById("jsandxml").style.display="none";
//-->
</script>
上の２と３のための処理
</div>
どう使い分けるかは
入力条件(次の動作をするためのトリガー)が
同じか、異なるか
ってとこでしょう。
多分、単純に「ボタンを押すと動く」ってだけなら
上の方法でいいんじゃないですか？
ボタン(type=button)が押されたらajax_func()を呼ぶ、
Java Scriptが使えないなら、ボタンをsubmitにして、<noscript>の中へ。
競走馬検索とかレース検索のページは、
下の方法を使ってます。
Java Scriptが使える場合と、使えない場合とで
入力できる条件が異なるので。
意外とあちこちで使えそうですね。
どう使い分けるかはちょっと難しいですが。
結局ね、どのページもなんだけど
構成を最大3つに分けないといけないってことがわかりまして。
１：
Java Scriptが使える。かつ、Ajax(XMLHttp)が使える
２：Java Scriptが使えない(当然、XMLHttpも使えない)
３：Java Scriptは使えるけどXMLHttpが使えない。
１は最近のブラウザのデフォルト状態。
２は意図的にJava ScriptをOffにしているとか、テキストブラウザとか。
３は昨日の話。
具体的な分け方は、思いつく限りでは2つあって、
1つは昨日の方法。
html本体
<script>
<!--
ajax_func();
//-->
</script>
<noscript>
上の２の為の処理
</noscript>
でscript側
function ajax_func() {
if (createXmlhttp() && isGecko()) {
上の１のための処理;
} else {
上の３のための処理;
}
}
もちろん、createXmlhttpとisGeckoは用意する必要があります。
もうひとつのやり方。
html本体
<div id="jsandxml" style="display:none">
<script>
<!--
if (createXmlhttp() && isGecko()) document.getElementById("jsandxml").style.display="block";
//-->
</script>
上の１のための処理
</div>
<div id="nojsandxml" style="display:block">
<script>
<!--
if (createXmlhttp() && isGecko()) document.getElementById("jsandxml").style.display="none";
//-->
</script>
上の２と３のための処理
</div>
どう使い分けるかは
入力条件(次の動作をするためのトリガー)が
同じか、異なるか
ってとこでしょう。
多分、単純に「ボタンを押すと動く」ってだけなら
上の方法でいいんじゃないですか？
ボタン(type=button)が押されたらajax_func()を呼ぶ、
Java Scriptが使えないなら、ボタンをsubmitにして、<noscript>の中へ。
競走馬検索とかレース検索のページは、
下の方法を使ってます。
Java Scriptが使える場合と、使えない場合とで
入力できる条件が異なるので。
意外とあちこちで使えそうですね。
どう使い分けるかはちょっと難しいですが。
[コメント読む(0)]
