Lc.ツリーカテゴリー(for shinobi)を配布です。

忍者ブログ向けの「Lc.ツリーカテゴリー」を配布します。
FC2ブログで稼動実績のある、折りたたみ式ツリー化カテゴリーです。
初心者でも使えて、かなり多機能、だと思います。

title表示、アイコン表示、CSS対応など、多くの機能を搭載。
ツリーは何層にもできますし、一部のカテゴリーだけでもＯＫです。

---

<!-- Lc.ツリーカテゴリー(for shinobi) 2008.04.27 -->

<script language="JavaScript">
<!--
var lc_cat_titleList = new Array();
var lc_cat_iconList = new Array();
var lc_cat_grList = new Array();
var lc_cat_aliasList = new Array();


// ■タイトル設定

lc_cat_titleList['夢'] = '希望';


// ■アイコン画像設定

lc_cat_iconList['夢'] = '1.gif';


// ■追加グループ設定

lc_cat_grList[lc_cat_grList.length] = new Array('野菜', 9998, 9999);


// ■別名表示設定

lc_cat_aliasList['夢'] = '工事中';


// ■表示設定(trueでON、falseでOFF)

var LC_CAT_PARENTBOLD = false;	//親項目太字
var LC_CAT_DISPLAYNUM = true;	//記事数表示
var LC_CAT_DECOLESS_PARENT = false;	//親の下線消し
var LC_CAT_DECOLESS_CHILD = false;	//子の下線消し
var LC_CAT_DYNAMIC_SIZE = false;	//記事数で文字サイズ
var LC_CAT_PARENTBOX = true;	//親の＋をボックス表示


// ■その他

var LC_CAT_INDENTCHR = '｜';
var LC_CAT_INDENTCHR_GROUP = '├';
var LC_CAT_TOOPEN = 'クリックでツリーを開きます';
var LC_CAT_TOCLOSE = 'クリックでツリーを閉じます';
var LC_CAT_BOX_CLOSED = '＋';
var LC_CAT_BOX_OPENED = '－';
var LC_CAT_BRANCH_CONNECT = '├';
var LC_CAT_BRANCH_EDGE= '└';

var LC_CAT_DEFAULT_OPENED = true;
var LC_CAT_GROUP_SEPARATOR = '　';
var LC_CAT_CATEGORY_MARK = "★";

var LC_CAT_CREATOR_LINK = false;

var LC_CAT_IMAGEBASE = "http://file.<!--$g_user_id-->/";


// ■


if (document.getElementById('lc_cat_exinit')) {
	lc_cat_exinit();
}

var lc_cat_mainList = new Array();
lc_cat_mainList['<"7>'] = new Array();

var lc_cat_maxNum = 1;
var lc_cat_sumNum = 0;
var lc_cat_pCnt = 0;
var lc_cat_dep = 0;

function lc_cat_searchGr(l_no) {
	var grLen = lc_cat_grList.length;
	for (var i = 0; i < grLen; i++) {
		var subs = lc_cat_grList[i];
		var cLen = subs.length;
		if (1 < cLen) {
			for (var cIdx = 1; cIdx < cLen; cIdx++) {
				var cNo = subs[cIdx];
				if (l_no == cNo) {
					return subs[0];
				}
			}
		}
	}
	return '';
}

function lc_cat_registCat(l_name, l_link, l_count, l_no) {
	var exGr = lc_cat_searchGr(l_no);
	var catName = l_name;
	if (exGr != '') {
		catName = exGr + LC_CAT_GROUP_SEPARATOR + l_name;
	}
	var splited = catName.split(LC_CAT_GROUP_SEPARATOR)

	var subAr = lc_cat_mainList;
	for (var i = 0; i < splited.length - 1; i++) {
		var subName = splited[i];

		var subArKeys = subAr['<"7>'];
		if (!subAr[subName]) {
			subArKeys[subArKeys.length] = subName;
		}
		if (!subAr[subName]) {
			subAr[subName] = new Array();
			subAr[subName]['<"7>'] = new Array();
		}
		subAr = subAr[subName];
	}

	var obj = new Object();
	obj.name = splited[splited.length - 1];
	obj.href = l_link;
	obj.count = l_count;
	obj.no = l_no;
	subAr['<"8>' + obj.name] = obj;
	subAr['<"7>'][subAr['<"7>'].length] = '<"8>' + obj.name;
	if (lc_cat_maxNum < l_count) {
		lc_cat_maxNum = l_count;
	}
	lc_cat_sumNum += l_count;
}

