2010/02/05

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

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

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

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

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

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

※ ウィンドウ系の別話 ※

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

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

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

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

★2010.03.08 Update!!!
  • 親ウィンドウの関数を呼び出す
    top.sample();
  • ウィンドウ内からモーダルウィンドウを閉じる関数
    top.hidePopWin(false);
スポンサーリンク

スポンサーリンク