JavaScriptでモーダルダイアログ
IEだとモーダルダイアログが可能です。(Firefox3.0でもOKとのうわさあり)
ちなみに、モーダルダイアログとは、本ダイアログ以外の操作ができないようにします。
以下に、サンプルをアップしときます。
modal.htm
<html> <head> <title>テストshowModalDialog(親)</title> <script type='text/javascript'> function subModal() { //モーダルダイアログを表示し、戻り値を取得 var value = showModalDialog('modaldialog.htm',window,'dialogWidth:320px;dialogHeight:240px;center:yes'); alert(value); } </script> </head> <body> <div> <input type='button' value='開く' onClick='subModal()' /> </div> </body> </html>
modaldialog.htm
<html> <head> <title>テストshowModalDialog(子)</title> <script type='text/javascript'> function closeWindow() { //戻り値を設定し閉じる window.returnValue = 'ABC'; window.close(); } </script> </head> <body> <div> <input type='button' value='戻る' onClick='closeWindow()' /> </div> </body> </html>