メニューの内容

質問

フレームで、ヘッダー　左メニュー　右メインページとしている３分割のものを作っています。
左メニュー（○○○とする）

○○○―×××
　　　　＼△△△

○○○にマウスを持っていくと、×××　△△△が表示され、×××　△△△をそれぞれクリックすると、右メインページに表示されるようにするにはどうしたらいいでしょうか？
できるだけ簡単なほうがいいですが、どのようなやり方でも構いません。
教えてください。
（質問する場所が違っていたらすみません）

回答No.1

peron · ベストアンサー

下記ＵＲＬの68番にメニューのサンプルがあります

フレーム名をヘッダーがtop、左をleft、右をrightとします
<FRAME src="○○.html" name="right" ～>
のrightですね
下記のＵＲＬのサンプルを改造したものをフレームのleftに読み込ませますが、サンプルではリンクがありません
そこで、そのサンプル中の<LI>要素の中を
<A herf="○○.htm target="right">リンクです</A>
とすればフレームの右側が変更されます

ただし、改造する場合JavaScriptより高度なDOM (Document Object Model: 文書構造制御モデル)
の知識が必要です
このサンプルの場合　見出しをクリックしなければ下層のリストを展開しません（マウスオーバーで展開するのは、改造すれば出来ますが、リスト展開を閉じるのには、クリックで展開、クリックで閉じるとした方が良いと思います）

参考URL：

http://home.impress.co.jp/books/urawaza/tipsbook2/

お礼

ありがとうございます。参考にします。

回答No.2

N_A_O

下記URLは2個を組み合わせて書き直せば簡単なんだけど、IEのみなんだよね。
http://www.openspc2.org/reibun/JS_TipsAndTricks/menu/002/index.htm
http://www.openspc2.org/reibun/JS_TipsAndTricks/menu/004/index.htm

NetscapeもSafariもIEと同様に動くのは下記参照。配置を縦になる様に直せばOK。
http://www.dynamicdrive.com/dynamicindex1/tabmouseover.htm

お礼

ありがとうございました。参考にします。