• ベストアンサー

メニューが隠れるのを防ぐ方法

JavaScriptを使用してナビゲーションメニューや擬似プルダウンメニューを作成したのですが、 メニューが展開された先にHTMLのselectボックスがあると メニューがセレクトボックスの下に隠れるように表示されてしまい困っております。 メニューが隠れない方法はありますでしょうか?

質問者が選んだベストアンサー

  • ベストアンサー
  • leaz024
  • ベストアンサー率75% (398/526)
回答No.2

selectボックスが他のオブジェクトを無視して最上位に表示されてしまうのは、IEのバグのようです。(参考URL参照) 正しい動作をさせるのは無理なので、レイアウトを変更するか、プルダウン表示時に select を visibility:hidden にするなどして対処するしかないようです。

参考URL:
http://cssbug.at.infoseek.co.jp/detail/winie/b112.html
kuruppo
質問者

お礼

ご回答ありがとうございます。 確かにIEエンジン以外のブラウザでは希望どうりに表示されました。 IEエンジンだとやはりダメな様です。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (1)

  • Ulu_lun
  • ベストアンサー率26% (269/1019)
回答No.1

ナビゲーションメニュー部分を別フレームに置くという対処はいかがでしょうか

kuruppo
質問者

補足

ご回答ありがとうございます。 リストメニューとセレクトボックスの間をフレームで区切る事は出来るのですが、 JavaScriptで作成したリストメニューだとフレームを超える事が出来ない様になっております。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • selectボックスのプルダウンメニューを上方向へ表示する方法

    すみません、どなたか教えて下さい。 selectボックスのプルダウンメニューを上方向へ表示することは可能でしょうか? ハンディーターミナル用に開発しているのですが、ページ下の方にあるプルダウンを選択すると1度ページ移動?するため、プルダウンのメニューが表示されず、2度選択しないといけません。 JavaScriptで対応可能でしょうか?それとも何か別の対策があれば教えて下さい、よろしくお願いします。

  • プルダウンメニューについて

    知人から頼まれホームページを作成しています。 javascriptでプルダウンメニューと打ち出し画像の両方を使うとうまく表示されません。 グローバルナビゲーション(プルダウンメニュー)のすぐ下に打ち出し画像がくるレイアウトになります。 打ち出し画像が邪魔をしてプルダウンのサブメニューが表示されません。 【プルダウンメニュー】 http://www.kriesi.at/wp-content/extra_data/suckerfish_tutorial/step4.html 【打ち出し画像】 http://jonraasch.com/blog/a-simple-jquery-slideshow 上記の2つを組み合わせ、プルダウンの伸びたメニューが打ち出し画像に重なり、動かすことは可能でしょうか? HTMLとCSSの知識はありますが、プログラムの知識はありません。 よろしくお願いします。

  • JavaScriptでのSELECTプルダウンメニュー

    JavaScriptでHTMLで言うところのSELECTプルダウンメニューを作成するには、どのようなコードを書けばよろしいのでしょうか? 御存知の方、参考になるサイトなどがありましたら教えてください。 お願いします。

  • 同じプルダウンメニューの外部化

    フォームのプルダウンを使用して メニューを作成しているのですが、 ソースが長くなってしまうのでなんとかJavaScriptで外部化出来ないかと考えております。 <select> <option>A</option> <option>B</option> <option>C</option>     ・     ・     ・ </select> 上記の様なイメージのselectが1000個くらい必要となり かなりずらずらと書かなければなりません。 そこで、<option>の中身を外部のJavaScriptファイルから読み込んで表示出来ないかと思っています。 なにか良い方法をご存じの方いらっしゃいましたらご教授下さい。

  • WindowsXPライクなドロップダウンメニュー

    windows osのような プルダウンメニューをウェブページのナビゲーションとして再現したい です。 windows osのような プルダウンメニューとは ファイルメニュー -> 新規作成 というようなアレです。 特に欲しい機能としては、プルダウンメニューを表示している状態で メニュー外の部分をクリックすると、プルダウンメニューが 閉じるという動きです。 javascript プルダウンメニュー で検索すると それらしいメニューのサンプルはでてきますが、 そういうのは見つかりませんでした。。 WindowsXPライクなドロップダウンメニューのADxMenuというツールを発見したのですが リンク先を見ると、webページがみれません。 このサイトは無くなってしまったのでしょうか。。 また代替ページか似たようなツールはないでしょうか。 意味不明でしたら加筆修正しますのでよろしくお願いします。

  • プルダウンメニューの選択時のリンク先について

    「プルダウンメニューから選択すると、別ページにリンク」するページを 作成したいです。 以下の様に途中まではできたのですが、 「フレームを使わず、同じウインドウの別の箇所にリンク先を表示  ※プルダウンメニューはそのまま表示」 がどうしてもできません。xmlで作成している関係上、phpも使えません。 何か方法はありませんでしょうか。 <SCRIPT LANGUAGE="JavaScript"> <!-- function menuLink(linkLoc) { if(linkLoc !="") {window.aaa.location.href=linkLoc;} } //--> </SCRIPT> <form> <SELECT onChange="menuLink(this.options[this.selectedIndex].value)"> <OPTION SELECTED>Select</OPTION> <OPTION value="">××</OPTION> <OPTION value="">●●</OPTION> </SELECT> </form>

  • プルダウンメニューの作成方法

    以下のようなテーブル構造で、「あ」の部分にはFireworksで作成した、プルダウン型のメニューバー(JavaScriptで動作)が入り、「い」の部分にはFlashコンテンツが入っています。 「あ」のプルダウンは上から下に向かって「い」のFlashコンテンツ上に表示させたいのですが、これはできないのでしょうか? ┌───────┐ │   あ      │ ├───────┤ │   い      │ │          │ └───────┘ 「い」の部分にFlashではなく、通常のイメージ(GIFなど)を入れている時は、問題なくプルダウンできていたのですが、Flashのコンテンツに変えると、プルダウンメニューが表示されません。 原因・もしくは解決法をお教え頂けると幸いです。

  • disableとすることなく、ユーザによる変更操作をjavascriptで無効化する方法を教えて下さい。

    <selectタグで作ったプルダウンメニューと、 <input type="checkbox"で作ったチェックボックスとについて教えて下さい。 何れも、disableとすると表示色が変わり、 しかも、プルダウンメニューの方は <formを介して送信されるvalueが正常ではない場合があるようです。 そこで、プルダウンメニューとチェックボックスとの何れも、 disableとすることなく、ユーザによる変更操作をjavascriptで無効化したいのですが、やり方が分かりません。 ご存じの方、どうかよろしくお願い致します。

  • プルダウンを2つ以上並べる時に間隔を開けない方法

    javascriptでプルダウンメニューを作成します。 何も指定しない状態でプルダウンメニューを横に2つ並べると、 ボックスとボックスの間隔が開いてしまうので、 marginを指定するなどして、このスペースをなくしたいと思うのですが、 調べても方法がわかりませんでした。 ボックス2つで2桁の数字を表現したので、できればくっつけて表示したいと思っています。 htmlに直接記述、CSSを使用など方法は問いませんので、 分かる方がいらっしゃいましたら、ご教授よろしくお願い致します。

  • プルダウンメニューからチェックボックスを表示したい

    php、javascript、mysqlを使用し、プルダウンで選択後、チェックボックスを表示させる仕組みを作りたいのですが、 どうすればよいのか分かりません。 どなたか力を貸して頂きたく思います。 例えば下記のようなTBLがあったとします。 ■TBL:oya  oyaコード  10  20  30 ■TBL:ko  oyaコード    koコード  10        1100  10        1200  10        1300  20        2100  20        2200  30        3100 TBL 「oya」 をプルダウンメニューにセット。 プルダウンメニューを選択する度にTBL 「ko」を呼び出し、同ページ内にチェックボックスとして表示させたいと考えています。 例) ・10が選択されたら  「1100」、「1200」、「1300」のチェックボックスを表示する プルダウンメニューへのセットは出来たのですが、プルダウン選択後の「ko」を呼び出す箇所が分かりません。 php Mysql javascript で実現したいと考えております。 サンプルページでもいいですので、何かありましたら教えて下さい。 お分かりになる方よろしくお願いいたします。