| ポイント |
<![CDATA[
parent.rightFrame.location.href = jpURL;
]]>
|
| 説 明 |
任意のフレームの内容を変更するには「parent.フレーム名.location.href」に表示するページURLを設定します。ただし、異なるドメインのページが表示されている場合は、セキュリティの都合により変更することができない場合があります。同様に指定フレームのページURLを取得することはできません。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>マウスオーバーで右側フレームに対応した内容を表示する</title>
<frameset cols="20%,*">
<frame src="code_left.html">
<frame src="code_right.html" name="rightFrame">
</frameset>
</head>
</html>
]]>
|
| 補足説明 |
フレーム分割のページ等の内容は以下の通りです。
<![CDATA[
●フレーム分割ページ
<html>
<head>
<title>マウスオーバーで右側フレームに対応した内容を表示する</title>
<frameset cols="20%,*">
<frame src="code_left.html">
<frame src="code_right.html" name="rightFrame">
</frameset>
</head>
</html>
●左側のページ(code_left.html)
<html>
<head>
<title>マウスオーバーで右側フレームに対応した内容を表示する</title>
<script language="JavaScript"><!--
function setFrame(jpURL)
{
parent.rightFrame.location.href = jpURL;
}
// --></script>
</head>
<body>
<a href="#" onMouseover="setFrame('page1.html')">その１</a><br>
<a href="#" onMouseover="setFrame('page2.html')">その２</a><br>
</body>
</html>
]]>
|
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
マウスオーバーで右側フレームに対応した内容を表示する