• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:インラインフレーム内ページの切替)

インラインフレーム内ページの切替

このQ&Aのポイント
  • インラインフレームに関して教えてください。index.htmlのリンクAをクリックすると、houji.html内のインラインフレームには、a.htmlを表示。リンクBをクリックすると、houji.html内のインラインフレームには、b.htmlを表示。リンクCをクリックすると、houji.html内のインラインフレームには、c.htmlを表示。
  • インラインフレーム内ページの切り替え方法について教えてください。
  • index.htmlのリンクA・リンクB・リンクCをクリックすると、houji.html内のインラインフレームにはそれぞれa.html・b.html・c.htmlが表示されます。

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

  • ベストアンサー
回答No.1

javascriptを使ってもいいでしょうか。 一つ前の、 http://oshiete1.goo.ne.jp/kotaeru.php3?q=1061474 の回答として考えたもののアレンジなのですが index.html <a href="houji.html?a">リンクA</a> <a href="houji.html?b">リンクB</a> <a href="houji.html?c">リンクC</a> hyouji.html <head> <script> function Jump() { IframeURL = location.search; IframeURL = IframeURL.substring(1); IframeURL = IframeURL + ".html"; document.getElementById("Change").innerHTML='<iframe src="' + IframeURL + '" width="xx" height="yy"></iframe>'; // 実際のインラインフレームのタグに合わせて下さい } </script> </head> <body onload="Jump()"> <div id="Chanve"> <iframe src="a.html" width="xx" height="yy"></iframe> </div> こんなモノではいかがでしょう。

youchan1117
質問者

お礼

有り難うございました! うまく出来ました!

その他の回答 (1)

  • hime_mama
  • ベストアンサー率32% (1542/4716)
回答No.2

下記のサンプルページを参考にどうぞ。 http://iswebmag.hp.infoseek.co.jp/100/sample02.html Javascript使わなくてもできますよ。

参考URL:
http://iswebmag.hp.infoseek.co.jp/100/sample02.html

関連するQ&A

専門家に質問してみよう