オンマウスでメニュー表示。

[新着] TAG indexオフライン版 3.0 を準備中です

0   名前： ちょび ： 2004/11/21 16:58   ［URL］
はじめまして。
JavaScriptを使って、画像にマウスを乗せるとメニューが表示されるというものを作ったのですが、
IE（6.0）では正常に表示されるのに、NN（7.1）では正常に表示されないという問題に悩まされています。

サンプル→http://chobige.client.jp/test.html

サンプルを見て頂けると分かりやすいと思いますが、
NNで見た際に『画像A』にマウスを乗せると『画像B』『画像C』『画像D』が表示されるのですが、
『画像B・C・D』にマウスを持っていこうとして『画像A』から離れると『画像B・C・D』が消えてしまいます。
IEではきちんと表示されます。
もちろんIEでもNNでもJavaを有効にしています。
どなたか分かる方がいましたらヨロシクお願い致します。

ちなみに、無料HPスペースにサンプルがあるので、下に広告が載っていますが気にしないで下さい。
1   名前： C-- ： 2004/11/22 08:02   ［URL］
onmouseout="hide('menu1');"
おそらくこれがいけないのでは?
この設定では、画像Aから離れるとメニューを隠すことになってしまう。
これを消してやってみてください。

ただ、これでは複数作ったときに残ってしまうかもしれない。
そのときは、変数を使ってやってみれば良いかも。

後は詳しい人にお願いします。
2   名前： むむりく ： 2004/11/22 13:27
単純に、iframe を 入れたテーブルと重ならないようにすればいけるかもです。

でも、それでは、きっと意図するデザインじゃないのでしょうね…
3   名前： ちょび ： 2004/11/22 18:38   ［URL］
C--様、むむりく様、ご返信ありがとうございます。
onmouseout="hide('menu1');"を消してやってみたのですが、やはりNNだとうまく表示されませんでした。
ということで、変数を勉強してみたいと思います。
それで、大変あつかましいとは思いますが、もし、お暇な時間が有り、気が向いたらで構わないので、具体的な変数を教えて頂けますでしょうか。

それと、むむりく様のご指摘にあった通りこのiframe（ふつーのフレームも）が曲者で、
フレーム分けしなければ、正常に表示される方法をとあるサイト（←どこのサイトかは忘れてしまいました。）で見つけました。
4   名前： くこひ ： 2004/11/22 22:18
単純な方法ではNNではフレーム越えはできない。と、考えたほうがよいですよ。
かなり高度で複雑なことをすればできるとは聞いたことがありますが…
5   名前： くこひ ： 2004/11/22 23:01
↑4の発言を訂正します。
インラインフレーム越えのメニューサンプルを紹介します。
http://www.hiermenuscentral.com/samples/iframe.html

IE6.0、NN7.1、Firefox1.0で動作確認をしました。
6   名前： ちょび ： 2004/11/23 16:26   ［URL］
くこひ様、ご返信ありがとうございます。
早速教えていただいたサイトへ行って確かめてみました。
そして、とりあえず作ってみようと思ったのですが、Javaはなんとかなったのですが、そのJavaをHTML内で表示させる方法が分かりませんでした…。
それと、ひとつ気が付いた事があるのですが、IEでは正常に表示されましたが、
NNだとメニューを出した状態でiframe内にマウスがあるとメニューが消えないと言う症状が現れました。

サンプル２→http://chobige.client.jp/test2.html

サンプル２でも同じ症状がでます。
ちなみに、サンプル２ではIEでもiframe内にマウスがあるとメニューが消えづらいです。
正常に表示させるには多少コツがいります。

それと、今さらで申し訳ございませんが、サンプル２は最初のサンプルのJavaよりも以前にとあるサイトで見つけた方法で、
この時にうまくいかなかったので、最初のサンプルのJavaを使い、それでもうまくいかなかったので、
この掲示板に助けを求めた次第です。
一覧へ戻る