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>