• ベストアンサー

左フレーム内のリンクを右側に表示させたい

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を表示しているようです。 全てのページで同じものを同じ位置に表示していれば、それ以外の部分だけが変わった様に見えるのと同じです。

その他の回答 (4)

回答No.4

教えて "iframe" はIEでは使えますが、ネットスケープの場合昔は使えなかったのですが 使えるようになったのでしょうか。

  • gura_
  • ベストアンサー率44% (749/1683)
回答No.3

 このページは、お考えのようなページにはなっていないようです。  「HTMLソース」をご覧になれば分かりますが、iframeの中に目次となるこのページが入っています。↓ http://www.rakuten.ne.jp/gold/hotclothing/sidemenu.htm  各ページに、目次となるこのiframeのページが入っていて、iframe内の目次からのリンクするとき、 TARGET="_parent" でそのページを閉じて、iframe目次ページの入った「新しいページ」を開くようになっているようです。  この機会に、「HTMLソース」の勉強をされたら如何ですか。  なお、普通にするなら、こちらをご参考に↓ http://hpb.cool.ne.jp/hpbuilder/hp_frame.htm http://www.tagindex.com/html_tag/frame/a_target.html 

  • STICKY2006
  • ベストアンサー率29% (1536/5269)
回答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"が表示されます。

gomafu1214
質問者

補足

早速のご回答有難う御座います。 申し訳ないのですが、全ページにヘッダー部があり、ページ全体を2分割するとヘッダーが入らなくなってしまいました。 やはりこの方法しか無いでしょうか?そしてやはり、右側にもフレームをセットしないとならないのでしょうか? 何度も申し訳御座いません。

関連するQ&A