フリーランスのエンジニアになって4年。事前に知っておくべき年収の相場や案件のお話。

ド田舎から地方都市(名古屋)に出てフリーランスのシステムエンジニア(プログラマー)として独立した管理人S。フリーエンジニアの現実をお伝えしています。

ブログ

AjaxZip3が動かない!【解決済み】WordPress+Contact Form 7での使用とGitHubへの移行

2015/08/27

AjaxZip3が動かないGoogle Code のサービス廃止によって WordPress + Contact Form 7 で使用していた AjaxZip3 が動かなくなった、との相談がありまして。

 

結論から言うと、2つ作業が必要です。

 

1)公式サイトの案内に従ってAjaxZip3本体のURL変更

以下のコード、
<script src="http://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3.js" charset="UTF-8"></script>

<script src="https://ajaxzip3.github.io/ajaxzip3.js" charset="UTF-8"></script>

に変更っと。

2)Contact Form 7 で使う為の jQuery呼び出し部分も変更

公式サイトのサンプルでは <input> タグ内に onKeyUpのイベントハンドラ突っ込んでるんですが、Contact Form 7 では、この設定が出来ないみたい。

で、jQueryを使って・・となる訳ですが、今回のGitHub移行に伴って jQuery 側の設定も少々変更が必要です。

どっかにこんな感じのコードが入ってると思うので、

jQuery(function(){
  AjaxZip3.JSONDATA = "https://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/zipdata";
  jQuery('#your-zip').keyup(function(event){
    AjaxZip3.zip2addr(this,'','your-pref','your-addr');
  });
  jQuery('#ca-your-zip').keyup(function(event){
    AjaxZip3.zip2addr(this,'','ca-your-pref','ca-your-addr');
  });
})

JSONDATAの取得URLを変更します。(↓2行目のURLだけ変更してます。)

jQuery(function(){
  AjaxZip3.JSONDATA = "https://yubinbango.github.io/yubinbango-data/data";
  jQuery('#your-zip').keyup(function(event){
    AjaxZip3.zip2addr(this,'','your-pref','your-addr');
  });
  jQuery('#ca-your-zip').keyup(function(event){
    AjaxZip3.zip2addr(this,'','ca-your-pref','ca-your-addr');
  });
})

 

これで動くようになりました。

メールでお知らせ

少しずつ記事を追加しております。m(_ _)m

フリーランスのエンジニアに興味がある方は、サイト更新時にメールをお送りしますので、このフォームで登録してやって頂けたら幸いです。

-ブログ
-, , , , ,