- ベストアンサー
折りたたみ式メニューの作り方
使用環境 Windows XP Sotec IBM HP Builder V7 IE6 ホームページ作成中です。その中に、折りたたみ式メニューとでも言うのか何と言うのか分かりませんが、ある文字列をクリックしたらその下に何行かのメニューがぶら下がるように出てそれぞれの行にリンクを挿入しようとしています。もう一度クリックしたらぶら下がったメニューが閉じる仕組みです。そう言う仕組みを何と言うのか名称も分からない為、ヘルプで探そうにも探せません。 どなたか教えて下さい。
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (3)
- twbb
- ベストアンサー率42% (76/179)
ツリー型か階層型のメニューを言われているのかと思いますが、 検索サイトで、「ツリー型メニュー」や「階層型メニュー」などで、 検索されると、参考になるページが見つかると思います。 では。
お礼
twbbさん、回答ありがとうございます。実は既に他の方に答えを示して頂きました。しかし、それを使う人(私の事です)に有る程度のノウハウが無ければ実現できない事も知りました。いずれにしましても連絡ありがとう御座いました。階層型ツリーと言う名称も分かって嬉しいです。
- shy00
- ベストアンサー率34% (2081/5977)
＞HP Builder V7で既に色々なJavaScriptが挿入されていて そういうときは、すでにある<script>の中に入れずに 現在ある</script>の下に、新たに<script>を記述してみては？ ただ、あまり１ページにいくつも<script...>の記述あると重くなりませんか？(^＾; ＞HTML, CSS, JavaScript, CGI など全般的に学習する為の本や、URL 全体的に記載のあるのは有名な「とほほのＷＷＷ入門」 http://tohoho.wakusei.ne.jp/www.htm は有名ですよ
お礼
shy00さん、再回答ありがとう御座いました。おっしゃるとおり、HP Builder V７で自動的に作られ<script>とは別個の<script>枠を設けて</head>の直ぐ上に挿入したのですが、とんでもないところへリンクしてしまいます。今の私のレベルでは、無理なのかもしれません。JaveScriptって重いのですか？そうでしょうね、複雑な表示を可能にする訳ですから。 いずれにしても色々助言ありがとうございました。 ps.『とほほ』のHPは、HP学習の為、色んなHPをうろつきまわっていて、既に辿り着いています。何かあれば大抵参考にさせていただいておりますが、彼の記載内容は大学の情報工学のテキストにでも使用できるかと思われるほどその記述範疇は広範囲で内容的にも専門的です。あの内容を理解するにはかなりの予備知識が無ければ到底私のような度素人には使いこなせる資料とはなりえません。でも、善意なる助言ありがとう御座いました。 私も、あなたのような水準に少しでも近づけるように遅くとも着実に学習していきます。これからも、何かあったら宜しくご教授下さい。
- amukun
- ベストアンサー率31% (611/1955)
「折りたたみ式メニュー」とは、ドロップダウンメニューといいます。 私自身はＨＰビルダーなどのソフトを使わずに「タグ書き」でＨＰを作っているので、「ＨＰビルダー」でそのような機能があるかどうかはわかりません。 あなたがタグ書きで挿入できるなら、以下のタグで作れるんですが。 <select> <option selected>メニューの表示名</option> <option>メニューの内容１</option> <option>メニューの内容２</option> <option>メニューの内容３</option> 以下いくつでも増やせます。
補足
amukunさん、大変ありがとうございました。これで、できる～！ 、、、と、思って、ソースにおっしゃるように、<select><option....>,,,</option></select>を書きました。 ところが、私が求めているのはドロップダウンメニューではありませんでした。下向きの矢が右横に出る形式がドロップダウンメニューでした。私の求めているのは、それではなく一見普通の文字列にリンクが挿入されているように見えて、実はクリックするとドロップダウンメニューのように数行のリンク付きメニュー(サブメニューとでも言った方が良いかもしれません)が下にぶら下がったように出てきて、その元の文字列をもう一度クリックすると又、ぶら下がったサブメニューが閉じるものです。タグでも構いませんので、分かりましたら宜しくお願いします。
補足
shy00さん、回答ありがとう御座いました。早速、貼り付けてくれたURLを訪問しました(openpc2、、、の方)。ソースを見たら、あれ、、、意外と簡単と思って、自分のHPに適合するようにJavaScriptを書き込みました。しかし、上手く行きません。何時間もやりました。<head><script,,,>・・・・</script></head>の間に入れたのですが、HP Builder V7で既に色々なJavaScriptが挿入されていて、どこに目的のScriptを入れたら良いのか分かりません。その辺を度素人でも分かるように説明した親切丁寧なHPはないでしょうか？ HTMLのタグの学習方法を懇切丁寧に書いてあるHPは結構あるのですが、CSSやJavaScriptとなるとどうもど素人でも理解できるように基礎の基礎から説明してくれる、HPに出会った事はありません。 何か良い学習方法はないものでしょうか？ 本屋で売っている本の題名でも結構ですので教えていただけませんか？ やっぱり、本が一番ですね。HTML, CSS, JavaScript, CGI など全般的に学習する為の本や、URLお教え下さい。 ps. ツリー表示の方は全く分かりませんでした、、、。