[JS]クロスブラウザ対応、モーダルボックスの軽量スクリプト -SimpleModal

Post on:2009年10月29日

sponsors

モーダルボックスのスクリプトはこれが決定版かもと思わせる「SimpleModal」をEric Martinから紹介します。

SimpleModalはモーダルボックスのフレームワークとして機能することを目指したもので、フレキシブルにモーダルボックスを作成することができます。

対応しているブラウザは、IE6/7/8, Fx2/3, Op9/10, Safari3/4, Chrome1/2とのことです。

デモではさまざまなモーダルボックスを試すことができます。

フォームを配置したモーダルボックス

Mac OSX風スタイルのモーダルボックス

ユーザーの確認操作で挙動を変更するモーダルボックス

Eamplesでは他にも、実際の記述例とそのモーダルボックスの動作を確認することができます。

SimpleModalはjQueryのプラグインのため、実装にはjquery.jsが必要です。