dTree活用
dTreeは以前実施し、挫折した経緯があるのでリベンジ!
というのもyujiroさんが、dTree によるサブカテゴリーリスト for Movable Typeの記事を書いてくれたことが一番の要因wwww
1. dtree.zipをD/L
2.
/img ← gifファイル詰め合わせwww
をindex.phpと同じ場所にアップロード
3.
dtree.jsの修正(UTF8で保存してみた)this.icon = {
root : 'http://user-domain/img/base.gif',
folder : 'http://user-domain/img/folder.gif',
folderOpen : 'http://user-domain/img/folderopen.gif',
node : 'http://user-domain/img/page.gif',
empty : 'http://user-domain/img/empty.gif',
line : 'http://user-domain/img/line.gif',
join : 'http://user-domain/img/join.gif',
joinBottom : 'http://user-domain/img/joinbottom.gif',
plus : 'http://user-domain/img/plus.gif',
plusBottom : 'http://user-domain/img/plusbottom.gif',
minus : 'http://user-domain/img/minus.gif',
minusBottom : 'http://user-domain/img/minusbottom.gif',
nlPlus : 'http://user-domain/img/nolines_plus.gif',
nlMinus : 'http://user-domain/img/nolines_minus.gif'
};自分のアドレスを記入
4.
dtree.css
dtree.js
をindex.phpと同じ場所にアップロード
5.
スタイルシートを除き各シートを変更
微妙ーな考えだが、</head>の上に定義しなくても動くかなっと!<link rel="stylesheet" href="<$MTBlogURL$>dtree.css" type="text/css" />
<script type="text/javascript" src="<$MTBlogURL$>dtree.js"></script>
6.
スタイルシートを除き各シートを変更(カテゴリーを実際に操作したい位置に設定)<script type="text/javascript">
d = new dTree('d');
d.config.useCookies=false;
d.add(0, -1,'SubCategories','javascript: void(0);');
<?php $a = 0; $b = 0; $link = array(); ?>
<MTSubCategories>
<?php $link[$b] = ++$a; if(!$b) { ?>
d.add(<?php echo $a ?>, 0,'<$MTCategoryLabel$>','<MTIfNonZero tag="MTCategoryCount"><$MTCategoryArchiveLink$><MTElse>javascript: void(0);</MTElse></MTIfNonZero>');
<?php } else { if(!$link[$b - 1]) { ?>
d.add(<?php echo $a ?>, 1,'<$MTCategoryLabel$>','<MTIfNonZero tag="MTCategoryCount"><$MTCategoryArchiveLink$><MTElse>javascript: void(0);</MTElse></MTIfNonZero>');
<?php } else { ?>
d.add(<?php echo $a ?>, <?php echo $link[$b - 1] ?>,'<$MTCategoryLabel$>','<MTIfNonZero tag="MTCategoryCount"><$MTCategoryArchiveLink$><MTElse>javascript: void(0);</MTElse></MTIfNonZero>');
<?php }} $b++; ?>
<MTSubCatsRecurse max_depth="3">
<?php $b--; ?>
</MTSubCategories>
document.write(d);
</script>
<p style="text-align:center"><a href="javascript: d.openAll();">open all</a> | <a href="javascript: d.closeAll();">close all</a></p>PHP版です。JavaScript 版が欲しい方は小粋空間さんをみましょ!
で、デデイマス yujiroさん!有難うございました
