ドロップダウンメニューの作成について

前へ 次へ
このQ&Aのポイント
  • javascriptのドロップダウンメニューの作成について質問させてください。現在、あるサイトでグローバルナビゲーションにドロップダウンメニューを実装しようとしているのですが、壁にあたってしまいました。
  • 例えばこのメニューのDownloadというページをクリックしてDownloadページに自分がいる時はDownloadのドロップダウンメニューを非表示にしたいのですが、経験が浅いため解決策がわかりません。
  • このような事例のサンプルを紹介しているサイトをご存知の方や、解決策を教えていただける方がいらっしゃいましたら、ご意見をいただきたいです。
回答を見る
  • ベストアンサー

ドロップダウンメニューについて

javascriptのドロップダウンメニューの作成について質問させてください。 現在、あるサイトでグローバルナビゲーションにドロップダウンメニューを実装しようとしているのですが、壁にあたってしまいました。 ↓参考サイト http://jsajax.com/EditRunDemo.aspx こういったドロップダウンメニューなのですが、これを例にあげさせてもらうと、例えばこのメニューのDownloadというページをクリックしてDownloadページに自分がいる時はDownloadのドロップダウンメニューを"出さない"ということがやりたいのです。 自分なりに色々とやってはみたものの、javascriptの経験が浅いので正直なところよくわからないのが現状です。 どなたかこのような事例のサンプルを紹介しているサイトをお知りの方、もしくは解決法をご教授いただければ幸いです。 そこまで至らなくてもどのような手法を取ればできそうかということだけでも良いのでご意見をください。 よろしくお願いします。

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

  • ベストアンサー
回答No.1

「参考サイト」をクリックしてみると、「Session is Nothing (Standalone IE6 Bug!) 」と表示されて何も表示されない状態ですね。 IE8 でも Firefox でも同じです。 おっしゃりたいことは何となくわかるのですが、ソースがわからないと具体的なアドバイスのしようがありません。色々とやってみたとありますので、ソースを書くか、Web にサンプルをアップしてリンクすると適切な回答がつくかもしれませんよ。 現在いるページは document.location か document.URL で取得できますから、それで条件分岐させるといいと思います。

yuki7649
質問者

お礼

