A 回答 (4件)
- 最新から表示
- 回答順に表示
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>
No.3
- 回答日時:
すみません,ちょっと訂正です。
B.html のインラインフレーム内に、C.html → BC.html
B.html のインラインフレーム内に、D.html → BD.html
名前は一例ですが,要は2つファイルを作りそれぞれをA.htmlからC,Dでリンクさせればいいんですよ。(B.htmlは同じでインラインフレーム内のみ変わったように見える。)
この回答への補足
何度もありがとうございます。
でも、私がしたい事と違うので…
今後のコンテンツの増加に併せて、ページを沢山作る予定で
BA.html
BB.html
BC.html
BD.html
と作ると”4つのファイル”が出来てしまいます。
しかし、
B.html
の中にインラインフレームを作れば、
今後のサイトリニューアル(レイアウト修正等)の際に
B.htmlの”1つのファイル”を修正すれば可能となり、楽です。
インラインフレーム内のページは修正する予定がありません。
最初の手間は沢山ページを作る事に変わりないのですが、
今後の修正の為に、今回の質問に合う仕組みを探しています。
No.2
- 回答日時:
それなら簡単です。
B.html のインラインフレーム内に、リンクC → BC.html
B.html のインラインフレーム内に、リンクD → BD.html
名前は一例ですが,要は2つファイルを作りそれぞれをC,Dでリンクさせればいいんですよ。(B.htmlは同じでインラインフレーム内のみ変わったように見える。)
No.1
- 回答日時:
□A.html の中の、<リンクCを表示> をクリックすると、
□B.html の中のインラインフレーム内に、□C.htmlを表示させるようにしたいんです。
ちょっと分かりづらいんですが,B.html の中のインラインフレームの中のファイルはC.html以外が出てて,それをC.htmlに変えるということでしょうか?
もし,初めからC.htmlが出てるのなら単純にB.htmlをリンクさせるだけでいいと思いますが。
というのもA.htmlとB.htmlの関係性がよくわかりません。(同時に表示してるんですか?)
補足をお願いします。
この回答への補足
説明がうまくできず、すみません。
B.htmlの中には他のhtmlが表示されているという設定です。
私が作りたいHPは、
A.html(トップページ)
B.html(別のページ)
があり、
1)リンクCに移動
A.html の(リンクCを表示)をクリックすると、
B.html のインラインフレーム内に、リンクCを表示させて、
2)リンクDに移動
A.html の(リンクDを表示)をクリックすると、
B.html のインラインフレーム内に、リンクDを表示させたいんです。
A.htmlとB.htmlは別ものです。
トップページのデザイン(A.html)と、
サブページのデザイン(B.html)で分けています。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 別サイトのHTML内にある情報を自動取得して、自分のサイトに組込む方法を教えてください。 例えば、Y 1 2023/06/15 08:09
- HTML・CSS HTMLの条件によって表示方向が切り替わる実装のコードを教えて下さい。 (コードは下記リンクを参照) 1 2022/09/25 14:35
- JavaScript 【GAS】WEBアプリでハイパーリンクを挿入したい 1 2023/03/12 19:20
- HTML・CSS HTMLを正しく表示させるには 2 2023/06/18 09:12
- HTML・CSS ホームページにブログ記事をサムネイル付きで掲載する方法 2 2022/11/25 14:55
- PHP HTMLのINPUTから画面表示 3 2023/04/04 21:34
- アプリ Edgeを操作するアプリについて 4 2023/05/11 22:48
- JavaScript HTML,JS初心者です。 2つのselectボックスが有り その選択の組み合わせにより 指定した文 3 2022/03/31 23:35
- HTML・CSS <a>リンクが飛ばない・・ パソコン初心者です 、本を見ながらHTMLで<a>でコードをかいたのです 6 2022/07/30 20:21
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
一定時間ごとに表示内容を切り...
-
backbone.js テンプレートの表...
-
親フレームの存在確認
-
複数の特定のURLからのみアクセ...
-
location.replaceでの移動
-
XMLHttpRequest()で、読み込む...
-
毎日午前0時にhtmlを切り替えた...
-
連番タイトル名を基準にリンク...
-
インラインフレームを自動更新...
-
div要素に枠線を指定とページに...
-
JavaScriptでtabindexの変更っ...
-
Ajax サーバーに負荷かかります...
-
background をフェードしながら...
-
Selenium4でボタンをクリックで...
-
jqueryのslideUpについて質問で...
-
【再質問】計算(入数*単価)...
-
階層別の組織図の自動作成について
-
【javascript文法】 prototype...
-
.txtファイルの読み込み
-
画面移遷なしで画像アップロー...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
インラインフレームを自動更新...
-
jQueryでloadした部分に.jsが効...
-
一定時間ごとに表示内容を切り...
-
location.replaceでの移動
-
jQueryで追加した要素がマウス...
-
jQuery toggle() 戻るで開いた...
-
連番タイトル名を基準にリンク...
-
フレーム内の要素へのXPATHはど...
-
リンク元のファイル名を表示し...
-
EUC-JPに対応しているjQueryを...
-
javascriptで要素の取得が出来ない
-
リンク元のURLのパラメータでペ...
-
自動で現れるTOPにもどるボタン...
-
テーブルの形式を整えるJavascript
-
javascriptからのphpクラス...
-
画面(ウィンドウ)/画像の拡...
-
Safariでの onload="getData()"...
-
$.postとPerlのデータ受け渡し...
-
タブに地図を入れたら、中心が...
-
座標のみでクリックする方法
おすすめ情報