出張料金表示プロトタイプ完成

此処しばらく、つまらないブログ記事ばかりで、アクセスランキングが急降下中です。

でも、誰かの役には立つかもしれないので、活動の記録として、やはり残そうと思います。

昨日まで、考えていた仕様を修正し、郵便番号を入力後、出張料金表示をクリックすると、別ウィンドウに出張費を表示するようにしました。

郵便番号の入力のチェックは、当店仕様ですが、表示の部分は汎用性があります。

出来上がってみると、さほど大きなスクリプトにはなりませんでした。

【スクリプト】
<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に置いていますので、遊んでみてください。
当店のデータですので、３５０で始まる郵便番号が主です。