function lc_cat_indent(l_num, l_group) {
	var ret = '';
	for (var i = 0; i < l_num; i++) {
		var indchr = LC_CAT_INDENTCHR;
		if (l_group && i == l_num - 1 && LC_CAT_INDENTCHR_GROUP != null) {
			indchr = LC_CAT_INDENTCHR_GROUP;
		}
		ret += '<span class="indent_' + i + '">' + indchr + "</span>";
	}
	return '<span class="indent">' + ret + "</span>";
}

function lc_cat_HideAndShow(l_pCnt) {
	var grIcon = document.getElementById('lc_cat_box_' + l_pCnt);
	var grArea = document.getElementById('lc_cat_group_' + l_pCnt);
	var grLink = document.getElementById('lc_cat_parent_' + l_pCnt);
	var grIconText;
	if (grArea.style.display == 'none') {
		grIconText = LC_CAT_BOX_OPENED;
		grArea.style.display = 'inline';
		grLink.title = LC_CAT_TOCLOSE;
	} else {
		grIconText = LC_CAT_BOX_CLOSED;
		grArea.style.display = 'none';
		grLink.title = LC_CAT_TOOPEN;
	}

	if (grIcon.innerHTML) {
		grIcon.innerHTML = grIconText;
	}
}

function lc_cat_outputTrees(l_subAr, l_defs) {
	var subArKeys = l_subAr['<"7>'];
	var subArLen = subArKeys.length;

	for (var i = 0; i < subArLen; i++) {
		var sKey = subArKeys[i];
		var sChild = l_subAr[sKey];

		if (sKey.indexOf('<"8>') == 0) {
			if (i == subArLen - 1) {
				lc_cat_outputLeaf(sChild, LC_CAT_BRANCH_EDGE);
			} else {
				lc_cat_outputLeaf(sChild, LC_CAT_BRANCH_CONNECT);
			}
		} else {
			var dispStyle = l_defs.DispStyle;
			var dispIcon = l_defs.DispIcon;
			var grTitle = l_defs.GrTitle;
			var grCap = sKey;
			if (sKey.substring(0,1) == '.') {
				dispStyle = 'none';
				dispIcon = LC_CAT_BOX_CLOSED;
				grTitle = LC_CAT_TOOPEN;
				grCap = sKey.substring(1,sKey.length);
			}

			lc_cat_pCnt++;
			var grAreaId = 'lc_cat_group_' + lc_cat_pCnt;
			var grSpan = '<span style="display:' + dispStyle + ';" id="' + grAreaId + '">';
			document.write('<div class="plugin_data">' + lc_cat_indent(lc_cat_dep, true) + lc_cat_createMainLink(grTitle, grCap, dispIcon) + '</div>' + grSpan);

			lc_cat_dep++;
			lc_cat_outputTrees(sChild, l_defs);
			lc_cat_dep--;

			document.write('</span>');
		}
	}
}

function lc_cat_createMainLink(l_grTitle, l_grCap, l_boxStr) {
	var grIconId = 'lc_cat_box_' + lc_cat_pCnt;
	var hsFunc = 'lc_cat_HideAndShow(\'' + lc_cat_pCnt + '\'); return false;';

	var linkSt = '';
	if (LC_CAT_PARENTBOLD) {
		linkSt += 'font-weight:bold;';
	}
	if (LC_CAT_DECOLESS_PARENT) {
		linkSt += 'text-decoration:none;';
	}

	var ret = '<a href="javascript:;" onclick="' + hsFunc + '" class="parent parent_' + lc_cat_dep;

	if (linkSt != '') {
		ret += '" style="' + linkSt;
	}
	ret += '" title="' + l_grTitle + '" id="lc_cat_parent_' + lc_cat_pCnt + '"><span class="box"';

	if (LC_CAT_PARENTBOX) {
		ret += ' style="background-color: #ffffff; border: 1px solid #666666; font-size: 70%; margin-right: 2px; color: #333333;"';
	}
	ret += ' id="' + grIconId + '">' + l_boxStr + '</span>';

	var sIcon = lc_cat_iconList[l_grCap];
	if (!sIcon) {
		sIcon = lc_cat_iconList['<親' + lc_cat_dep + '>'];
	}
	if (!sIcon) {
		sIcon = lc_cat_iconList['<親>'];
	}
	if (sIcon) {
		ret += '<img src="' + LC_CAT_IMAGEBASE + sIcon + '" border="0">';
	}

	var sText = lc_cat_aliasList[l_grCap];
	if (!sText) {
		sText = l_grCap;
	}
	return ret + sText + '</a>';
}

