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

JavaScriptでWindowを操作する(3)

showModalDialogで子Windowをオープンし、親Windowで入力した内容を受け取るサンプルです。(showModalDialogはIEのみで使用可能です)
window.returnValueで画面の戻り値を設定します。

親Window
<html>

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

<body>
<input type="button" value="windowを起動します" onclick="btn_click()">
<input type="text" name="text1">
</body>
</html>

子Window（test.htm）
<html>

<script language="Javascript">
<!--
function btn_click() {
　　　　window.returnValue=document.all.text1.value;
　　　　window.close();
}
-->
</script>

<body>
<input type="button" value="確定" onclick="btn_click()">
<input type="text" name="text1" value="文字を入力">
</body>
</html>

【説明】
window.showModalDialogで子Windowをオープンします。
子Windowで入力した文字列をwindow.returnValueにセットし、親Windowが受け取ります。

 サンプル

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




    • スポンサードリンク

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