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

締切済

質問者：goukaku200
質問日時：2011/11/14 02:30
回答数：4件

初心者ですみません。。

まず

□A.html
□B.html（インラインフレーム有）
□C.html

を用意しているとします。
ここで、

□A.html　の中の、＜リンクCを表示＞　をクリックすると、
□B.html　の中のインラインフレーム内に、
　　　　　　□C.htmlを表示させるようにしたいんです。

Javaで可能なのかと思ったのですが、
プログラムがわからず止まっています。。

わかる方が見えましたら、
教えていただけませんでしょうか＞＜

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

最新から表示
回答順に表示

No.4

回答者： dscripty
回答日時：2011/11/22 20:01

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

- 0
- 件

通報する

No.3

回答者： noname#143668
回答日時：2011/11/14 03:23

すみません，ちょっと訂正です。

B.html　のインラインフレーム内に、C.html　→　BC.html　　
B.html　のインラインフレーム内に、D.html　→　BD.html

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

この回答への補足

何度もありがとうございます。
でも、私がしたい事と違うので…

今後のコンテンツの増加に併せて、ページを沢山作る予定で
BA.html
BB.html
BC.html
BD.html
と作ると”４つのファイル”が出来てしまいます。

しかし、
B.html
の中にインラインフレームを作れば、
今後のサイトリニューアル（レイアウト修正等）の際に
B.htmlの”１つのファイル”を修正すれば可能となり、楽です。

インラインフレーム内のページは修正する予定がありません。

最初の手間は沢山ページを作る事に変わりないのですが、
今後の修正の為に、今回の質問に合う仕組みを探しています。

補足日時：2011/11/14 03:43

通報する

- 0
- 件

通報する

No.2

回答者： noname#143668
回答日時：2011/11/14 03:17

それなら簡単です。

B.html　のインラインフレーム内に、リンクＣ　→　BC.html　　
B.html　のインラインフレーム内に、リンクＤ　→　BD.html

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

- 0
- 件

通報する

No.1

回答者： noname#143668
回答日時：2011/11/14 02:42

□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）で分けています。