@  ダイアログ(showModalDialog)を表示する。

ブラウザ IE NN
ver. 5.5 6.0 4.x 6.0
Windows × ×
:OK ×:NG :未確認】

種 類  JAVA SCRIPT
構 文 showModalDialog("modal.html",window,"dialogWidth:300px;dialogHeight:240px;status:no;");
解 説 showModalDialogでダイアログを表示します。
(各種設定)
プロパティ 設 定 値 説 明
dialogWidth :**px ダイアログの幅
dialogHeight :**px ダイアログの高さ
dialogTop :**px ダイアログの上側表示位置
dialogLeft :**px ダイアログの左側表示位置
center :{ yes | no | 1 | 0 | on | off } ダイアログのセンター表示
edge :{ sunken | raised } ダイアログの外枠のスタイル
help :{ yes | no | 1 | 0 | on | off } HELPボタンの表示
resizable :{ yes | no | 1 | 0 | on | off } ダイアログのリサイズ
scroll :{ yes | no | 1 | 0 | on | off } ダイアログのスクロール
status :{ yes | no | 1 | 0 | on | off } ダイアログのステータスバー
unadorned :{ yes | no | 1 | 0 | on | off } ダイアログのボーダークロム
dialogHide :{ yes | no | 1 | 0 | on | off } ダイアログの印刷
見 本 #### ダイアログを表示する画面 ####
<HTML>
<HEAD>
<TITLE>ダイアログ(showModalDialog)を表示する</TITLE>
<SCRIPT Language="JavaScript">
function func_DialogOpen(){
showModalDialog("msg.html",window,"dialogWidth:300px;dialogHeight:240px;edge:sunken ;status;no;");
}
</SCRIPT>
</HEAD>
<BODY>
<FORM name="thisForm" method="post">
ウィンドウ(showModalDialog)を表示する
<INPUT type="button" name="modal" value="open" onClick="func_DialogOpen()">
<INPUT type="button" name="close" value="閉じる" onClick="self.window.close()">
</FORM>
</BODY>
</HTML>

サンプル
備 考 showModalDialogをJavaScriptで閉じるときは self.window.close() を使用します。
ステータスバーは非表示に設定しないとプログレスバーが処理中のままになり不細工です。
覚 書 プロパティのcenterdialogTopdialogLeftを設定すると無視されます。