镜子的另一边

原文：少爷B的世界的樹狀分類說明 & 語法

日本原文：miu_uin的プラグインのツリー化

注：个人觉得最后面那一大段代码，如果每次换模板都要改就太麻烦了，建议将之贴到最后一个plugin的最后面。或自行再增加一个plugin栏后修改html代码。效果都一样。

把原先的分類欄位,
如(分類目錄、最新文章、最新回覆、最新引用  &  Link),
HTMLを編集完全改成以下語法

---

最新回覆
<div class="plugin_data" id="commentlist">
<ul>
<!--plugin_comment-->
<li>
<!--$plugin_comment_entry_title--><br>
⇒<span class="plugin_cm<!--if_comment_res-->_with_res<!--/if_comment_res-->"><a href="<!--$plugin_comment_link-->"><!--$plugin_comment_title--></a>
<!--if_comment_res--> +Re<!--/if_comment_res--></span> (<!--$plugin_comment_mon-->/<!--$plugin_comment_day-->)
</li>
<!--/plugin_comment-->
</ul>
</div>

---

最新引用
<div class="plugin_data" id="tblist">
<ul>
<!--plugin_trackback-->
<li>
<!--$plugin_trackback_entry_title--><br>
⇒<a href="<!--$plugin_trackback_link-->"><!--$plugin_trackback_blog_title--></a> (<!--$plugin_trackback_mon-->/<!--$plugin_trackback_day-->)
</li>
<!--/plugin_trackback-->
</ul>
</div>

---

最新文章
<div class="plugin_data" id="entrylist">
<ul>
<!--plugin_entry-->
<li><a href="<!--$plugin_entry_link-->"><!--$plugin_entry_title--></a> (<!--$plugin_entry_mon-->月<!--$plugin_entry_day-->日)</li>
<!--/plugin_entry-->
</ul>
</div>

---

文章彙集
<div class="plugin_data" id="archivelist">
<ul>
<!--plugin_archive-->
<li><a href="<!--$plugin_archive_link-->">[<!--$plugin_archive_year-->年]<!--$plugin_archive_mon-->月</a> (<!--$plugin_archive_num-->)
</li>
<!--/plugin_archive-->
</ul>
</div>

---

分類目錄
<div class="plugin_data" id="categorylist">
<ul>
<!--plugin_category-->
<li><a href="<!--$plugin_category_link-->"><!--$plugin_category_title--> (<!--$plugin_category_num-->)</a></li>
<!--/plugin_category-->
</ul>

---

Link
<div class="plugin_data" id="linklist">
<ul>
<!--plugin_link-->
<!--if_not_link_img-->
<li><a href="<!--$plugin_link_link-->" target="<!--$plugin_link_target-->"><!--$plugin_link_title--></a></li>
<!--/if_not_link_img-->
<!--/plugin_link-->
</ul>
</div>
<br>
<!--plugin_link-->
<!--if_link_img-->
<div class="plugin_data">
<a href="<!--$plugin_link_link-->" target="<!--$plugin_link_target-->"><img src="<!--$plugin_link_img_link-->" width="<!--$plugin_link_img_width-->" height="<!--$plugin_link_img_height-->" alt="<!--$plugin_link_title-->"></a>
</div>
<!--/if_link_img-->
<!--/plugin_link-->
</div>

---

然後到環境設定：カテゴリーの編集,
將分類名稱寫成[大分類]小分類,
耐心一點吧,還有一步,便快將完成了,
請看樹狀分類說明 & 語法 (二)

---

完成了樹狀分類說明 & 語法 (一)後,
到版面管理 : テンプレートの設定/編集,
將以下語法貼在</body>前便行了

---

