• 当サイトについて
  • リンク
  • サイトマップ

ShanaBrian Website

  • トップ
  • 壁紙
  • Web素材
  • Webサイト制作支援
  • お問い合わせ
  • TOP
  •  
  • Webサイト制作支援
  •  
  • AjaxZip2の使い方

AjaxZip2の使い方 AjaxZip2

  • ツイート
  • このエントリーをはてなブックマークに追加
  • チェック

AjaxZip2の使用方法をご紹介しています。
AjaxZip2はフォームで郵便番号から住所を自動入力が可能なJavaScriptライブラリです。
prototypeとjQueryの両方に対応しています。

公式サイト

サンプル

郵便番号のエリアを2つにした場合のサンプルです。

郵便番号 -
住所

ダウンロードと設置

こちらからダウンロードして解凍します。
解凍後、ajaxzip2ディレクトリを任意の場所に設置します。
なお、異なる階層で共通して使用できませんのでご注意ください。
ただし、dataディレクトリ(郵便番号データ)のみ共通で使用可能です。
設定方法はこちらをご覧ください。

JavaScriptの読み込み

以下のタグを<head>内に記載します。
パスは環境により変更してください。

jQueryを利用したい場合は、prototype.jsをjquery.jsに置き換えてください。

dataディレクトリのみ共通して使用する場合

dataディレクトリのみ共通して使用する場合は以下のタグを<head>内に追記します。

HTML設定

郵便番号のinput要素にonKeyUpを記載します。
基本的な設定は、onKeyUp="AjaxZip2.zip2addr(郵便番号(全てまたは上3桁),都道府県,市区町村,郵便番号(下4桁),丁目番地,町域大字);となり、それぞれname属性を記載します。
また、郵便番号(下4桁)以降は省略が可能です。
(都道府県がプルダウンメニュー場合でも可能です。)

郵便番号・住所が1エリアの場合(ハイフンの有無どちらも機能します。)

郵便番号
住所

郵便番号が2エリア、住所が1エリアの場合

郵便番号 -
住所

郵便番号が2エリア、住所が2エリアの場合

郵便番号 -
都道府県
市区町村番地など

郵便番号が2エリア、住所が2エリアの場合(プルダウンメニュー)
※ 都道府県のプルダウンは都道府県名または都道府県番号(都道府県コード)に対応しています。

郵便番号 -
都道府県
市区町村番地など

都道府県のプルダウンが都道府県番号(都道府県コード)の場合:

郵便番号 -
都道府県
市区町村番地など
  • ツール

    • パスワード自動生成
    • パスワードの暗号化
    • エンティティ変換
    • URLエンコード/デコード
    • Unicode変換
    • QRコード生成
    • 文字カウンター
    • 画像サイズ計算
    • 文字変換
    • ディスプレイのPPIを算出
    • CSSセレクタ―利用可否チェック
    • 画像ファイルをBase64文字列へ変換
    • CSSカスタムイージング
    • CSS Selector Nth Tester
    • カラーコード相互変換
    • CSS Sprite Generator
    • マルチアイコン生成
  • JavaScript、jQuery
    ライブラリ、APIの紹介

    • autoKana
    • Lightbox2
    • Lightbox2.5~2.7
    • SyntaxHighlighter2
    • SyntaxHighlighter1.5.1
    • Tablekit
    • TinyTable
    • XMLの読み込み
    • AjaxZip3
    • AjaxZip2
    • fleXcroll
    • jScrollPane
    • Slimbox 2
    • jQuery LightBox Plugin
    • jQuery Cycle Plugin
    • Roundabout
    • DD_belatedPNG
    • jQuery&prototypeの共存
  • リファレンス

    • jQuery逆引き
    • JavaScript逆引き
    • CSS3逆引き
    • SASS・SCSS逆引き
  • カラーコード

    • Webセーフカラー
    • ネームカラー
    • モノトーンカラー
    • グレースケールカラー
    • パステルカラー
    • カラーリスト1
    • カラーリスト2
    • カラーコード変換
  • その他

    • 特殊文字・特殊記号
    • CSSプロパティ・値の読み方
    • HTML・CSS・JavaScriptのテクニック集
    • CSSセレクター一覧
    • CSSハック
    • バナーサイズ一覧
    • PHP簡単カレンダー関数
    • 正規表現
    • 文字コード
    • 機種依存文字
  • トップ
  • 壁紙
  • Web素材
  • Webサイト制作支援
  • お問い合わせ

copyright © 2008-2018 ShanaBrian. All rights reserved.