function lc_cat_outputLeaf(l_obj, l_treeMark) {
	var sHref = l_obj.href;
	var sCount = l_obj.count;
	var sName = l_obj.name;
	var sNo = l_obj.no;

	var treeP = '<div class="plugin_data" id="lc_cat_no_row_' + sNo + '">';

	if (lc_cat_dep != 0) {
		treeP += lc_cat_indent(lc_cat_dep - 1, false) +  '<span class="branch branch_' + (lc_cat_dep-1) + '">' + l_treeMark + '</span>';
	}

	var sText = lc_cat_aliasList[sName];
	if (!sText) {
		sText = lc_cat_aliasList[sHref];
	}
	if (!sText) {
		sText = sName;
	}

	var sTitle = lc_cat_titleList[sName];
	if (!sTitle) {
		sTitle = lc_cat_titleList[sHref];
	}
	if (sTitle) {
		sTitle = '\n' + sTitle;
	} else {
		sTitle = '';
	}

	var sIcon = lc_cat_iconList[sName];
	if (!sIcon) {
		sIcon = lc_cat_iconList[sHref];
	}
	if (!sIcon) {
		sIcon = lc_cat_iconList['<子' + lc_cat_dep + '>'];
	}
	if (!sIcon) {
		sIcon = lc_cat_iconList['<子>'];
	}
	if (sIcon) {
		sIcon = '<img src="' + LC_CAT_IMAGEBASE + sIcon + '" border="0">';
	} else {
		sIcon = '<span class="child_star">' + LC_CAT_CATEGORY_MARK + '</span>';
	}

	var spanP = '<span title="' + sHref + '" name="titleIcon_category">' + sIcon + '</span>';

	var linkSt = '';
	if (LC_CAT_DYNAMIC_SIZE) {
		var fsize = 68 + (64 * sCount / lc_cat_maxNum);
		linkSt += 'font-size:' + fsize + '%;';
	}
	if (LC_CAT_DECOLESS_CHILD) {
		linkSt += 'text-decoration:none;';
	}

	var linkP = '<a name="linkText_category" href="' + sHref + '" title="' + sName + ' (' + sCount + ')' + sTitle + '" class="child child_' + lc_cat_dep;
	if (linkSt != '') {
		linkP += '" style="' + linkSt;
	}
	linkP += '">' + spanP + '<span class="child_name">' + sText + '</span>';

	if (LC_CAT_DISPLAYNUM) {
		linkP += ' <span class="child_count">(' + sCount + ')</span>';
	}

	document.write(treeP + linkP + '</a></div>');
}
//-->
</script>

<span id="LC_CAT">
<!--plugin_category-->
<script language="JavaScript">
<!--
{
 lc_cat_registCat("<!--$plugin_category_title-->", "<!--$plugin_category_link-->", <!--$plugin_category_num-->, <!--$plugin_category_id-->);
}
//-->
</script>
<noscript>
<div &align class="plugin_data child">
<span class="child_star">・</span><a href="<!--$plugin_category_link-->" class="child_name"><!--$plugin_category_title--> (<!--$plugin_category_num-->)</a>
</div>
</noscript>
<!--/plugin_category-->

<noscript>
<small>
<div align="right">
<a target="_blank" href="http://lctreetz.blog69.fc2.com/blog-entry-200.html">JavaScriptを使用します</a><br>
</div>
</small>
</noscript>

<span id="lc_cat_creator_link">
<div align="right">
<small>
<a href="http://lctree.blog.shinobi.jp/Entry/5/">Script by</a>
<a href="http://lctree.blog26.fc2.com/">Lc-Factory</a>
<small>
<br>
(詳細:<a href="http://lctreetz.blog69.fc2.com/">Lc-Factory/雑記</a>)<br>
</small>
</small>
</div>
</span>

