WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:プルダウンメニュー+フレームの表示

0:[投稿] Risa [2005/06/16 13:46 ][環境:IE6 Win2000 分からない]

はじめまして。わたしは個人的な、ひどく初歩的なHPの作成は行ったことはありますが、JavaScriptを初めて手がけました。つまりJavaScriptに関してはほとんど初心者です。
今回プルダウンメニューを使用してページを作成しました。そしてそのページをiframeのなかにリンクしたいと思ったのですが、IEでは正常に動作するのですが、ネスケやfirefoxなどでは何故かサブメニューをクリックできない(フレームにかかる部分がクリックできない)のですが、どのようにしたらいいかアドバイスをお願いします。もしくは出来ないのでしょうか?フレームに掛かっていない場所ではクリック可能なので、動作自体に問題があるわけではないようなのですが。念のため、以下が使用しているタグです。企業用に作成している物なので、IEのみというわけにはいかなくて…。
なお、css/jsは外部ファイルです。
--------html---------------
<body>
<div class="menu">
<div id="menu1">
<a href="01.html" class="menuhead">MENU</a>
<div class="submenu" id="submenu1">
<a href="01.html">Menu1</a><span>|</span>
<a href="02.html">Menu2</a><span>|</span>
</div>
</div>
</div>
<iframe src="top.html">
</iframe>
</body>
---------css---------------
div.menu {
font-size: 13px;
background: #000000;
height: 2em;

position:relative;
top:0px;
left:0;
}
div.menu a{
color:#ffffff;
text-decoration: none;
display: block;
line-height: 2em;
width: 100px;
text-align:center;
}
div.menu a:hover{
color:#000000;
background: #c0c0c0;
text-decoration: none;
}
div.menu span{
display:none;
}
div.submenu a{
background-color: #000000;
border-top: 1px solid #ffffff;
}
#menu1{
position:absolute;
top:0;
left:0;
}
div.submenu {
visibility: hidden;
position: absolute;
left: 0px;
}
--------js---------------
function MenuOn(x){
obj=document.getElementById
("submenu"+x).style.visibility="visible";
}
function MenuOff(x){
obj=document.getElementById
("submenu"+x).style.visibility="hidden";
}
--------------------------
よろしくお願いします。長々と読んでいただきましてありがとうございました。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World