(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 | 動作環境 | ライブラリ | オウンコーディング | 備考 |
---|---|---|---|---|
1 | PC&スマホ ガイダンス表示なし版 | zipaddr30.js | 任意 | 2013.2.21 追加 |
2 | PC&スマホ 標準版 | zipaddr3.js | 同上 | デモ有り |
3 | Wordpress版(含む、Welcart) | zipaddr-jp | 同上 | プラグインです。 |
4 | EC-CUBE版(2.x or 3.x) | Zipaddr | 同上 | プラグインです。 |
5 | PC 住所→郵番の逆検索版 | zipaddrr3.js | - | 異質ですが強力です。 |
※オウンコーディングは機能を拡張できますので、ご自由に定義して自サイトへ設置して下さい。