ダイアログ画面を表示するJavaScriptツールキットを作りました。

通常、モーダルダイアログを表示するには、showModalDialog等を使って表示することになりますが、ブラウザ毎に動作が微妙に異なるケースがあります。そこで、Htmlのdivタグを使って、ダイアログ画面を表示するツールを作ってみました。

次のように、様々なブラウザからでも同一のインターフェースを用意するYawdbaBrowdwerクラスのインスタンスhywを用意した後、このhywインスタンスやタイトル名、ダイアログのサイズを引数にして、YawdbaDialogクラスインスタンスのdialogを作成します。

　　var hyw    = new YawdbaBrowser();

　　var dialog = new YawdbaDialog(hyw, 'YawdbaModal', 'タイトル', 200, 400); 

ダイアログを表示するには、dialogインスタンスのshowメソッドを呼び出します。
　　dialog.show(100,200);
詳しくは、私の「Webデータベース開発のもう一つのアプローチ」サイトの「Yawdba JavaScript　Tool」をご覧ください。
サンプルも掲載しています。