| ポイント |
<![CDATA[
subWin = window.open("sub.html","sub","width=320,height=240");
txt = document.myFORM.myNAME.value;
subWin.document.myFORM.myNAME.value = txt;
return false;
<form name="myFORM" onSubmit="return setData()">
]]>
|
| 説 明 |
親ウィンドウのテキストフィールドの内容をサブウィンドウに表示するには、サブウィンドウを開いて、その中のテキストフィールドに内容を書き込みます。書き込みは「サブウィンドウ名.document.フォーム名.テキストフィールド名.value」に対して行います。ブラウザによってはサブウィンドウが開くタイミングの都合上、正常に動作しない場合があります。（submitボタンの代わりにinput type="button"でのボタンを利用すると解決する場合があります） |
| サンプル |
<![CDATA[
<html>
<head>
<title>送信ボタンが押されたら親ウィンドウのテキストフィールドの内容をサブウィンドウに表示する</title>
<script Language="JavaScript"><!--
function setData()
{
subWin = window.open("sub.html","sub","width=320,height=240");
txt = document.myFORM.myNAME.value;
subWin.document.myFORM.myNAME.value = txt;
return false;
}
// --></script>
</head>
<body>
親ウィンドウのテキストフィールドの内容をサブウィンドウに表示します。<br>
<br>
<form name="myFORM" onSubmit="return setData()">
名前：<input type="text" name="myNAME"><br>
<input type="submit">
</form>
</body>
</html>
]]>
|
| 補足説明 |
サブウィンドウ側のスクリプトは以下の通りです。
<![CDATA[
<html>
<head>
<title>送信ボタンが押されたら親ウィンドウのテキストフィールドの内容をサブウィンドウに表示する</title>
</head>
<body>
<form name="myFORM">
名前：<input type="text" name="myNAME">
</form>
</body>
</html>
]]>
|
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
送信ボタンが押されたら親ウィンドウのテキストフィールドの内容をサブウィンドウに表示する