2011年1月12日水曜日

ダイアログ画面を表示する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」をご覧ください。
サンプルも掲載しています。