| ポイント |
<![CDATA[
txt = document.rFORM.myTEXT.value;
parent.leftFrame.document.myFORM.myTEXT.value = txt;
location.href = "next.html";
]]>
|
| 説 明 |
右側のフレームから左側のフレームにデータを渡すには左側のフレームに名前をつけておき「parent.leftFrame.document.フォーム名.エレメント名.value」にデータを書き込みます。次に自分自身のページURLを変更するためlocation.hrefに表示したいページURLを指定します。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>左側のフレームにフォームのデータを渡し自分自身もURLを変更する</title>
<frameset cols="50%,*">
<frame src="left.html" name="leftFrame">
<frame src="right.html" name="rightFrame">
</frameset>
</head>
</html>
]]>
|
| 補足説明 |
左側、右側フレームのHTMLファイル内容は以下の通りです。
<![CDATA[
●左側のフレーム
<html>
<head>
<title>左側のフレームにフォームのデータを渡し自分自身もURLを変更する</title>
</head>
<body>
左側のフレームです。<br><br>
<form name="myFORM">
<input type="text" name="myTEXT">
</form>
</body>
</html>
●右側のフレーム
<html>
<head>
<title>左側のフレームにフォームのデータを渡し自分自身もURLを変更する</title>
<script language="JavaScript"><!--
function sendToFrame()
{
txt = document.rFORM.myTEXT.value;
parent.leftFrame.document.myFORM.myTEXT.value = txt;
location.href = "next.html";
}
// --></script>
</head>
<body onScroll="scrl()">
右側のフレームです。<br><br>
<form name="rFORM">
<input type="text" name="myTEXT" value="Sample"><br>
<input type="button" value="データを渡す" onClick="sendToFrame()">
</form>
</body>
</html>
]]>
|
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
左側のフレームにフォームのデータを渡し自分自身もURLを変更する