- ベストアンサー
自動的に別フレームを更新するには
現在、「frame1」「frame2」というiframeを2つ並べたページがあります。 そのページから「frame1」で「page1.html」を開いた時、 自動的に「frame2」内に「page2.html」を開くにはどうしたらいいのでしょう？ ご存知の方、ご教示頂ければと思います。m(_ _)m
- Body_Shake_It
- お礼率43% (29/66)
- JavaScript
- 回答数2
- ありがとう数0
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
・ 最初に両方のフレームに表示する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"><!-- window.onload = function() { parent.iframe2.location.href = "page2.html"; }; //--></script> </head> <body> page1.html </body> </html> ------------------------------------------------------------ page2.html ------------------------------------------------------------ <html> <head> </head> <body> page2.html </body> </html> ------------------------------------------------------------
その他の回答 (1)
- cmc32000
- ベストアンサー率41% (103/251)
frame1でpage1を開いたとき、というのがどのページにあるのか分かりませんが、そのページにjavascriptで関数を記述します。 例えば、 function go2(){ parent.frame2.location.href="page2.html"; parent.frame1.location.href="page1.html"; }; で、<a href="Javascript:go2()">ここをクリック</a>で実行させます。
