Lc.ツリーリンク(for shinobi)を配布です。

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

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

---

<!-- Lc.ツリーリンク(for shinobi) 2008.04.29 -->

<script language="JavaScript">
<!--
// ツリー化＆折りたたみだけなら、HTMLの編集は不要です。
// ★解説→ http://lctree.blog26.fc2.com/blog-entry-91.html

var lc_lnk_titleList = new Array();
var lc_lnk_iconList = new Array();
var lc_lnk_grList = new Array();


// ■タイトル設定です。

lc_lnk_titleList['夢のリンク'] = '夢みたい！';


// ■アイコン画像設定です。

lc_lnk_iconList['夢のリンク'] = 'star01.gif';


// ■追加グループ設定です。

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


// ■表示設定です。
// 各設定項目とも、trueならON、falseならOFFです。

var LC_LNK_PARENTBOLD = false;	//親項目太字
var LC_LNK_DECOLESS_PARENT = false;	//親の下線消し
var LC_LNK_DECOLESS_CHILD = false;	//子の下線消し
var LC_LNK_PARENTBOX = true;	//親の＋などをボックス表示


// ■その他

var LC_LNK_INDENTCHR = '｜';
var LC_LNK_INDENTCHR_GROUP = '├';
var LC_LNK_TOOPEN = 'クリックすると、ツリーを開きます。';
var LC_LNK_TOCLOSE = 'クリックすると、ツリーを閉じます。';
var LC_LNK_BOX_CLOSED = '＋';
var LC_LNK_BOX_OPENED = '－';
var LC_LNK_BRANCH_CONNECT = '├';
var LC_LNK_BRANCH_EDGE= '└';

var LC_LNK_DEFAULT_OPENED = true;
var LC_LNK_GROUP_SEPARATOR = "　";
var LC_LNK_LINK_MARK = "*";

var LC_LNK_LINK_TARGET = '_blank';

var LC_LNK_CREATOR_LINK = false;


// ■


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

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

var lc_lnk_pCnt = 0;
var lc_lnk_dep = 0;

