js showModalDialogポップアップウィンドウの詳細説明 example_javascriptスキル

showModalDialog:モーダル ウィンドウは非常に特殊な種類のウィンドウであり、これが開かれると、現在のモーダル子ウィンドウが閉じられない限り、次の親ウィンドウのアクティビティが停止します。 Web Ajax 開発を行う場合、親ウィンドウを使用してフォームに入力したり、オンラインの質問応答のようなウィンドウを作成したりすることがあります。その特徴は、パラメーターを渡すのに非常に便利で強力であることです。親は Windows 変数とメソッドを直接呼び出すことができます。

使用法:
vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFunctions])

パラメータの説明:
sURL--
必須パラメータ、タイプ: 文字列。ダイアログボックスに表示するドキュメントのURLを指定するために使用します。

vArguments--
オプションのパラメーター、タイプ: バリアント。パラメータをダイアログ ボックスに渡すために使用されます。渡されるパラメータのタイプは、配列などを含めて制限されません。ダイアログ ボックスは、window.dialogArguments を通じて渡されたパラメータを取得します。

s features--
オプションのパラメーター、タイプ: 文字列。ダイアログ ボックスの外観やその他の情報を記述するために使用され、次の 1 つ以上をセミコロン「;」で区切って使用できます。

1.dialogHeight:
ダイアログ ボックスの高さ (100 ピクセル以上)。IE4 では、dialogHeight と DialogWidth のデフォルト単位は em ですが、IE5 では便宜上、px です。モーダル モードが定義されています。ダイアログ ボックスを開くときは、単位として px を使用します。

2.dialogWidth:
ダイアログの幅。

3.dialogLeft:
画面の左側からの距離。

4.dialogTop:
画面からの距離。

5.center: {yes | 1 | 0}:
ウィンドウが中央に配置されるかどうかは、デフォルトでは yes ですが、高さと幅は指定できます。

6.help: {yes | no | 0}:
ヘルプ ボタンを表示するかどうか。デフォルトは [はい] です。

7.resizable: {yes | no | 0}
: サイズ変更可能かどうか。デフォルトは「いいえ」です。

8.status: {yes | no | 0}
: ステータスバーを表示するかどうか。デフォルトは、yes[Modal] または no[Modal] です。

9.scroll:{ はい | いいえ | 0 | オフ }:
ダイアログ ボックスにスクロール バーを表示するかどうかを示します。デフォルトは「はい」です。
次の属性は HTA で使用され、通常の Web ページでは通常使用されません。

10.dialogHide:{ yes | no | 0 | on | off }:
印刷中または印刷プレビュー中にダイアログ ボックスを非表示にするかどうか。デフォルトは「いいえ」です。

11.edge:{ sunken | raise }:
ダイアログ ボックスの境界線のスタイルを示します。デフォルトは引き上げられています。

12.unadorned:{ はい | いいえ | 0 | オフ }:
デフォルトは no です。

例:
parent.html

コードをコピーコードは次のとおりです:

<script><br>function setname(res){<br>document.getElementByIdx_x("name").value=res;<br>}<br>function selectTp (){<br> // 親ウィンドウの setname 関数を子ウィンドウに渡す window.showModalDialog('child.html',setname,'dialogWitdh:300px;dialogHeight:300px;center:yes;') ;<br>} <br></script>

child.html