Web Developer's Room
HOME > JavaScript講座 > JavaScriptでWindowを操作する(4)     

JavaScriptでWindowを操作する(4)

showModalDialogで子Windowにパラメータを渡すサンプルです。(showModalDialogはIEのみで使用可能です)
window.dialogArgumentsでパラメータを受け取ります。

親Window
<html>

<script language="Javascript">
<!--
function btn_click() {
    window.showModalDialog("test.htm", document.all.text1.value,"dialogHeight:200px; dialogWidth:400px;");
}
-->
</script>

<body>
<input type="button" value="windowを起動します" onclick="btn_click()">
<input type="text" name="text1" value="パラメータを入力">
</body>
</html>

子Window(test.htm)
<html>

<script language="Javascript">
<!--
    document.write("受け取ったパラメータ→" + window.dialogArguments);
-->
</script>

<body>
</body>
</html>

【説明】
window.showModalDialogで子Windowをオープンします。このとき、引数にパラメータをセットしておきます。
子Windowでは、window.dialogArgumentsでパラメータを受け取ります。
window.dialogArgumentswindow.showModalDialog、またはshowModelessDialogで開いたWindowのみ使用可能です。

 サンプル

関連リンク
  • JavaScriptとは
  • JavaScriptを書く
  • 関数を作る
  • 関数を作る(戻り値を指定する)
  • 関数を作る(引数を指定する)
  • 変数を宣言する
  • コメントを書くには
  • 配列を使うには
  • JavaScriptで文字を表示する
  • 現在の時刻を表示する
  • JavaScriptの外部ファイル
  • JavaScriptでWindowを操作する(1)
  • JavaScriptでWindowを操作する(2)
  • JavaScriptでWindowを操作する(3)




  • スポンサードリンク


    (C) Web Developer's Room All rights reserved.