- 締切済み
クリックすると目次をドロップダウン表示
http://www.kanzaki.com/docs/html/accessible.html このページのように、見出しの右をクリックすると目次をドロップダウン表示させるにはどうすればよいのですか？ CSSなのかJAVAなのかJavaScriptなのか分からなかったので、とりあえずHTMLカテゴリに書きこませていただきました。
- selfless
- お礼率28% (579/2033)
- HTML
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- ORUKA1951
- ベストアンサー率45% (5062/11036)
javascriptでスタイルシートを書き換えている。 firefox+fireBugで、該当する目次を開いた状態で見つけ、その要素のidをスクリプト内で検索すると簡単に見つかります。 javascriptを使わなくても、各sectionにcontentTableを書くと可能ですね。 そのページでは、javascriptを使ってページの末尾のtableContentをウィンドウの中央付近に移動させています。
関連するQ&A
- ドロップダウンメニューについて
JavascriptやJquoryを使わずにcssのみで、動きのあるドロップダウンメニューを作ることができました。 しかし、スマートフォンなどのタッチデバイスで動作確認をすると、メニューからサイドメニューが出っぱなしの状態になってしまい、引っ込んでくれません。 メニューの部分をクリックして開閉できるようにすればいいのでしょうか。やり方を教えて下さい。また、Javascriptを無効にしてる方でも問題なく使えるようにしたいです。
- 締切済み
- CSS
- タブレットのドロップダウンメニューについて
会社のWebの管理をしていますが、５年前に作ったサイトはJavaScriptを使ってドロップダウンにしました。 しかしタブレットではドロップダウンメニューが開かずページの遷移ができません。 メニューを修正してタブレットやスマホでもリンク先のページに遷移させるのにはどうしたら良いか教えて下さい。 商品のところはドロップダウンで20個程表示されます。 Webについてはほぼ素人でHTMLとCSSは独学で勉強し、JavaScriptは本やサイトのサンプルデータを使わせていただいていて、内容についてはあまり理解していません。 タブレットやスマホではそもそもドロップダウンメニューが使えないようなのですが。 サイトで検索しましたが、今一参考にできそうなサイトにたどりつけませんでした。 アドバイスよろしくお願いします。
- 締切済み
- JavaScript
- ドロップダウンメニュー
http://www.microsoft.com/japan/ ↑のページの右上の方にある、マウスカーソルを持っていくとドロップダウンメニューが表示される方法を知りたいのですが、どなたか教えてもらえませんか？ JavaScriptで実現できるのかどうかも分かっていないので、もしかするとこのカテゴリへの投稿も間違っているかもしれませんが・・・。 宜しくお願いします。
- ベストアンサー
- JavaScript
- ドロップダウンメニューについて
javascriptのドロップダウンメニューの作成について質問させてください。 現在、あるサイトでグローバルナビゲーションにドロップダウンメニューを実装しようとしているのですが、壁にあたってしまいました。 ↓参考サイト http://jsajax.com/EditRunDemo.aspx こういったドロップダウンメニューなのですが、これを例にあげさせてもらうと、例えばこのメニューのDownloadというページをクリックしてDownloadページに自分がいる時はDownloadのドロップダウンメニューを"出さない"ということがやりたいのです。 自分なりに色々とやってはみたものの、javascriptの経験が浅いので正直なところよくわからないのが現状です。 どなたかこのような事例のサンプルを紹介しているサイトをお知りの方、もしくは解決法をご教授いただければ幸いです。 そこまで至らなくてもどのような手法を取ればできそうかということだけでも良いのでご意見をください。 よろしくお願いします。
- ベストアンサー
- JavaScript
- Javascriptなどでドロップダウンさせる場合
例えば階層式のナビゲーションをJavascriptを使ってドロップダウンにする場合などに、マウスオーバーで表示する部分を隠す方法なのですが、 現在わたしはHTMLでは、隠す部分も含めて全て書いておいて、一旦表示してからJavascriptで非表示にしています。 そうするとページ読み込み時に一瞬隠す部分が表示されてから消えます。 はじめからCSSでdisplay:noneなりをすれば表示されませんが、その方法だとSEO上不安です。 隠す部分をHTMLには書かずに、あとからJavascriptで追加する方法も考えましたが、HTMLにメニュー部分が含まれないことになってしまうので、これもSEO上良くないと思います。 上記のほかに、良い方法は無いでしょうか？
- ベストアンサー
- JavaScript
- 右クリックしたときに出てくるドロップダウンリストを消えないようにしたい。
アプリケーションでもエクスプローラ上でも右クリックしたら、灰色のドロップダウンメニューが出てきます。 しかし、このメニューはどこか別の場所をクリックしたら消えてしまうのですが、私が何らかの指示が出るまで出た状態が維持するようにしたいと考えています。 その理由はこのメニューのアイテム取得を行おうとしたとき、どうしても別の場所をクリックする必要があるため、このメニューの情報を取得することができないためです。 ですので、別の場所をクリックしてもドロップダウンメニューが消えなくなるようにするソフトでもありましたら、教えてください。 よろしくお願いします。
- ベストアンサー
- フリーウェア・フリーソフト
- CSSのドロップダウンメニューが見出しで切れる
CSSでドロップダウンメニューを作りました。 ページの上部に横並びの状態です。 メニューを押すと下に4項目程度のリストが下がってきます。 今まで本文の見出しには<h1>タグを使用せず画像でのみで作っており、リストには影響がありませんでした。 <h1>を使用しCSSで装飾したところ、ドロップダウンメニューの<h1>にかぶる部分が切れてしまいます。 解決策はありますでしょうか。 宜しくお願い致します。
- ベストアンサー
- CSS
- 特定のドロップダウンリストを表示させるには？
ホームページで、メールフォームの一部にドロップダウンリストを使用しています。通常はユーザーの方にリストから一つ選んでもらっているのですが、特定のリンク元からメールフォームのページに飛んだときにのみ、あらかじめ指定のリストを選択状態にしておきたいと考えています。 つまり、デフォルトのドロップダウンリストを表示させる場合と、それとは異なるリストを表示させる場合とを使い分けたいのですが・・・可能でしょうか。 HTMLか、JavaScriptか、CGIか・・・いろいろ調べてみたのですが、分かりませんでした。 どなたか、教えてください！！
- ベストアンサー
- HTML
- ドロップダウンメニューのプログラムを教えて・・・
今非常に困っています・・・。 プログラムのどの本を見てもドロップダウンメニューのプログラムが無いし、インターネットで検索してソースコードを貼ってみても、全然動きのあるドロップダウンメニューにならずに、単なる縦列横列のリンクになってしまい、ドロップダウンメニューを作れません。 今現在JavaScriptでドロップダウンメニューの着いた自分用のＨＰを作りたいと強く思っているのですが、下のようなプログラムの中にドロップダウンメニューを入れるためには、どのように入力したら良いのかご教授願えないでしょうか？。 非常に身勝手な質問とは承知しているのですが、画像のイメージは添付ファイルの通りで、縦と横にそれぞれメニューが出てくるようにしたいです・・・。 ご回答をお待ちしております。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> <title></title> <script language="JavaScript"> </script> <body> <form name=""> </form> </body>
- ベストアンサー
- その他(ソフトウェア)
- JavaScriptを使用する入れ子のドロップダウンメニューについて
仕事で、入れ子のドロップダウンメニューを作成することになりました。 入れ子でなく、通常のドロップダウンメニューを、 こちらのWebサイト↓ http://exyz.cocolog-nifty.com/good_sleep/2007/09/javascript_8131.html を拝見させて頂き、作成したのですが、 こちらの方法を応用して入れ子にしようとすると、 ドロップダウンメニューが使い物にならないものになってしまいます。 参考としては、こういったものを作りたいと考えています↓。 http://www.ebase.co.jp/solution/index.html こちらのWebサイトの、左側のメニューです。 カテゴリによって、２段になってます。 いろいろなサイトを調べてみましたが、 CSSによるものしか見当たらず、かつサンプルが、私のブラウザ(Sleipnir、IE)では見ることが出来ませんでした。 参考サイトのように、綺麗なドロップダウンメニューにするには、 一体どうしたらいいのでしょうか。 また、参考サイトは、親メニューの部分だけが画像で、 子メニュー部分は全てテキストになっていますが、 この、子メニューも画像で入れ子のドロップダウンメニューを 作成することは可能でしょうか？ 分かりにくい質問で申し訳ございません。 よろしくお願い致します。
- 締切済み
- JavaScript
