treemenu.inc.php

サマリメニュー等でのアウトライン構造実現
リビジョン1.1
対応バージョン1.4.4
投稿者アクア
投稿日2004-12-02 (木) 15:37:33

概要

自作プラグイン/codehighlight.inc.phpのアウトライン縮小展開表示機能を元にして MenuBarページ等でも使えるような作りにしてみました。
includesubmenuもいいのですがMenuBarがやたらと縦長になりがちなので…。

インストール

ダウンロードしたファイルを展開して

  1. treemenu.inc.phpをpluginディレクトリ
  2. treemenu.jsをskinディレクトリ

にそれぞれ配置します。

使い方

&treemenu(子ノードページ名 [,open|closed]){親ノードインライン要素};

表示例

&treemenu(FrontPage/SubMenu){[[Topページ>FrontPage]]};

fold041203.gif open041203.gif

仕様/カスタマイズ方法とか

ツリーの子ノードはネストも可能(なハズ)ですが対象ページ全体を取り込む作りなため 敢えてインデントのスタイル定義とかは添付していません。*1
ただ、子ノードの部分はClass属性値にtreemenuを設定して出力していますので default.ja.css等に以下のような設定を加えるのもありカモ。

div.treemenu {
    margin-left: 1em;
}

オプションは省略可で省略時はtreemenu.inc.php内の以下のあたり(15行目)の設定が適用されます。 TRUEなら縮小状態、FALSEなら展開状態です。

//	ツリー展開状態デフォルト値
define('OUTLINE_CLOSED', TRUE);

本体ダウンロード

ライセンス形態:GPL

オマケ

ツリー縮小展開リンクを画像にしたバージョンも置いておきます。
インストール方法は基本的に同じですがサンプルのアイコン画像2個を同梱していますのでimageディレクトリに置いてください。 「オマケ」扱いなのでディレクトリ構造が違うとかは各自対応してください :p

fold-image041203.gif open-image041203.gif

コメント


*1 子ノードページで-,--,---とかを使えばいいハズ
*2 括弧とかがあるとどうしていいものやら…。クォートで囲んでもらうのもなんか違う気がして…

添付ファイル: fileopen-image041203.gif 1232件 [詳細] filefold-image041203.gif 1206件 [詳細] filetreemenu-icon041203.tgz 3069件 [詳細] fileopen041203.gif 1222件 [詳細] filefold041203.gif 1212件 [詳細] filetreemenu041203.tgz 4151件 [詳細] filetreemenu041202.tgz 2289件 [詳細] fileexpand.gif 1180件 [詳細] filecontract.gif 1242件 [詳細]

トップ   編集 凍結 差分 履歴 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2023-11-21 (火) 23:42:13
Site admin: PukiWiki Development Team

PukiWiki 1.5.4+ © 2001-2022 PukiWiki Development Team. Powered by PHP 8.2.12. HTML convert time: 0.972 sec.

SourceForge