| ポイント |
<![CDATA[
txt = document.myFORM.ifText.value;
parent.document.myFORM.fText.value = txt;
]]>
|
| 説 明 |
親フレーム（呼び出し側）のページのテキストフィールドの内容にインラインフレーム内のフォームにあるテキストフィールドの内容を表示するには「parent.document.フォーム名.テキストフィールド名.value」にインラインフレームのテキストフィールドのデータを書き込みます。ただし、異なるドメインの場合はセキュリティの都合上書き込むことはできません。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>インラインフレームのテキストフィールドの内容を親フレームのテキストフィールドに表示する</title>
</head>
<body>
<form name="myFORM">
<input type="text" name="fText"><br>
</form>
<iframe src="dummy.html" name="myFrame" width="320" height="240"></iframe>
</body>
</html>
]]>
|
| 補足説明 |
インラインフレーム内のHTMLは以下の通りです。
<![CDATA[
<html>
<head>
<title></title>
<script language="JavaScript"><!--
function setTF()
{
txt = document.myFORM.ifText.value;
parent.document.myFORM.fText.value = txt;
}
// --></script>
</head>
<body>
<form name="myFORM">
<input type="text" name="ifText">
<input type="button" value="親のテキストフィールドに表示" onClick="setTF()">
</form>
</body>
</html>
]]> |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
インラインフレームのテキストフィールドの内容を親フレームのテキストフィールドに表示する