利用方法

(1)htmlに次の必要なライブラリ(javascript)を、追加します。

<head>
<link rel="stylesheet" href="css/zipaddr.css" /> ‥‥ ガイダンス画面用(自サイトへ設置して下さい)2015.01.01 修正

<script src="https://zipaddr.github.io/zipaddr3.js"  charset="UTF-8"></script>  又は、
<script src="https://zipaddr.github.io/zipaddr30.js" charset="UTF-8"></script>(入力ガイダンスの表示ナシ)
※必ず、上記のモジュールをお使い下さい。

<script src="https://zipaddr.github.io/zipaddrr3.js" charset="UTF-8"></script>‥‥ [任意]住所から逆検索する場合。
 ※申請時に利用することを伝えて下さい。
</head>

※zipaddr30.jsをお使いの場合は、特殊ケースの確認(郵便番号が438-0078のガイダンス画面)を忘れずに!

(2)htmlのid名をライブラリのid名に合わせて下さい。

郵便番号欄: <input ~ id="zip"  ~  />
都道府県欄: <select~ id="pref" ~  </select> / <input文でも可能となりました。2013.1.29 追加
市区町村欄: <input ~ id="city" ~  />
地域欄  : <input ~ id="area" ~  />
番地欄  : <input ~ id="addr" ~  />

※検索結果のデータはキャリーオーバーされます。
 例えば、市区町村欄がなければ、地域欄に「市区町村+地域」の名称が入ります。

 ※住所自動入力を利用するには、(1)の追加と、(2)の確認だけで動きます。


(3)ライブラリ関連の一覧

No動作環境ライブラリオウンコーディング備考
1PC&スマホ ガイダンス表示なし版zipaddr30.js任意2013.2.21 追加
2PC&スマホ 標準版zipaddr3.js同上デモ有り
3Wordpress版(含む、Welcart)zipaddr-jp同上プラグインです。
4EC-CUBE版(2.x or 3.x)Zipaddr同上プラグインです。
5PC 住所→郵番の逆検索版zipaddrr3.js異質ですが強力です。

 ※オウンコーディングは機能を拡張できますので、ご自由に定義して自サイトへ設置して下さい。