メニュー

[新着] Webテンプレートを仮オープンしました



0   名前:  : 2006/02/01 01:05
TOPのメニューがこれからたくさん増えそうなので
まとめようと思うんですが。

メニューに合わせたら(クリックでも良いけど)横に詳しいメニューがでる。
(解りにくくてすみません)

例えばメニューにA,B,C,Dとあって
Aに合わせたら横にA-1,A-2、A-3のメニューが現れる
という感じにしたいのですがどうすればいいんでしょうか?

1   名前: うっちー : 2006/02/01 01:05  [URL
参考になると思います。

http://www16.big.or.jp/~ogura1/java_scr/foldoutmenu/foldoutmenu.html

2   名前:  : 2006/02/01 01:05
>>1の例だと、スクリプトが使えない(使わない)ブラウザではメニューが現れず、何も操作できません。
 スクリプトが使えなくても(使わなくても)同様の効果を出すにはどうすればいいですか?

3   名前: Pid : 2006/02/01 01:05
>>2
noscript 要素に同等のメニューを記述して下さい。あるいは,メニューリストをあらかじめ文書に記述しておいて,読み込み時に初期化するようにすれば,スクリプト無効時には普通にリストが出現しますので,安心と言えば安心です。

ただ,携帯端末など画面サイズの小さいものでは,詳細なメニューが直書きされているとかえって利用しづらい,という面もあります。そういう意味では,文書には最低限のナビ(目次・サイトマップへのリンク)を書いておき,残りは必要に応じてスクリプト生成でも良いような気もします。

ですから,>>1 のスクリプトも使い方次第だと思います。ただ,スクリプト有効時でも,ブラウザチェックに失敗すると何も起きないのが難点ですが (^^;)(妥当な設計だと思いますが,navigator.userAgent をそんなに過信しない方が良い……あと,コンストラクタで return this; する必要は無いので一応)。

http://inspire.server101.com/js/xc/
http://kapu.iwoky.jp/rcug/popupmenu2.htm
http://www2.ocn.ne.jp/%7Eyoochan/decoration/JavaScript/sample/DHTML_samp13.htm

http://www8.plala.or.jp/MaghMell/js/folded_list.html
http://mugi.cc/js/tree/tree.htm
http://www.din.or.jp/~hagi3/JavaScript/JSTips/Std/fmenu.htm
http://www.tohoho-web.com/how2/tec2.htm#treeMenu

http://javascript.cooldev.com/scripts/cooltree/

お勧めのものがあればぜひ教えて下さい。

一覧へ戻る