| ポイント |
<![CDATA[
parent.topPage.location.href = jpURL1;
parent.bottomPage.location.href = jpURL2;
]]>
|
| 説 明 |
２つのフレームを同時に変更するには変更したいフレームの数だけ「parent.location.フレーム名.href」に表示するページURLを指定します。２つであれば、これらを列記します。フレーム名はframeタグのname属性で指定したものになります。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>クリックしたら同時に２つのフレームを入れ替える</title>
<frameset cols="20%,*">
<frame src="code_left.html">
<frameset rows="50%,*">
<frame src="code_top.html" name="topPage">
<frame src="code_bottom.html" name="bottomPage">
</frameset>
</frameset>
</head>
</html>
]]>
|
| 補足説明 |
フレーム分割のページ等の内容は以下の通りです。
<![CDATA[
●フレーム分割ページ
<html>
<head>
<title>クリックしたら同時に２つのフレームを入れ替える</title>
<frameset cols="20%,*">
<frame src="code_left.html">
<frameset rows="50%,*">
<frame src="code_top.html" name="topPage">
<frame src="code_bottom.html" name="bottomPage">
</frameset>
</frameset>
</head>
</html>
●左側のページ(code_left.html)
<html>
<head>
<title>クリックしたら同時に２つのフレームを入れ替える</title>
<script language="JavaScript"><!--
function set2Frame(jpURL1,jpURL2)
{
parent.topPage.location.href = jpURL1;
parent.bottomPage.location.href = jpURL2;
}
// --></script>
</head>
<body>
<a href="javaScript:set2Frame('page1.html','page2.html')">ページ１，２</a><br>
<a href="javaScript:set2Frame('page3.html','page4.html')">ページ３，４</a><br>
</body>
</html>
]]>
|
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
クリックしたら同時に２つのフレームを入れ替える