A 回答 (4件)
- 最新から表示
- 回答順に表示
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)で分けています。
No.2
- 回答日時:
それなら簡単です。
B.html のインラインフレーム内に、リンクC → BC.html
B.html のインラインフレーム内に、リンクD → BD.html
名前は一例ですが,要は2つファイルを作りそれぞれをC,Dでリンクさせればいいんですよ。(B.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.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>
お探しの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ランキング
-
リンク元のURLのパラメータでペ...
-
インラインフレームを自動更新...
-
連番タイトル名を基準にリンク...
-
Selenium4でボタンをクリックで...
-
WebbrowserよりHTMLのValue値を...
-
★大至急!JavaScriptのif文教え...
-
メールを送信するボタンでOutlo...
-
Selenium Basicの件
-
FullCalendar の複数月表示につ...
-
eval、$.eachで順番が入れ替わ...
-
要素内を常に一番下を表示させたい
-
リンク付きの画像をクリックす...
-
JQueryの変数の扱いで弱ってい...
-
Ajax・jQueryでGETとPOSTする方法
-
background をフェードしながら...
-
繰り返し処理のシンプルな書き方
-
jquery.csv2table.jsに検索窓
-
マスターページ使用時のJavascript
-
IndexedDB を使ってファイルア...
-
セッション
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
インラインフレームを自動更新...
-
jQueryでloadした部分に.jsが効...
-
jQuery toggle() 戻るで開いた...
-
javascriptからのphpクラス...
-
リンク元のURLのパラメータでペ...
-
一定時間ごとに表示内容を切り...
-
jQueryで追加した要素がマウス...
-
フレーム内の要素へのXPATHはど...
-
Folder.selectDialog()について
-
JQueryで動的生成のスライダが...
-
連番タイトル名を基準にリンク...
-
AjaxでSJISファイル読み込みす...
-
jQuery loadで要素差し替え
-
EUC-JPに対応しているjQueryを...
-
親フレームの存在確認
-
XHTMLで外部JSファイルを読み込...
-
HTMLDivElement等の比較、評価...
-
日付が変わると自動更新
-
JavascriptからPHPへのAjax通信...
-
Javascriptを使ってQRコード読...
おすすめ情報