締切済み

別ページのインラインフレームに表示させたい

2011/11/14 02:30

初心者ですみません。。まず □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)

2011/11/22 20:01 回答No.4

ページの主要なコンテンツを 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>

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

noname#143668

2011/11/14 03:23 回答No.3

すみません，ちょっと訂正です。 B.html　のインラインフレーム内に、C.html　→　BC.html　　 B.html　のインラインフレーム内に、D.html　→　BD.html 名前は一例ですが，要は２つファイルを作りそれぞれをA.htmlからＣ，Ｄでリンクさせればいいんですよ。（B.htmlは同じでインラインフレーム内のみ変わったように見える。）

質問者

補足 2011/11/14 03:43

何度もありがとうございます。でも、私がしたい事と違うので… 今後のコンテンツの増加に併せて、ページを沢山作る予定で BA.html BB.html BC.html BD.html と作ると”４つのファイル”が出来てしまいます。しかし、 B.html の中にインラインフレームを作れば、今後のサイトリニューアル（レイアウト修正等）の際に B.htmlの”１つのファイル”を修正すれば可能となり、楽です。インラインフレーム内のページは修正する予定がありません。最初の手間は沢山ページを作る事に変わりないのですが、今後の修正の為に、今回の質問に合う仕組みを探しています。

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

noname#143668

2011/11/14 03:17 回答No.2

それなら簡単です。 B.html　のインラインフレーム内に、リンクＣ　→　BC.html　　 B.html　のインラインフレーム内に、リンクＤ　→　BD.html 名前は一例ですが，要は２つファイルを作りそれぞれをＣ，Ｄでリンクさせればいいんですよ。（B.htmlは同じでインラインフレーム内のみ変わったように見える。）

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

noname#143668

2011/11/14 02:42 回答No.1

□A.html　の中の、＜リンクCを表示＞　をクリックすると、 □B.html　の中のインラインフレーム内に、□C.htmlを表示させるようにしたいんです。ちょっと分かりづらいんですが，B.html　の中のインラインフレームの中のファイルはC.html以外が出てて，それをC.htmlに変えるということでしょうか？もし，初めからC.htmlが出てるのなら単純にB.htmlをリンクさせるだけでいいと思いますが。というのもA.htmlとB.htmlの関係性がよくわかりません。（同時に表示してるんですか？）補足をお願いします。

質問者

補足 2011/11/14 03:02

説明がうまくできず、すみません。 B.htmlの中には他のhtmlが表示されているという設定です。私が作りたいＨＰは、 A.html（トップページ） B.html（別のページ）があり、１）リンクＣに移動 A.html　の（リンクＣを表示）をクリックすると、 B.html　のインラインフレーム内に、リンクＣを表示させて、２）リンクＤに移動 A.html　の（リンクＤを表示）をクリックすると、 B.html　のインラインフレーム内に、リンクＤを表示させたいんです。 A.htmlとB.htmlは別ものです。トップページのデザイン（A.html）と、サブページのデザイン（B.html）で分けています。

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