function lc_lnk_searchGr(l_no) {
	var grLen = lc_lnk_grList.length;
	for (var i = 0; i < grLen; i++) {
		var subs = lc_lnk_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_lnk_registLink(l_name, l_link, l_no) {
	//Script by http://lctree.fc2web.com/manner/
	var exGr = lc_lnk_searchGr(l_no);
	var linkName = l_name;
	if (exGr != '') {
		linkName = exGr + LC_LNK_GROUP_SEPARATOR + l_name;
	}
	var splited = linkName.split(LC_LNK_GROUP_SEPARATOR)

	var subAr = lc_lnk_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.no = l_no;
	subAr['<"8>' + obj.name] = obj;
	subAr['<"7>'][subAr['<"7>'].length] = '<"8>' + obj.name;
}

function lc_lnk_indent(l_num, l_group) {
	var ret = '';
	for (var i = 0; i < l_num; i++) {
		var indchr = LC_LNK_INDENTCHR;
		if (l_group && i == l_num - 1 && LC_LNK_INDENTCHR_GROUP != null) {
			indchr = LC_LNK_INDENTCHR_GROUP;
		}
		
		ret += '<span class="indent_' + i + '">' + indchr + "</span>";

	}
	ret = '<span class="indent">' + ret + "</span>";

	return ret;
}

function lc_lnk_HideAndShow(l_pCnt) {
	//Script by http://lctree.fc2web.com/manner/
	var grIcon = document.getElementById('lc_lnk_box_' + l_pCnt);
	var grArea = document.getElementById('lc_lnk_group_' + l_pCnt);
	var grLink = document.getElementById('lc_lnk_parent_' + l_pCnt);
	var grIconText;
	if (grArea.style.display == 'none') {
		grIconText = LC_LNK_BOX_OPENED;
		grArea.style.display = 'inline';
		grLink.title = LC_LNK_TOCLOSE;
	} else {
		grIconText = LC_LNK_BOX_CLOSED;
		grArea.style.display = 'none';
		grLink.title = LC_LNK_TOOPEN;
	}

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

function lc_lnk_outputTrees(l_subAr, l_defs) {
	//Script by http://lctree.fc2web.com/manner/

	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_lnk_outputLeaf(sChild, LC_LNK_BRANCH_EDGE);
			} else {
				lc_lnk_outputLeaf(sChild, LC_LNK_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_LNK_BOX_CLOSED;
				grTitle = LC_LNK_TOOPEN;
				grCap = sKey.substring(1,sKey.length);
			}

			lc_lnk_pCnt++;
			var indentStr = lc_lnk_indent(lc_lnk_dep, true);
			var grAreaId = 'lc_lnk_group_' + lc_lnk_pCnt;
			var grSpan = '<span style="display:' + dispStyle + ';" id="' + grAreaId + '">';
			var mainLinkP = lc_lnk_createMainLink(grTitle, grCap, dispIcon);
			document.write('<div class="plugin_data">' + indentStr + mainLinkP + '</div>' + grSpan);

			lc_lnk_dep++;
			lc_lnk_outputTrees(sChild, l_defs);
			lc_lnk_dep--;

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

function lc_lnk_createMainLink(l_grTitle, l_grCap, l_boxStr) {
	//Script by http://lctree.fc2web.com/manner/

	var grIconId = 'lc_lnk_box_' + lc_lnk_pCnt;
	var hsFunc = 'lc_lnk_HideAndShow(\'' + lc_lnk_pCnt + '\'); return false;';

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

	var ret = '<a href="javascript:;" onclick="' + hsFunc;
	ret += '" class="parent parent_' + lc_lnk_dep;
	if (linkSt != '') {
		ret += '" style="' + linkSt;
	}
	ret += '" title="' + l_grTitle + '" id="lc_lnk_parent_' + lc_lnk_pCnt + '"><span class="box"';

	if (LC_LNK_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_lnk_iconList[l_grCap];
	if (!sIcon) {
		sIcon = lc_lnk_iconList['<親' + lc_lnk_dep + '>'];
	}
	if (!sIcon) {
		sIcon = lc_lnk_iconList['<親>'];
	}
	if (sIcon) {
		ret += '<img src="' + '<%url>file/' + sIcon + '" border="0">';
	}
	ret += l_grCap + '</a>';
	return ret;
}

function lc_lnk_outputLeaf(l_obj, l_treeMark) {
	//Script by http://lctree.fc2web.com/manner/
	var sHref = l_obj.href;
	var sName = l_obj.name;
	var sNo = l_obj.no;

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

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

	}

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

	var sIcon = lc_lnk_iconList[sName];
	if (!sIcon) {
		sIcon = lc_lnk_iconList[sHref];
	}
	if (!sIcon) {
		sIcon = lc_lnk_iconList['<子' + lc_lnk_dep + '>'];
	}
	if (!sIcon) {
		sIcon = lc_lnk_iconList['<子>'];
	}
	if (sIcon) {
		sIcon = '<img src="' + '<%url>file/' + sIcon + '" border="0">';
	} else {
		sIcon = '<span class="child_star">' + LC_LNK_LINK_MARK + '</span>';
	}

	var spanP = sIcon;

	var linkSt = '';
	if (LC_LNK_DECOLESS_CHILD) {
		linkSt += 'text-decoration:none;';
	}

	var linkP = '<a target="' + LC_LNK_LINK_TARGET + '" name="linkText_category" href="' + sHref + '" title="' + sName + sTitle;
	linkP += '" class="child child_' + lc_lnk_dep;

	if (linkSt != '') {
		linkP += '" style="' + linkSt;
	}
	linkP += '">' + spanP + '<span class="child_name">' + sName + '</span></a>';

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

var lc_lnk_pureCount = 0;
//-->
</script>

<span id="LC_LNK">
<!--plugin_link-->
<script language="JavaScript">
<!--
{
 lc_lnk_registLink("<!--$plugin_link_title--><!--if_link_img--><img src='<!--$plugin_link_img_link-->' border='0'><!--/if_link_img-->", "<!--$plugin_link_link-->", lc_lnk_pureCount++);
}
//-->
</script>
<noscript>
<div &align class="plugin_data child">
<span class="child_star">&answer3</span><a href="<!--$plugin_link_link-->" class="child_name">
<!--if_link_img-->
<img src="<!--$plugin_link_img_link-->" border="0">
<!--/if_link_img-->
<!--if_not_link_img-->
<!--$plugin_link_title-->
<!--/if_not_link_img-->
</a>
</div>
</noscript>
<!--/plugin_link-->

<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_lnk_creator_link">
<div align="right">
<small>
<a target="_blank" href="http://lctree.blog26.fc2.com/blog-entry-91.html">Script by</a>
<a target="_blank" href="http://lctree.blog26.fc2.com/">Lc-Factory</a>
<small>
<br>
(詳細:<a target="_blank" href="http://lctreetz.blog69.fc2.com/">Lc-Factory/雑記</a>)
(忍者版:<a href="http://lctree.blog.shinobi.jp/">Lc-Factory＠忍者ブログ</a>)
</small>
</small>
</div>
</span>

<script language="JavaScript">
<!--
{
if (!LC_LNK_CREATOR_LINK) {
	var crArea = document.getElementById("lc_lnk_creator_link");
	crArea.style.display = "none";
}
var defs = new Object();
defs.DispStyle = 'none';
defs.DispIcon = LC_LNK_BOX_CLOSED;
defs.GrTitle = LC_LNK_TOOPEN;
if (LC_LNK_DEFAULT_OPENED) {
	defs.DispStyle = 'inline'
	defs.DispIcon = LC_LNK_BOX_OPENED;
	defs.GrTitle = LC_LNK_TOCLOSE;
}
lc_lnk_outputTrees(lc_lnk_mainList, defs);
}
//-->
</script>
</span>

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

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


＊＊＊ 利用方法 ＊＊＊

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

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

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



＊＊＊ 基本機能 ＊＊＊

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

例えば『野菜　キャベツ』という名前で登録したリンクなら、
『野菜』グループとしてツリー化します。

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


＊＊＊ 他の機能？ ＊＊＊

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

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

機能は多いですが、ご自分に必要な機能以外は忘れるのが良いかと。
シンプルに使えば簡単ですよ。

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


＊＊＊ 画像表示にも対応 ＊＊＊

リンクの画像表示にも対応しています。
リンク管理画面で画像表示を指定したリンクは、画像で表示します。
忍者ブログの標準機能ということで、実装しておきました。
FC2ブログ向けにはない機能ですね。

なお、今のところ、リンクごとのtarget指定には対応していません。
要望があれば考えますが、ひとまず見合わせです。


＊＊＊ 実証済み？ ＊＊＊

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

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

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


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

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

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


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

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

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