カテゴリの分類とツリー化

以前から表示させていますが、改めて自分の備忘録として書き記しておきます。
サブカテゴリがあるように見せかけてツリー表示する方法です。
一時期、この表示法でこのサイトを運営していました。
現在の表示はカテゴリの分類とツリー化【２】で紹介しているサブカテゴリ化を選択しています。

参照記事(有難うございます)
[ Des notes de KOHtan ]
■ カテゴリの分類とツリー化２
■ カテゴリのツリー化（サブカテゴリ化）３

上記サイトで配布されているスクリプトをコピーして編集し、
デザイン＞コンテンツ＞カテゴリ＞コンテンツHTML編集画面で最下部にペーストします。
或いはそのままデザイン＞コンテンツ＞カテゴリページの「挿入テキスト（下部）」に入れてもOK。

オイラの場合は

1. 記事カテゴリ名を、「カテゴリ名＞サブカテゴリ名」に変更（＞は全角）
　　↓
＞を：にしてみました。（：は全角）
2. 記事カテゴリ名のリストマーク代わりの■を (画像)に変更
3. 記事カテゴリ間のダブル改行を無くす(行を詰める)＝<br>タグを一つ消去

という変更を行いました。

スクリプトの記述変更は以下の通り。

(前略)
var target=tmp[i+1];
var tmp2=target.getElementsByTagName('a');
for(var j=0;j<tmp2.length;j++){
var link=tmp2[j].innerHTML;
if(tmp2[j].innerHTML.indexOf("：")==-1){
category[j+1]="<a href="+tmp2[j].getAttribute('href')+">"+ link+"</a>";
subcategory[j+1]=null;
}else{
category[j+1]=link.substring(0,link.indexOf("："));
subcategory[j+1]="<a href="+tmp2[j].getAttribute('href')+">"
+link.substring(link.indexOf("：")+1,link.length)+"</a>";
}
}
category[j+1]=null; subcategory[j+1]=null;

//出力
var tmpHTML="<br>";
for(i=1;i<(category.length-1);i++){
if(subcategory[i]==null){
tmpHTML+=("<img src="http://(画像のアドレス)" /> "+category[i]+"<br><br>");
}else{
if(category[i]!=category[i-1]) tmpHTML+=("<img src="http://(画像のアドレス)" /> "+category[i]+"<br>");
if(category[i]==category[i+1]){
tmpHTML+=("├"+subcategory[i]+"<br>");
}else{
tmpHTML+=("└"+subcategory[i]+"<br><br>");
}
}
}
target.innerHTML=tmpHTML;
}

// -->