アプリ版:「スタンプのみでお礼する」機能のリリースについて

http://www.rakuten.ne.jp/gold/hotclothing/
HPを作成中でして上記ページのように、左側のメニュー部分を別ページで作ってメニューをクリックすると右側部分に表示されるように作るにはどうしたらよいでしょうか?
試しにテーブルを作って左セルにiframeをセット。呼び出すページはiframeを設定したセルに表示されてしまいます。
あくまでも左にはメニューを置き、ページ右側が切り替わる様に作りたいのですが方法が分かりません。
ソフトはHPビルダー10を使っています。ちなみに「リンクの設定」の「ターゲット」をいじってみたのですが、右側に表示されませんでした。色々調べてみたところ、親フレームに表示させれば・・・という所迄調べたのですが設定の仕方もそれが合ってい
るかも分かりません。どなたかご存知の方がいらっしゃいましたらお教え下さい。
説明がへたくそですみません。

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

教えて


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

 このページは、お考えのようなページにはなっていないようです。



 「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. … 
    • good
    • 0

こんばんちくは。



ちょっと急ぎ気味なので微妙な回答を残していきます。。。(汗

>>親フレームに表示させれば・・・という所迄調べたのですが設定の仕方もそれが合ってい

iframe内のリンクで
<a href ="http://www.hogehoge.html" target ="_parent">
とかでどうでしょ。

>>全ページにヘッダー部があり、ページ全体を2分割するとヘッダーが入らなくなってしまいました。

3分割して、ヘッダー部分のみは、一番上に、それ以外を左右に分けるとかも、考えられますね。


もうちょっとお勉強してくと、スタイルシートのみで配置を操作することも可能です。
    • good
    • 0

フレームを使ってください。



<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分割するとヘッダーが入らなくなってしまいました。
やはりこの方法しか無いでしょうか?そしてやはり、右側にもフレームをセットしないとならないのでしょうか?
何度も申し訳御座いません。

補足日時:2007/12/04 18:58
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!