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 869件 [詳細] filefold-image041203.gif 840件 [詳細] filetreemenu-icon041203.tgz 2276件 [詳細] fileopen041203.gif 851件 [詳細] filefold041203.gif 855件 [詳細] filetreemenu041203.tgz 3317件 [詳細] filetreemenu041202.tgz 1475件 [詳細] fileexpand.gif 815件 [詳細] filecontract.gif 857件 [詳細]

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2010-10-01 (金) 00:46:46
Site admin: PukiWiki Development Team

PukiWiki 1.5.2+ © 2001-2019 PukiWiki Development Team. Powered by PHP 5.6.40-0+deb8u8. HTML convert time: 0.469 sec.

OSDN