マタマタ小粋空間様に良さそうな物があった。スクリプトを使わずにツリー化？
今までは同じく小粋空間様でスクリプトとか言う物でツリー化していたのだが・・。
ブラウザで JavaScript を OFF にしている場合でもツリー表示が可能
JavaScript 起動による表示遅延がなし
JavaScript 関連のカスタマイズが不要
と言うメリットが有るらしいので早速変えた。
遣った所は「カテゴリ」のみ。
後は小粋空間さま説明の通り・・。
例の如く以下は覚書！
基本テンプレートでは以下のようになっている。
<!-- カテゴリーリスト開始 -->
<div class="sidetitle">
Categories
</div>
<!-- 全カテゴリー用 -->
<div class="side">
<MTCategories>
<a href="<$MTCategoryArchiveLink$>">
<$MTCategoryLabel$></a> [<$MTCategoryCount$>]<br />
</MTCategories>
</div>
<!-- 全カテゴリー用 -->
<!-- サブカテゴリー用 -->
<div class="side">
<div id="categories">
<MTSubCategories>
<MTSubCatIsFirst><ul></MTSubCatIsFirst>
<MTIfNonZero tag="MTCategoryCount">
<li><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><MTCategoryLabel></a> [<$MTCategoryCount$>]
<MTEntries>
<MTEntriesHeader><ul></MTEntriesHeader><li><MTEntryTitle></li>
<MTEntriesFooter></ul></MTEntriesFooter>
</MTEntries>
<MTElse>
<li><MTCategoryLabel>
</MTElse>
</MTIfNonZero>
<MTSubCatsRecurse max_depth="3">
</li>
<MTSubCatIsLast></ul></MTSubCatIsLast>
</MTSubCategories>
</div>
</div>
<!-- サブカテゴリー用 -->
<!-- カテゴリーリスト終了 -->
上の赤の部分を削除し青のコメントアウトを追加。
コレの中身を以下の物と貼り変える。
<MTSubCategories>
<MTSubCatIsFirst><ul class="tree"></MTSubCatIsFirst>
<MTIfNonZero tag="MTCategoryCount">
<li class="tree<MTSubCatIsLast>_end</MTSubCatIsLast>"><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><MTCategoryLabel></a> [<$MTCategoryCount$>]
<MTElse>
<li class="tree<MTSubCatIsLast>_end</MTSubCatIsLast>"><MTCategoryLabel>
</MTElse>
</MTIfNonZero>
<MTSubCatsRecurse max_depth="3">
</li>
<MTSubCatIsLast></ul></MTSubCatIsLast>
</MTSubCategories>
後はスタイルシートに以下を追加
ul.tree {
margin: 0!important;
padding: 0!important;
font-size: 9px;
list-style: none!important;
}
ul.tree ul {
margin: 0!important;
padding: 0!important;
}
ul.tree li {
margin: 0!important;
padding: 0 0 0 16px!important;
background-image: url(tree_lst.gif);
background-repeat: no-repeat!important;
list-style: none!important;
}
ul.tree li.tree_end {
background-image: url(tree_end.gif);
list-style: none;
}
※cssでツリーのURLに注意する。
例：「http://（画像URL）/tree_end_dooted.gif」この様になるので注意！
是でカテゴリのツリー化が出来たようだ。
遣ったゾナ！爺さん！
コメント (2)
相変わらず色々研究なさっているのですね！
偉いなぁ。
私はテンプレートを変えるだけですごく肩が凝って閉口しました。
秋のケーキ、美味しそうです。いつかきっと食べに行きますよ～～
投稿者: 森のどんぐり屋 | 2006年9月18日 18:10
日時: 2006年9月18日 18:10
研究じゃないのじゃ！
何しろ最近は暇でのう？かといって外に出るわけにもいかず・・。
暇なときは此処に向かっているんじゃよフォッフォッフォ～
＞いつかきっと食べに行きますよ～～
いつかキットじゃぞな！なるべくなら爺の息の有るうちが良いのう。
フォッフォッフォ～！
ただし山の奥じゃて車でなければ中々思うようには行かないようじゃのう！
投稿者: 山の爺 | 2006年9月20日 11:40
日時: 2006年9月20日 11:40