| ポイント |
<![CDATA[
txt = document.myFORM.fText.value;
myFrame.document.open();
myFrame.document.write(txt);
myFrame.document.close();
]]>
|
| 説 明 |
メイン（呼び出し側）のページのテキストフィールドの内容をインラインフレームに書き込むには「インラインフレーム名.document.open()」で出力ストリームを開き、「インラインフレーム名.document.write(書き込む内容)」でデータを書き込みます。書き込みが終わったら「インラインフレーム名.document.close()」で出力ストリームを閉じます。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>テキストフィールドの内容をインラインフレームに表示する</title>
<script language="JavaScript"><!--
function setIFtxt()
{
txt = document.myFORM.fText.value;
myFrame.document.open();
myFrame.document.write(txt);
myFrame.document.close();
}
// --></script>
</head>
<body>
<form name="myFORM">
<input type="text" name="fText"><br>
<input type="button" value="インラインフレームに表示" onClick="setIFtxt()">
</form>
<iframe src="dummy.html" name="myFrame" width="320" height="240"></iframe>
</body>
</html>
]]>
|
| 補足説明 |
インラインフレーム内のHTMLは以下の通りです。
<![CDATA[
<html>
<head>
<title></title>
</head>
<body>
inline frame...
</body>
</html>
]]> |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
テキストフィールドの内容をインラインフレームに表示する