| ポイント |
<![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」に書き込むことになります。また、通常のボタンで処理する場合はonClickを使いますがsubmit（送信）ボタンの場合にはformタグのonSubmitに処理する関数を記述します。この時に実際にデータが送信されないように関数からの戻り値をfalseにしておく必要があります。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>親ウィンドウのテキストフィールドの内容をサブウィンドウに表示する</title>
<script Language="JavaScript"><!--
subWin = window.open("sub.html","sub","width=320,height=240");
function setData()
{
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!
|
親ウィンドウのテキストフィールドの内容をサブウィンドウに表示する