複数選択型のプルダウン

単一選択のプルダウンを複数選択型に変更する為のTipsです。
複数選択型と言っても従来のselectタグではなく、チェックボックスを
使ったプルダウン表示に変更させる方式です。
(prototype.jsを利用しています)

言葉だけではイメージし難いと思いますので、サンプルを参照してください。

上側に従来のプルダウン、下側に同じ要素の複数選択型プルダウンが表示されています。

Read more

js 一覧表示のチェックボックス関連の制御をまとめたクラス

prototype.jsやjQueryの出現でajaxに限らずJavaScriptでのプログラミングが随分に楽になりました。
今回は検索結果一覧などテーブル内の複数行などに、データ選択用のチェックボックスがつけられているケースで、よく使う制御を簡単に実装できるようにまとめたクラスをprototype.jsをベースに作成してみました。

サンプルはこちらから確認できます

Read more

CakePHP Tips:ドラッグ&ドロップでデータを並び替える

マスターのメンテナンス機能やCMS系の機能を開発する際に、データの並びをユーザーが自由に設定できるようにしたいという要件はよくあります。

CakePHPとprototype.jsを使えば、ドラッグ&ドロップでデータの並びを設定することが簡単に実装できます。

今回のサンプルはこちらで確認できます。

id, name(果物名), position(position) の3カラムのfuruitsテーブルのデータを並び替えています。

Read more