自動的に別フレームを更新するには

解決済

質問者：Body_Shake_It
質問日時：2008/04/12 16:21
回答数：2件

現在、「frame1」「frame2」というiframeを2つ並べたページがあります。
そのページから「frame1」で「page1.html」を開いた時、
自動的に「frame2」内に「page2.html」を開くにはどうしたらいいのでしょう？

ご存知の方、ご教示頂ければと思います。m(_ _)m

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

No.2

回答者： cmc32000
回答日時：2008/04/12 17:19

frame1でpage1を開いたとき、というのがどのページにあるのか分かりませんが、そのページにjavascriptで関数を記述します。

例えば、
function go2(){
parent.frame2.location.href="page2.html";
parent.frame1.location.href="page1.html";
};
で、<a href="Javascript:go2()">ここをクリック</a>で実行させます。

- 0
- 件

通報する

No.1ベストアンサー

回答者： auty
回答日時：2008/04/12 17:19

・　最初に両方のフレームに表示するHTMLファイルを「hello.html」とします。

・　ボタンのクリックにより、iframe1 にpage1.html を表示します。

・　page1.html のロード完了時に、
　　　　window.onload
　　に登録されたイベントハンドラが、page2.html をロードします。

以下のコードを参考にしてみてください。
------------------------------------------------------------
iframe.html
------------------------------------------------------------
<html>
<head>
<script language="JavaScript" type="text/javascript">
//-->
</script>
</head>
<body>
<button onclick="window.frames.iframe1.location.href = 'page1.html';">iframe1
にpage1.htmlをロード</button>
<hr />
<iframe src="hello.html" align="middle" name="iframe1" width="600" height="150"></iframe>

<iframe src="hello.html" align="middle" name="iframe2" width="600" height="150"></iframe>

</body>
</html>

------------------------------------------------------------
page1.html
------------------------------------------------------------
<html>
<head>
<script type="text/javascript"></script>
</head>
<body>
page1.html
</body>
</html>

------------------------------------------------------------
page2.html
------------------------------------------------------------
<html>
<head>
</head>
<body>
page2.html
</body>
</html>
------------------------------------------------------------