これは、軽量かつシンプルなjQueryモーダルプラグイン「easyModal.js」のデモです。
easyModal.jsは、特定のCSSに依存しないで動作しますが、いちおう見栄えを良くするために、HTML KickStartというCSSフレームワークを適用しています。
ボタンなしのダイアログを開く。ダイアログの外側をクリックするか、ESCキーで閉じる。
OKボタン付きのダイアログを開く。OKボタンをクリックすると、入力した文字を表示。キャンセル(外側のクリックかESC)の場合は、表示しない。
*
ダイアログは、つねに中央に表示されます。
ページをスクロールしても、ダイアログは移動しません。
*
*
*
*
同じダイアログをオープンする複数のボタンを設置
* Hello World. This is easyModal.js *