<script language="JavaScript">
<!--
{
if (!LC_CAT_CREATOR_LINK) {
	var crArea = document.getElementById("lc_cat_creator_link");
	crArea.style.display = "none";
}
var defs = new Object();
defs.DispStyle = 'none';
defs.DispIcon = LC_CAT_BOX_CLOSED;
defs.GrTitle = LC_CAT_TOOPEN;
if (LC_CAT_DEFAULT_OPENED) {
	defs.DispStyle = 'inline'
	defs.DispIcon = LC_CAT_BOX_OPENED;
	defs.GrTitle = LC_CAT_TOCLOSE;
}
lc_cat_outputTrees(lc_cat_mainList, defs);
}
//-->
</script>
</span>

↑これが、忍者ブログ向けLc.ツリーカテゴリーのソースです。
再配布はＮＧですが、ご自分で使うための改変はご自由です。

忍者ブログでの実績が少ないので、ひとまずベータ版ということで。


＊＊＊ 利用方法 ＊＊＊

・ブログ管理画面のメニューから、「プラグインの設定」をクリック。
・「フリーエリア」がなければ、「プラグインの追加」で追加する。
・「フリーエリア」の「HTML編集」をクリック。
・HTML編集のテキストエリアの内容を、全削除する。
・上記、Lc.ツリーカテゴリーのソースを、テキストエリアに貼り付ける。
・「変更」を押す。

これで、使えるようになるでしょう。
カテゴリ名にグループ名を付けてあれば、ツリー化するかと。

なお、この手順だけだと、タイトルが「フリーエリア」ですね。
プラグインの設定で、タイトルも適当に変えておくと良いかと。


＊＊＊ 基本機能 ＊＊＊

グループ名をカテゴリ名の冒頭に付けておけば、ツリー化します。
グループ名とカテゴリ名は、全角空白で区切ります。

例えば『野菜　キャベツ』というカテゴリー名なら、
『野菜』グループとしてツリー化します。

カテゴリ名を変えない方法もありますが、変える方法が簡単でしょうね。


＊＊＊ 他の機能？ ＊＊＊

プラグイン「Lc.ツリーカテゴリー」 （Lc-Factory＠FC2ブログ）
↑機能については、ひとまず、この記事をご覧ください。

FC2ブログ向けの説明なので、忍者ブログとは少し違いますけどね。
ダウンロード時の設定を読み飛ばせば、ほぼＯＫかと思います。
2008年5月以降にリリースされた機能も、読み飛ばしましょう。

機能は多いですが、ご自分に必要な機能以外は忘れるのが良いかと。
シンプルに使えば簡単ですよ。
ツリー化や折りたたみをしたいだけなら、ソースをいじる必要はありません。

なお、忍者ブログではプラグインHTMLが10KBまでしか書けない様子。
設定行を書き加えるタイプの機能を使う場合は、設定の外部化を行いましょう。


＊＊＊ 実証済み？ ＊＊＊

「Lc.ツリーカテゴリー」は、FC2ブログでは、多くの稼動実績があります。
旧バージョンも含めると、１万回以上ダウンロードされてきましたので。
かなり多くのブログで稼働中なので、それだけの実績はあるかと。

ただ、忍者ブログでは初登場です。
何か不具合がありましたら、情報をお寄せいただければと思います。

Windows版のIE、Opera、Firefoxにて、ざっと動作確認済みです。


＊＊＊ バージョンアップ？ ＊＊＊

「Lc.ツリーカテゴリー」は、バージョンアップすることがあります。
定期的にこのページを確認すると良いかも。
バグ修正や機能追加などがあるので、最新版が最善でしょう。

忍者ブログ版は、なかなかバージョンアップできないかも知れませんが。


＊＊＊ サポートなし ＊＊＊

サポートも動作保証も、する気はありません。
質問は歓迎ですが、一般論として役立つ場合のみ、たまに返答する程度です。
本業ではないので、ご容赦ください。

バグ情報をお寄せいただければ、できる範囲で修正します。
具体的な情報でないと、対応は難しいですけどね。