Custom JavaScript Dialog Boxes - Web Development Blog は、他のライブラリに依存しておらず、jsとcssを組み込むだけで手軽に使えるカスタムダイアログボックス。IE5.5 や IE6 でも動作する。
デザイン面ではパステルカラーと「×」や「？」などの背景画像を必要十分な程度に使ってあり、シンプル。そのせいか現在でも陳腐な感じがしない。
2008年4月以降に少しずつ更新が行われたようで、27 November 2009の日付でバージョン1.7が公開されている（Upgrade to Dialog Box Available）。
このバージョンのサンプルを見る限り、以下のオプションが指定できる。
- ダイアログのスタイル6種類：Error, Warning, Success, Prompt, Message, Query
- モーダル / ノンモーダル
- auto hide（時間を指定して自動的に消去）
- ボタンあり / なし
- ダイアログボックスのサイズ指定 / 自動調整
ダイアログの例
モーダル（Error）
ノンモーダル（Warning）
モーダル＋ボタンあり＋サイズ指定（Success）
モーダル＋ボタンあり＋サイズ自動（Prompt）
0 件のコメント:
コメントを投稿