- ベストアンサー
iframe ２ページ同時更新 javascript
web初心者です。宜しくお願い致します。 index.html内のiframe top.html・ main.htmlの二つページをindex.htmlのメニューから同時更新するにはどのようにしたら良いのでしょうか？ frameの同時更新方法は調べても出てくるのですが、iframeの場合が探しても見当たりませんでした、、 宜しくお願い致します。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
フレームの名前に、self,top,parent等の予約語は使用しないでください。 それらの名前をフレームに付けると、それらは予約語であるため、そのフレームを正しく取得出来ません。 [参考]ウィンドウ（Window） http://www.tohoho-web.com/js/window.htm とりあえず、以下実際に動作するサンプル。（ｈｔｔｐとＷＷＷは半角に変換してください。） <html><body> <br /> <iframe name="f1" src="ｈｔｔｐ://ＷＷＷ.yahoo.co.jp/">iframe</iframe><br /> <br /> <iframe name="f2" src="ｈｔｔｐ://ＷＷＷ.google.co.jp">iframe</iframe><br /> <br /> <a href="javascript:return;" onClick="javascript:top.f1.location.href='ｈｔｔｐ://ＷＷＷ.google.co.jp';top.f2.location.href='ｈｔｔｐ://ＷＷＷ.yahoo.co.jp/';">入れ替わります</a> </body> </html>
その他の回答 (1)
frameでもiframeでも同じです。
補足
<iframe src="top.html" name="top"></iframe> <iframe src="main.html" name="main"></iframe> <A HREF="javascript:void(0)" onClick="parent.main.location.href='main_b.html'; parent.top.location.href='top_b.html'">クリック</a> ご回答ありがとうございます。 こちらのサイトを参考にしながらhttp://www.shoppy.net/100/js/frame/2/index.html 上記のようにやって出来なかったのですが、他に問題があるのでしょうか？
お礼
できました。ご丁寧にありがとうございました！ 予約語について何も分かっていませんでした、、 また何かありましたら宜しくお願い致します。