- 締切済み
別ページのインラインフレームに表示させたい
初心者ですみません。。 まず □A.html □B.html（インラインフレーム有） □C.html を用意しているとします。 ここで、 □A.html の中の、＜リンクCを表示＞ をクリックすると、 □B.html の中のインラインフレーム内に、 □C.htmlを表示させるようにしたいんです。 Javaで可能なのかと思ったのですが、 プログラムがわからず止まっています。。 わかる方が見えましたら、 教えていただけませんでしょうか＞＜
- goukaku200
- お礼率24% (6/25)
- JavaScript
- 回答数4
- ありがとう数2
- みんなの回答 （4）
- 専門家の回答
みんなの回答
- dscripty
- ベストアンサー率51% (166/325)
ページの主要なコンテンツを iframe で表示させるのは、おすすできないけど。。。 [top.htm] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>top.htm</title> </head> <body> <h1>top.htm</h1> <ul> <li><a href="frame.htm#content_a.htm">content_a.htm</a></li> </ul> </body> </html> [frame.htm] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>frame.htm</title> <script type="text/javascript"> window.onload = function () { var iframe = document.getElementById("iframe"); iframe.setAttribute("src", location.hash.slice(1)); } </script> </head> <body> <h1>frame.htm</h1> <div><iframe id="iframe" src="about:blank"></iframe></div> </body> </html> [content_a.htm] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>content_a.htm</title> </head> <body> <h1>content_a.htm</h1> </body> </html>
すみません，ちょっと訂正です。 B.html のインラインフレーム内に、C.html → BC.html B.html のインラインフレーム内に、D.html → BD.html 名前は一例ですが，要は２つファイルを作りそれぞれをA.htmlからＣ，Ｄでリンクさせればいいんですよ。（B.htmlは同じでインラインフレーム内のみ変わったように見える。）
それなら簡単です。 B.html のインラインフレーム内に、リンクＣ → BC.html B.html のインラインフレーム内に、リンクＤ → BD.html 名前は一例ですが，要は２つファイルを作りそれぞれをＣ，Ｄでリンクさせればいいんですよ。（B.htmlは同じでインラインフレーム内のみ変わったように見える。）
□A.html の中の、＜リンクCを表示＞ をクリックすると、 □B.html の中のインラインフレーム内に、□C.htmlを表示させるようにしたいんです。 ちょっと分かりづらいんですが，B.html の中のインラインフレームの中のファイルはC.html以外が出てて，それをC.htmlに変えるということでしょうか？ もし，初めからC.htmlが出てるのなら単純にB.htmlをリンクさせるだけでいいと思いますが。 というのもA.htmlとB.htmlの関係性がよくわかりません。（同時に表示してるんですか？） 補足をお願いします。
補足
説明がうまくできず、すみません。 B.htmlの中には他のhtmlが表示されているという設定です。 私が作りたいＨＰは、 A.html（トップページ） B.html（別のページ） があり、 １）リンクＣに移動 A.html の（リンクＣを表示）をクリックすると、 B.html のインラインフレーム内に、リンクＣを表示させて、 ２）リンクＤに移動 A.html の（リンクＤを表示）をクリックすると、 B.html のインラインフレーム内に、リンクＤを表示させたいんです。 A.htmlとB.htmlは別ものです。 トップページのデザイン（A.html）と、 サブページのデザイン（B.html）で分けています。
補足
何度もありがとうございます。 でも、私がしたい事と違うので… 今後のコンテンツの増加に併せて、ページを沢山作る予定で BA.html BB.html BC.html BD.html と作ると”４つのファイル”が出来てしまいます。 しかし、 B.html の中にインラインフレームを作れば、 今後のサイトリニューアル（レイアウト修正等）の際に B.htmlの”１つのファイル”を修正すれば可能となり、楽です。 インラインフレーム内のページは修正する予定がありません。 最初の手間は沢山ページを作る事に変わりないのですが、 今後の修正の為に、今回の質問に合う仕組みを探しています。