■概要
多階層メニューをブロック表示するモジュールです。
■動作サンプル
http://www.seedA.jpの多階層メニューをご覧下さい。(2005/7/24現在)
ニュースをカテゴリーを階層順に並べてあります。
■注意事項とお願い
十分なエラーチェックができていませんので、このモジュールの使用にあたってシステムが破壊される恐れもあります。
自己責任の持てる方以外は、ご利用されないようお願いします。
エラー報告やご要望などは
フォーラム - treeMenuへお寄せ下さい。
■インストール方法
通常のモジュールと同様に、
1.treeMenu.zipを解凍した中にあるtreeMenuフォルダを全てmodulesにコピー
2.treeMenuを選択してアップロード
■スタイルシートの変更
多階層メニューは、出力タグに独自のid, classを指定してあるので、meinMenuのスタイルを参考に新たなスタイルを追加してください。
下記は最もシンプルな例です。
div#treemenu a {display: block; margin: 0; padding: 4px;}
#treemenu a.menu0 {padding-left: 8px;}
#treemenu a.menu1 {padding-left: 16px;}
#treemenu a.menu2 {padding-left: 24px;}
#treemenu a.menu3 {padding-left: 32px;}
#treemenu a.menu4 {padding-left: 40px;}
以下必要な階層分だけご用意ください。
■使用方法
- 階層管理
タイトルとURLを記入して[追加]すれば第1階層メニューとしてrootに登録されます。
・例
タイトル:ニュース
URL:
http://hogehoge/modules/news/ ・表示確認
システム管理 - ブロック管理で、多階層メニューの表示/非表示を「はい」に変更
・すべてのページに多階層メニューブロックを表示
システム管理 - ブロック管理で、多階層メニューの編集をクリック
表示する画面で「すべてのページ」を選択して[送信]
[下層を表示]rootに設定したメニューの下層に新たな階層を作成します。
[編集]登録されたメニューのタイトル/URLを変更します。
[削除]登録されたメニュー(下層を含む)を削除します。
- ブロック名変更
ブロックに表示されるタイトルを変更します。
- 一般設定
メニューの表示形式を選択します。
デフォルトは、選択したメニューの上位階層すべてと、選択したメニューの下位1層を表示する「カレントディレクリトの一つ下まで表示」となっています。
プルダウン用はHTMLとスタイルシートとの連携が必要です。まだ完成してませんが、確認用として選択できるようになっています。
■改変履歴
ver1.0
2005/07/24 公開
■モジュール作成にあたって
当初tinyDを制御することを目的として、tinyDmenu(自サイトで公開中)として開発を進めてきました。したがって内部のコードでGIJOE氏のtinyDをかなり参考にさせていただいています。
tinyDあっての、xoopsあっての、はてはphp、mysqlがあって開発できたモジュールです。これらの素敵なシステムの開発・発展に関わられた全ての方々に感謝いたします。