prototype.js ベースの Thickbox ライブラリ「ProtoThickBox」を公開しました。

ThickBox を使うためだけに jQuery を導入している方は結構いるのではないでしょうか？

例えば、Ruby on Rails はデフォルトで prototype.js を使うようになっているため、

ThickBox を使いたい場合、jQuery を導入した上で $ 関数が競合にならないように、

<%= javascript_include_tag 'prototype.js' %>
<%= javascript_include_tag 'jquery.js' %>
<%= javascript_tag "jQuery.noConflict();" %>

のように設定しなければなりません。

そこで、jQuery 依存だった「ThickBox 3.1」を prototype.js で動作するように移植してみました。

また、スタイルシートはオリジナルの thickbox.css をそのままご利用頂けます。

【特徴】

*prototype.js （+effects.js）ベース（1.6以降）。

*ThickBox 3.1 を prototype.js ベースに完全移植。
（prototype.js と effects.js が読み込まれていれば、thickbox.js を protothickbox.js に置き換えるだけで、そのまま動作します。）

*thickbox.css がそのまま利用できる。

【download はこちら】
http://code.google.com/p/protothickbox/downloads/detail?name=protothickbox-js-3.1.zip

【オリジナル】
ThickBox 3.1
http://jquery.com/demo/thickbox/

オリジナルのデモがすべて動作することを確認しておりますが、

不具合などありましたらコメントでお願いします。

追記 2007/12/26 20:52

tb_remove が動作しないものをアップロードしていたので置き換えました。

時間入力にも対応した、prototype.js ベースの日付選択用ライブラリ「protocalendar.js」v1.1.0 を公開しました。

開発自体はかなり前に終了していたのですが、ラボの公式サイトのオープンを待っていたら、

前のリリースから1カ月近く経過していたので、先攻してリリースすることにしました。

protocalendar.js v1.1.0

主な変更点は以下の通りです。
【変更点】

*時間入力に対応。

*入力はテキストボックスだけでなく、セレクトタグにも対応。

*大幅なパフォーマンスアップ。

*prototype.js 1.6 に完全対応。（dom:loaded など）

*日本の祝日判定の修正。

*css のレイアウトを修正。

*初期値は当日ではなく空文字に変更。
【使い方はこちら】
http://labs.spookies.co.jp/static/protocalendar-js-1.1.0/sample/calendar_usage.html

【download はこちら】

http://code.google.com/p/protocalendar/downloads/detail?name=protocalendar-js-1.1.0.zip

【今後の展望】
*Appear 以外のエフェクトに対応。
*スタイルの追加。
*「閉じる」、「クリア」を表示するオプションの追加。
*rails, cakephp の helper 作成。

今回のバージョンアップは大きな機能アップが二点あります。

その一つは時間入力に対応したことです。

時間入力はテキストボックスではなく、セレクトタグが良いのではないかという意見もあったのですが、入力のしやすさを追求してテキストボックスにしてみました。

その際、不正な文字を入力されたときのために、簡単なバリデーション（エラー文言を変更可能）が実行されるようになっています。

もう一つはセレクトタグ対応です。

この機能はいかに cakephp の $html->dateTimeOptionTag や rails の date_select に対応するかを考えて設計・開発を進めました。将来的には helper や plugin を提供する予定です。

今後もさらなるバージョンアップを行っていきたいと考えているので、ご意見ご要望などありましたらコメントでお願いします。

もう少しするとラボの公式サイトができて、そちらからスプーキーズラボプロダクトの最新リリースがダウンロードできるようになる予定です。

そちらも公開時にはこのブログでお知らせしますのでよろしくお願いします。