出張料金表示プロトタイプ完成
此処しばらく、つまらないブログ記事ばかりで、アクセスランキングが急降下中です。
でも、誰かの役には立つかもしれないので、活動の記録として、やはり残そうと思います。
昨日まで、考えていた仕様を修正し、郵便番号を入力後、出張料金表示をクリックすると、別ウィンドウに出張費を表示するようにしました。
郵便番号の入力のチェックは、当店仕様ですが、表示の部分は汎用性があります。
出来上がってみると、さほど大きなスクリプトにはなりませんでした。
【スクリプト】
<script type="text/JavaScript">
var zip;//郵便番号変数設定
function zip_hantei(){
if (document.js.zip_1.value == null || document.js.zip_1.value == "" ) {
if (document.js.zip_1.value == "" ) {//*2013.08.15修正
return;
} if ((document.js.zip_1.value).substr(0,3) == 354 || (document.js.zip_1.value).substr(0,3) == 358 || (document.js.zip_1.value).substr(0,2) != 35) {
if ((document.js.zip_1.value).substr(0,3) != 350 && (document.js.zip_1.value).substr(0,3) != 356 && (document.js.zip_1.value).substr(0,2) != 35) {//*2013.08.16修正
alert("出張範囲外です。申し訳ありません。");
return;
}
zip='〒'+document.js.zip_1.value;
zip=zip.replace("-","")//*2013.08.16追記
zip=zip.replace("-","";)//*2013.08.16追記
}
function hyoji(){//http://faq.creasus.net/04/0422/を参考
var table = document.getElementById('ryokin') //tableを取得
var tr = table.getElementsByTagName("tr"); //<table>内の<tr>を全部取得(配列):DOM
if (document.js.zip_1.value == "" ) {//*2013.08.16追記
alert("郵便番号を入力してください");//*2013.08.16追記
return;//*2013.08.16追記
}//*2013.08.16追記
for( i = 0; i < table.rows.length; i++ ){
td = tr[i].getElementsByTagName("td"); //i番目の<tr>内にある<td>を全部取得(配列):DOM
if(zip == td[1].firstChild.data){ //郵便番号を比較:DOM
alert( td[0].firstChild.data + td[2].firstChild.data + "までの距離は" + td[3].firstChild.data + "です。" + "\n出張料金は " + td[4].firstChild.data + " です。");
return;
}
}
alert("申し訳ありません。お住まいの地域の情報を見つけることが出来ませんでした。\nご連絡頂ければ、こちらでお調べいたします。");
}
</script></HEAD>
郵便番号のチェックも、表示ボタンのイベントに移しました。
【スクリプト】<FORM name="js"><INPUT size="8" type="text" maxlength="7" name="zip_1" style="font-weight : 800;font-size : 18pt;"><IMG src="button2.gif" width="100" height="29" border="0" alt="出張料金表示" onclick="hyoji();" onmouseover="zip_hantei();"></FORM>*2013.08.16修正
<FORM name="js"><INPUT size="8" type="text" maxlength="8" name="zip_1" style="font-weight : 800;font-size : 18pt;"><IMG src="button2.gif" width="100" height="29" border="0" alt="出張料金表示" onclick="hyoji();" onmouseover="zip_hantei();"></FORM>
興味がある方は、http://www.anocora.com/anocora/newpage13.htmlに置いていますので、遊んでみてください。
当店のデータですので、350で始まる郵便番号が主です。
« 郵便番号別距離登録 | トップページ | サイクルメンテあのこらホームページ修正完了 »
「ホームページの修正」カテゴリの記事
- ホームページのセキュア化完了(2018.12.13)
- モバイル対応終了(2018.06.01)
- モバイル対応開始(2018.05.13)
- ブログの更新情報をホームページに表示(2017.02.19)
- スポット摩耗とホームページ修正(2017.02.05)
コメント