ベストアンサー

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

2008/04/12 16:21

現在、「frame1」「frame2」というiframeを2つ並べたページがあります。そのページから「frame1」で「page1.html」を開いた時、自動的に「frame2」内に「page2.html」を開くにはどうしたらいいのでしょう？ご存知の方、ご教示頂ければと思います。m(_ _)m

Body_Shake_It
お礼率43% (29/66)

JavaScript
回答数2
ありがとう数0

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

auty
ベストアンサー率58% (284/486)

2008/04/12 17:19 回答No.1

・　最初に両方のフレームに表示する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> ------------------------------------------------------------

ログインすると、全ての回答が全文表示されます。

その他の回答 (1)

cmc32000
ベストアンサー率41% (103/251)

2008/04/12 17:19 回答No.2

frame1でpage1を開いたとき、というのがどのページにあるのか分かりませんが、そのページにjavascriptで関数を記述します。例えば、 function go2(){ parent.frame2.location.href="page2.html"; parent.frame1.location.href="page1.html"; }; で、<a href="Javascript:go2()">ここをクリック</a>で実行させます。

ログインすると、全ての回答が全文表示されます。