ご指摘のとおり参考サイトが見れない状態で申し訳ありません。 改めて参考サイトを別に用意して質問し直したいと思います。 ご指摘とアドバイスありがとうございました。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • 特殊なドロプダウンメニューについて

    javascriptのドロップダウンメニューの作成について質問させてください。 現在、あるサイトでグローバルナビゲーションにドロップダウンメニューを実装しようとしているのですが、壁にあたってしまいました。 ↓参考サイトです http://flatone.s206.xrea.com/index.html こういったドロップダウンメニューなのですが、これを例にあげさせてもらうと、例えばこのメニューのページ1というページをクリックしてpage1ディレクトリ以下に自分がいる時はページ1ボタンのドロップダウンメニューを"出さない"ということがやりたいのです。 自分なりに色々とやってはみたものの、javascriptの経験が浅いので正直なところよくわからないのが現状です。 どなたかこのような事例のサンプルを紹介しているサイトをお知りの方、もしくは解決法をご教授いただければ幸いです。 そこまで至らなくてもどのような手法を取ればできそうかということだけでも良いのでご意見をください。 よろしくお願いします。

  • ドロップダウンメニューのメニュー項目の外部管理方法

    お世話になります。 http://jsajax.com/DropDownMenuArticle286.aspx 上記のサイトにあるドロップダウンメニューのサンプルはトップメニューは<li>タグ、ドロップダウンメニューは<div>タグで宣言するようになっているのですが、今回はサーバーがPHPとSSIが使えないのでincludeができないのです、そこでcssの外部ファイルにメニューデータを格納してそれを渡したいと思っているのですがそういった方法ってありませんか？

  • タブレットのドロップダウンメニューについて

    会社のWebの管理をしていますが、５年前に作ったサイトはJavaScriptを使ってドロップダウンにしました。 しかしタブレットではドロップダウンメニューが開かずページの遷移ができません。 メニューを修正してタブレットやスマホでもリンク先のページに遷移させるのにはどうしたら良いか教えて下さい。 商品のところはドロップダウンで20個程表示されます。 Webについてはほぼ素人でHTMLとCSSは独学で勉強し、JavaScriptは本やサイトのサンプルデータを使わせていただいていて、内容についてはあまり理解していません。 タブレットやスマホではそもそもドロップダウンメニューが使えないようなのですが。 サイトで検索しましたが、今一参考にできそうなサイトにたどりつけませんでした。 アドバイスよろしくお願いします。

  • ドロップダウンメニューのドロップ元画像の選択状態

    こんばんは。 いま、下記サイトでのソースをつかわせていただき、ドロップダウン メニューを作成しています。 http://jsajax.com/DropDownMenuArticle286.aspx ジャバスクリプトのわからない自分でも作るところまでは できました。 今回、教えていただきたいのはドロップするメニューの元になる 画像または、文字の選択状態についての質問です。 横に並べたグローバルナビゲーション等にカーソルがのると ドロップしメニューがでてくるのですが、そのドロップしたメニューに カーソルを合わせるとドロップ元の画像の選択状態が解除されてしまい ます。 ドロップしたメニューにカーソルがのっている間もドロップ元の 画像やテキストをオーバーした状態でたもちたいのですが どうすればいいかわかりません。 ＣＳＳであたり判定の制御等は難しいとおもうので、ジャバスクリプト 側での制御になるのではないかとおもうのですが。。。 制御方法または、参考になるようなページ等知っておられる方 おられましたら、お教えいただけませんでしょうか。 よろしくおねがいします。

  • JavaScriptでプルダウン(ドロップダウン)メニューを作りたい！

    JavaScriptでプルダウン(ドロップダウン)メニューを作りたいのですが、 http://www.openspc2.org/reibun/JS_TipsAndTricks/menu/002/index.html このサイトを参考に作ってみたのですが、 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> これを頭に入れるとうまく行きません。 これはどうしても必要なので、どうにかこれ入りで作りたいです。 どうしたら良いでしょうか？ 理想はこんな感じです http://jsajax.com/DropDownMenuArticle286.aspx あと、JavaScriptは外部ファイルで作りたいです。 上記のサイト以外に参考サイトなどありましたら、とてもありがたいです! よろしくお願いいたします!!

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

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

  • ドロップダウンメニュー。

    個人でＨＰを運営しているのですが、 この度、フレーム機能とドロップダウンメニューを使用してページを製作しました。 ところが、メニューから項目を選んでクリックしてちゃんと表示されるのですが、クリックしても何も表示されない部分（メニューの中の最初の表示部分や、ｈｔｍなど設定されていない部分）も何故か、何にもない真っ白なページが表示されてしまいます。 ドロップダウンメニューのソースはサンプルから頂いてきて、自分なりに何とか形になったのですが、上記のトラブルを解消するほどの知識がありません。 何卒、ご教授お願いいたします。 http://www003.upp.so-net.ne.jp/tochio-cinema/cinema_review.htm の右上にあるドロップダウンメニューです。 メニューの中の　ＬＡＳＴ　ＵＰＤＡＴＥと、その下の6/26をクリックすると、下のフレームが真っ白になってしまいます。

    • ベストアンサー
    • HTML
  • HTML ドロップダウンメニュー　教えてください！

    ナビゲーションのドロップダウンメニューを作りたく、 ↓↓このサイトを流用し、こんな感じで、↓↓ http://ezorisu-web.com/web-design/archives/356 試行錯誤しています。 現在作っているサイトが、flashに重なって半透明の透過PNGのナビゲーションがあり、IE6でも半透明に見えるよう、ジャバスクリプトを使用しています。 ここで、ジャバスクリプトを使用しているのが原因かわかりませんが、ジャバスクリプトを使用したドロップダウンメニューをつくろうとするとPNGが半透明じゃなくなってしまいます。 そのため、現在、上のサイトを参考にCSSだけでのドロップダウンメニューを作っているのですが、上のサイトどおり作ると、IE6が、ドロップだうんしません。 何かいい方法はないでしょうか？？ ※↓ジャバスクリプトは↓ここからダウンロードしました。 http://monodez.com/create/pngfix.html

  • ドロップダウンメニュー

    http://www.microsoft.com/japan/ ↑のページの右上の方にある、マウスカーソルを持っていくとドロップダウンメニューが表示される方法を知りたいのですが、どなたか教えてもらえませんか？ JavaScriptで実現できるのかどうかも分かっていないので、もしかするとこのカテゴリへの投稿も間違っているかもしれませんが・・・。 宜しくお願いします。

  • ？？？ドロップダウンメニューが出ない！！！

    ドロップダウンメニュー http://allabout.co.jp/gm/gc/416557/ 最近、カテゴリーのタブからドロップダウンメニューが出ないので、このサイトを見る気が失せました。 皆さんはどうですか？ ※ マイページ のタブはドロップダウンメニューがでます。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する