« 町域(町名)での出張料金検索-2 | トップページ | 退院後の経過 »

2013年8月16日 (金)

郵便番号か町域(町名)での出張費検索

郵便番号での出張費検索と町域(町名)での検索、単体は動作確認が出来たので、どちらでも検索できるように、統合しました。

入力の箇所が複数になったので、どうすれば、迷わず、的確な入力が出来るかを考えました。

1.入力セルに、入力すべき情報を表示する。
2.入力時には、セルがブランクになる。
3.郵便番号が入力された時は、住所入力は初期化する。逆も行う。

Photo 動作確認用に作成した、WEBページは
http://www.anocora.com/anocora/newpage16.htmlに残してあります。

無事、ホームページへの反映も終了しました。

 

 

 

 

 

 

【script】
var zip;//郵便番号変数設定
var tyouiki;//町域設定

function zip_click(){
   if (document.js.zip_1.value  == "郵便番号" ) {//デフォルトの"郵便番号"表示を消去
      if(document.js.city_list.selectedIndex != 0||document.js.tyouiki_in.value  != "町域(町名)"){
         if(window.confirm('入力済みの市区町村、町域(町名)をクリヤーします。')){
            document.getElementById("city_list").selectedIndex=0
            document.js.tyouiki_in.value  = "町域(町名)";
         }
         else{
            return;
         }
      }
      document.js.zip_1.value  = "";
   }
}

function tyouiki_click(){
   if (document.js.tyouiki_in.value  == "町域(町名)" ) {//デフォルトの"町域(町名)"表示を消去
      if(document.js.zip_1.value != "郵便番号"){
         if(window.confirm('入力済みの郵便番号をクリヤーします。')){
            document.js.zip_1.value  = "郵便番号";
         }
         else{
            return;
         }
      }
      document.js.tyouiki_in.value  = "";
   }
}

function zip_1_clr(){
   if (document.js.zip_1.value != "郵便番号"){//入力済みの"郵便番号"表示を消去
      if(window.confirm('入力済みの郵便番号をクリヤーします。')){
         document.js.zip_1.value  = "郵便番号";
      }
      else{
         return;
      }
   }
}

function hyoji(){//http://faq.creasus.net/04/0422/を参考
   if ( document.js.zip_1.value  == "郵便番号" && document.js.tyouiki_in.value  == "町域(町名)" && document.js.city_list.selectedIndex==0) {
      alert("郵便番号か市町村と町域(町名)を入力してください");
      return;
   }
   if (document.js.zip_1.value != "郵便番号") {//郵便番号で検索
      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) {
         alert("出張範囲外です。申し訳ありません。");
         return;
      }
   zip='〒'+document.js.zip_1.value;
   zip=zip.replace("-","")
   zip=zip.replace("-","")
   }
   else{
   //町域の入力修正
   tyouiki=document.js.tyouiki_in.value
   tyouiki=tyouiki.replace("大字","")
   tyouiki=tyouiki.replace("字","")
   tyouiki=tyouiki.replace("-","")
   tyouiki=tyouiki.replace("-","")
   tyouiki=tyouiki.replace(" ","")
   tyouiki=tyouiki.replace(" ","")
   tyouiki=tyouiki.replace( /[0-9]+/,"")
   tyouiki=tyouiki.replace( /[0-9]+/,"")
   }

  var table = document.getElementById('ryokin') //tableを取得
  var tr = table.getElementsByTagName("tr"); //<table>内の<tr>を全部取得(配列)


   for( i = 0; i < table.rows.length; i++ ){
      td = tr[i].getElementsByTagName("td"); //i番目の<tr>内にある<td>を全部取得(配列)
      if(zip == td[1].firstChild.data || (tyouiki == td[2].firstChild.data && document.js.city_list.value  == td[0].firstChild.data)){ //郵便番号を比較
         if(td[4].firstChild.data == "範囲外"){
            alert( td[0].firstChild.data + td[2].firstChild.data + "までの距離は" + td[3].firstChild.data + "です。" + "\n申し訳ありませんが、出張 " + td[4].firstChild.data + " です。");
         }
         else {
            alert( td[0].firstChild.data + td[2].firstChild.data + "までの距離は" + td[3].firstChild.data + "です。" + "\n出張料金は " + td[4].firstChild.data + " です。");}
            return;
         }
      }
   alert("申し訳ありません。お住まいの地域の情報を見つけることが出来ませんでした。\nご連絡頂ければ、こちらでお調べいたします。");
}
</script>

« 町域(町名)での出張料金検索-2 | トップページ | 退院後の経過 »

ホームページの修正」カテゴリの記事

コメント

コメントを書く

(ウェブ上には掲載しません)

トラックバック


この記事へのトラックバック一覧です: 郵便番号か町域(町名)での出張費検索:

« 町域(町名)での出張料金検索-2 | トップページ | 退院後の経過 »

スライムパンク防止剤被害

川越市周辺の自転車屋MAP

埼玉県内出張修理店情報

自転車出張修理のブログ

ブログランキング

カテゴリー

無料ブログはココログ