JS:: 軽量なモーダルウィンドウ「subModal」

一昔前までは別ページを表示する際、window.openを使ってサブウィンドウ表示をしていましたが、近年のブラウザ・セキュリティソフトではポップアップを禁止する方向に。
※同一ドメイン内のページだと大丈夫な感じですね。体感上ですが・・・

そこで、モーダルウィンドウの登場！
モーダルウィンドウとは、一度開いたウィンドウを閉じるまで、他の操作をできなくするタイプのウィンドウ。
※逆に操作できるのをモーダレスウィンドウというそうです。

話が長くなりましたが、軽量なモーダルウィンドウ「subModal」がGoogle Codeにありましたのでメモ。

使い方も簡単なので、気に入ってます。

開発したWebページをこれに切り替えていこうかな。

※　ウィンドウ系の別話　※

alertと同じようなダイアログ表示にshowModalDialogなるものを発見。

alertとの違いは、メッセージをhtml表示できる点。

別htmlを作成し、showModalDialogでロード・表示する形です。

知らんかった、こんなのあるんだ・・・

★2010.03.08 Update!!!

• 親ウィンドウの関数を呼び出す
  top.sample();
• ウィンドウ内からモーダルウィンドウを閉じる関数
  top.hidePopWin(false);