<script type="text/javascript">
<!--
// JavaScript based on : JUGEMカスタマイズ講座(http://nz.jugemers.net/log/eid31.html)
// customize by : まめの一言（JUGEM出張所）(http://mamejiro.jugem.cc/?eid=179)
// customize by : ニンブロラボ.(http://shinobibloglab.blog.shinobi.jp/Entry/2/)
// customize by : playground(http://mannequin.blog.shinobi.jp/Entry/45/)
function makeTreeElements (idName,objList) {
  if (!objList.innerHTML) return;
  var objLink = objList.getElementsByTagName('a')[0];
  var linkUrl = objLink.getAttribute('href');
  if (idName.indexOf('comment') > -1 || idName.indexOf('tb') > -1) {
    var tmplinkUrl = linkUrl.split("#");
    var tmpText = objList.innerHTML.split("?");
    tmpText[0] = tmpText[0].slice(0,tmpText[0].search(/<BR/i));
    this.base = Array('<a href="',tmplinkUrl[0],'">',tmpText[0],'</a>').join('');
    this.elem = tmpText[1];
  } else if (idName.indexOf('entry') > -1) {
    var tmpText = objList.innerHTML;
    tmpText.match(/\((\d{2}.+)\)/);
    this.base = RegExp.$1;
    this.elem = Array('<a href="',linkUrl,'">',objLink.innerHTML,'</a>').join('');
  } else if (idName.indexOf('link') > -1) {
    var tmpTarget = objLink.getAttribute('target');
    var tmpText = objList.innerHTML;
    if ( tmpText.match(/\[(.+)\](.+)/) ) {
      this.base = RegExp.$1;
      this.elem = Array('<a href="',linkUrl,'" target="',tmpTarget,'">',RegExp.$2,'</a>').join('');
    }
  } else if (idName.indexOf('category') > -1) {
    var tmpText = objList.innerHTML;
    if ( tmpText.match(/\[(.+)\](.+)/) ) {
      this.base = RegExp.$1;
      this.elem = Array('<a href="',linkUrl,'">',RegExp.$2).join('');
    }
  } else if (idName.indexOf('archive') > -1) {
    var tmpText = objList.innerHTML;
    tmpText.match(/\((\d+)\)/);
    var tmpCnt = Array(' (', RegExp.$1, ')').join('');
    tmpText = objLink.innerHTML;
    tmpText.match(/\[(.+)\](.+)/);
    this.base = RegExp.$1;
    this.elem = Array('<a href="',linkUrl,'">',RegExp.$2,'</a>', tmpCnt).join('');
  }
  return this;
}
function createTreeList(idName,option) { // version 2.2
  var objFocus = this.document.getElementById(idName);
  if (!objFocus) return;
  if (!objFocus.innerHTML) return;
  var objLists = objFocus.getElementsByTagName('li');
  var linkList = new Array();
  var outText = new Array();
  if (objLists.length > 0) {
    for (i=0;i<objLists.length;i++) {
      var chckFlag = true;
      var elemText = new makeTreeElements(idName,objLists[i]);
      if (!elemText.base || !elemText.elem) return;
      for (j=0;j<linkList.length;j++) {
        if ( linkList[j].base.indexOf(elemText.base) > -1 ) {
          chckFlag = false;
          linkList[j][linkList[j].length] = elemText.elem;
        }
      }
      if (chckFlag) {
        var tmpNum = linkList.length;
        linkList[tmpNum] = new Array();
        linkList[tmpNum][0] = elemText.elem;
        linkList[tmpNum].base = elemText.base;
      }
    }
    if (linkList.length > 0) {
      outText[outText.length] = '<ul>\n';
      for (i=0;i<linkList.length;i++) {
        outText[outText.length] = Array('<li>',linkList[i].base,option.top).join('');
        if (linkList[i].length > 0 && option.sort) linkList[i].reverse();
        for (j=0;j<linkList[i].length;j++) {
          outText[outText.length] = (j == linkList[i].length - 1) ? option.end : option.list;
          outText[outText.length] = Array(linkList[i][j],option.leef).join('');
        }
        outText[outText.length] = Array(option.btm,'</li>').join('');
      }
      outText[outText.length] = '</ul>\n';
      objFocus.innerHTML = outText.join('');
    }
  }
}
var gTreeOption = new Array;
gTreeOption['sort'] = false;      /* ツリー内の表示順 true:並び替える false:そのまま */
gTreeOption['list'] = '┣ ';      /* ツリー用マーク(通常) */
gTreeOption['end']  = '┗ ';      /* ツリー用マーク(末端) */
gTreeOption['leef'] = '<br>\n'; /* 各枝の末尾 */
gTreeOption['top']  = '<br>\n'; /* ツリー本体の最初 */
gTreeOption['btm']  = '';         /* ツリー本体の最後 */
createTreeList('entrylist',gTreeOption);    // 最新記事リストのツリー化
createTreeList('linklist',gTreeOption);     // リンクリストのツリー化
createTreeList('categorylist',gTreeOption);     // カテゴリーリストのツリー化
createTreeList('archivelist',gTreeOption);     // アーカイブリストのツリー化
gTreeOption['sort'] = false;      /* ツリー内の表示順 true:並び替える false:そのまま */
gTreeOption['list'] = '┣';      /* ツリー用マーク(通常) */
gTreeOption['end']  = '┗';      /* ツリー用マーク(末端) */
gTreeOption['leef'] = '<br>\n'; /* 各枝の末尾 */
gTreeOption['top']  = '<br>\n'; /* ツリー本体の最初 */
gTreeOption['btm']  = '';         /* ツリー本体の最後 */
createTreeList('commentlist',gTreeOption);  // 最新CMリストのツリー化
createTreeList('tblist',gTreeOption);       // 最新TBリストのツリー化
// -->
</script>

---

現在可去看看成果吧

[0回]

2007/01/12 (Fri) [教程]忍者Blog Trackback()