[JS]クロスブラウザ対応、モーダルボックスの軽量スクリプト -SimpleModal
Post on:2009年10月29日
モーダルボックスのスクリプトはこれが決定版かもと思わせる「SimpleModal」をEric Martinから紹介します。
![デモのキャプチャ](/wp-content/uploads-2009-2d/2009102903-01.png)
SimpleModalはモーダルボックスのフレームワークとして機能することを目指したもので、フレキシブルにモーダルボックスを作成することができます。
対応しているブラウザは、IE6/7/8, Fx2/3, Op9/10, Safari3/4, Chrome1/2とのことです。
デモではさまざまなモーダルボックスを試すことができます。
![デモのキャプチャ](/wp-content/uploads-2009-2d/2009102903-02.png)
フォームを配置したモーダルボックス
![デモのキャプチャ](/wp-content/uploads-2009-2d/2009102903-03.png)
Mac OSX風スタイルのモーダルボックス
![デモのキャプチャ](/wp-content/uploads-2009-2d/2009102903-04.png)
ユーザーの確認操作で挙動を変更するモーダルボックス
Eamplesでは他にも、実際の記述例とそのモーダルボックスの動作を確認することができます。
![サイトのキャプチャ](/wp-content/uploads-2009-2d/2009102904.png)
SimpleModalはjQueryのプラグインのため、実装にはjquery.jsが必要です。
sponsors