Webサービスを利用したAJAX郵便番号検索
郵便番号から住所を検索したり、住所から郵便番号を検索するTipsは様々なサイトで公開されています。
大体の場合は、郵便事業株式会社様（旧日本郵政公社）が提供しているCSVデータをDBに保持して・・という形式が多いようです。
確かに自前でDBを用意して検索アプリを作成し、郵便番号情報を常に最新にメンテナンスできる環境があれば、最善の方法です。
ただ、「そこまでは必要ないけども、もっと簡単に実装したい」という場合を想定して、WEBサービスを利用し簡単に実装するサンプルを作成しました。
今回のサンプルはこちらで確認できます。
よくある住所欄の入力フォームで
・郵便番号を入力するとオートコンプリート形式で該当住所を表示
・住所をクリックすると入力フォーム内の住所欄に値を代入する
というものです。
複数選択型のプルダウン
単一選択のプルダウンを複数選択型に変更する為のTipsです。
複数選択型と言っても従来のselectタグではなく、チェックボックスを
使ったプルダウン表示に変更させる方式です。
（prototype.jsを利用しています）
言葉だけではイメージし難いと思いますので、サンプルを参照してください。
上側に従来のプルダウン、下側に同じ要素の複数選択型プルダウンが表示されています。
js 一覧表示のチェックボックス関連の制御をまとめたクラス
prototype.jsやjQueryの出現でajaxに限らずJavaScriptでのプログラミングが随分に楽になりました。
今回は検索結果一覧などテーブル内の複数行などに、データ選択用のチェックボックスがつけられているケースで、よく使う制御を簡単に実装できるようにまとめたクラスをprototype.jsをベースに作成してみました。
CakePHP Tips：ドラッグ＆ドロップでデータを並び替える
マスターのメンテナンス機能やCMS系の機能を開発する際に、データの並びをユーザーが自由に設定できるようにしたいという要件はよくあります。
CakePHPとprototype.jsを使えば、ドラッグ＆ドロップでデータの並びを設定することが簡単に実装できます。
今回のサンプルはこちらで確認できます。
id, name（果物名）, position（position） の３カラムのfuruitsテーブルのデータを並び替えています。