http://www.rakuten.ne.jp/gold/hotclothing/
HPを作成中でして上記ページのように、左側のメニュー部分を別ページで作ってメニューをクリックすると右側部分に表示されるように作るにはどうしたらよいでしょうか?
試しにテーブルを作って左セルにiframeをセット。呼び出すページはiframeを設定したセルに表示されてしまいます。
あくまでも左にはメニューを置き、ページ右側が切り替わる様に作りたいのですが方法が分かりません。
ソフトはHPビルダー10を使っています。ちなみに「リンクの設定」の「ターゲット」をいじってみたのですが、右側に表示されませんでした。色々調べてみたところ、親フレームに表示させれば・・・という所迄調べたのですが設定の仕方もそれが合ってい
るかも分かりません。どなたかご存知の方がいらっしゃいましたらお教え下さい。
説明がへたくそですみません。
No.5ベストアンサー
- 回答日時:
> ANo.1補足
> 申し訳ないのですが、全ページにヘッダー部があり、ページ全体を2分割するとヘッダーが入らなくなってしまいました。
上+下の2分割にして、下のページを2分割する、
全体を3つに分けたフレームを使うのが無難でしょうね。
<frameset rows="100,1*">
<frame src="header.html">
<frameset cols="200,1*">
<frame src="menu.html">
<frame src="descript.html" name="desc">
</frameset>
</frameset>
どうしてもifameを使いたいなら、ifameを2つ作り、
左のメニュー用ifameから右の詳細用ifameに表示する場合は、
右のifameに名前をつけた後、左のifame内のリンクのターゲットにその名前を指定してください。
ソースを見るとこんな感じになると思います。
全体ページ
<iframe src="menu.html"></irame>
<iframe src="descript.html" name="desc"></iframe>
menu.htmlのリンク部分
<a href="item.html" target="desc">アイテム</a>
参照サイトは、
メニューのターゲットを親フレームにして、全てのページで同じiframeを表示しているようです。
全てのページで同じものを同じ位置に表示していれば、それ以外の部分だけが変わった様に見えるのと同じです。
No.3
- 回答日時:
このページは、お考えのようなページにはなっていないようです。
「HTMLソース」をご覧になれば分かりますが、iframeの中に目次となるこのページが入っています。↓
http://www.rakuten.ne.jp/gold/hotclothing/sideme …
各ページに、目次となるこのiframeのページが入っていて、iframe内の目次からのリンクするとき、 TARGET="_parent" でそのページを閉じて、iframe目次ページの入った「新しいページ」を開くようになっているようです。
この機会に、「HTMLソース」の勉強をされたら如何ですか。
なお、普通にするなら、こちらをご参考に↓
http://hpb.cool.ne.jp/hpbuilder/hp_frame.htm
http://www.tagindex.com/html_tag/frame/a_target. …
No.2
- 回答日時:
こんばんちくは。
ちょっと急ぎ気味なので微妙な回答を残していきます。。。(汗
>>親フレームに表示させれば・・・という所迄調べたのですが設定の仕方もそれが合ってい
iframe内のリンクで
<a href ="http://www.hogehoge.html" target ="_parent">
とかでどうでしょ。
>>全ページにヘッダー部があり、ページ全体を2分割するとヘッダーが入らなくなってしまいました。
3分割して、ヘッダー部分のみは、一番上に、それ以外を左右に分けるとかも、考えられますね。
もうちょっとお勉強してくと、スタイルシートのみで配置を操作することも可能です。
No.1
- 回答日時:
フレームを使ってください。
例
<frameset cols="160,*" framespace="0" border="0">
<frame src="index/jfe00i.htm" name="moku" >
<frame src="contents/jfe00c.htm#C000" name="honbun" >
</frameset>
"moku"の枠にはメニューのhtmlを表示させます。
これに対応した内容を"honbun"に表示させます。
例
<tr>
<td align="left"> <a href="../contents/jfe00c.htm#C001" target="honbun">○○</a></td>
</tr>
これは"moku"に書かれたものです。ここをクリックすると右側に
これに関する"jfe00c.htm#C001"が表示されます。
この回答への補足
早速のご回答有難う御座います。
申し訳ないのですが、全ページにヘッダー部があり、ページ全体を2分割するとヘッダーが入らなくなってしまいました。
やはりこの方法しか無いでしょうか?そしてやはり、右側にもフレームをセットしないとならないのでしょうか?
何度も申し訳御座いません。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- その他(IT・Webサービス) PCの画面表示 1 2022/08/05 11:06
- Excel(エクセル) iphonからone driveに保存してあるExcelを閲覧すると表示の仕方がちがうデータ 2 2022/12/21 13:51
- Windows 10 Windows10 の設定?について (長文ですがよろしくお願いします)m(_ _)m 3 2022/05/14 12:22
- その他(Microsoft Office) Microsoft Edgeの「ニュースと関心事項」についてお聞きします。 3 2023/05/22 12:08
- JavaScript HTML&CSS Javascriptによる動的テーブル 1 2023/03/27 19:51
- gooブログ ブログの記事を書きだしのみに表示したい 1 2022/06/25 19:11
- Excel(エクセル) [貼り付けオプション]とは? 3 2022/04/17 08:15
- Excel(エクセル) 【スプレッドシート】日報を統合して各業務の所要時間をピボットで表示したい 1 2023/07/06 16:49
- その他(Microsoft Office) エクセルのマクロについて教えてください。 5 2023/01/21 09:39
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
フレーム内のPHPへPOSTで情報を...
-
html リンクを別フレームに表...
-
どのページもすべて同じURLなの...
-
ブラウザで4分割表示できますか?
-
フレームで指定している送信先...
-
フレーム使用時のページの更新...
-
html 左メニューから右への表示...
-
フレーム分割後の別フレームを...
-
フレームの片方だけを更新(リロ...
-
WebサイトでHTMLのフォームに隠...
-
2つのページを重ねたい
-
FRAME SRC内のボタン
-
HTMLの画面分割方法について
-
Excelで、社外秘(閲覧のみ)と...
-
HTMLからフォルダを開きたい
-
ホームページでファイルをダウ...
-
htmlファイルの表示が真っ白
-
htmlの中にexcelが埋め込むには...
-
Dreamweaverでページ全体が文字...
-
googleドライブで、PDFファイル...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
フレームの片方だけを更新(リロ...
-
pythonのエラーについての質問...
-
どのページもすべて同じURLなの...
-
2つのページを重ねたい
-
フレームが表示されない><
-
スクロールできない
-
スタイルシートで背景画像を固...
-
ブラウザで4分割表示できますか?
-
フレームページが表示されない...
-
WordファイルをHTMLに埋め込む方法
-
html 左メニューから右への表示...
-
CSSを使って画像をクリックする...
-
上下フレーム分割ページでプル...
-
URLを変えないで表示する方法
-
フレームの表示と非表示の切り替え
-
フレームあり、なしの違い
-
フレーム内に画像を表示する際...
-
違いを教えてください?
-
左フレームからのリンクを右フ...
-
インラインフレームへのリンク...
おすすめ情報