Lc.ツリーコメント(for 忍者)を配布です。

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

アイコン表示、敬称表示など、多くの機能を搭載。
何を親にしてツリー化するかは、閲覧者が好きに切り替える方式です。

---

<!-- Lc.ツリーコメント(for 忍者) 2009.11.23 -->

<script language="JavaScript">
<!--
var lc_rcom_iconList = new Array();
var lc_rcom_suffixList = new Array();

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

//lc_rcom_iconList["<子>"] = "guest.gif";
lc_rcom_iconList["管理しゃ"] = "master.gif";


// ■敬称設定

lc_rcom_suffixList["<通常>"] = " さん";
lc_rcom_suffixList["管理人"] = " ";
lc_rcom_suffixList[""] = "(匿名さん)";


// ■Newマーク関連

var LC_RCOM_NEWMARK = '<span style="position:relative;color:#ff00e0;font-size:80%"><span style="position:absolute;top:0px;left:-5px">New</span></span>';
var LC_RCOM_NEW_HOUR = -1;	//New表示時間

// ■その他

var LC_RCOM_TOOPEN = "クリックするとツリーを開きます。";
var LC_RCOM_TOCLOSE = "クリックするとツリーを閉じます。";
var LC_RCOM_IMAGEBASE = "http://file.<!--$g_user_id-->/";

var LC_RCOM_ANSWER1 = "開いてます";
var LC_RCOM_ANSWER2 = "選択";
var LC_RCOM_ANSWER3 = "20";

// ■
if (document.getElementById('lc_rcom_exinit')) {
	lc_rcom_exinit();
}
var lc_rcom_mode = LC_RCOM_ANSWER2;
function lc_rcom_HideAndShow(l_mainCnt) {
	//Script by http://lctree.blog26.fc2.com/
	var sGrIconId = 'lc_rcom_GroupIcon' + l_mainCnt;
	var sGrAreaId = 'lc_rcom_tagGroup' + l_mainCnt;
	var oGrIcon = document.getElementById(sGrIconId);
	var oGrArea = document.getElementById(sGrAreaId);
	var sGrIconText;
	if (oGrArea.style.display == 'none') {
		sGrIconText = '－';
		oGrArea.style.display = 'inline';
		oGrIcon.title = LC_RCOM_TOCLOSE;
	} else {
		sGrIconText = '＋';
		oGrArea.style.display = 'none';
		oGrIcon.title = LC_RCOM_TOOPEN;
	}
 
	if (oGrIcon.innerText) {
		oGrIcon.innerText = sGrIconText;
	} else {
		oGrIcon.nodeValue = sGrIconText;
	}
}

function lc_rcom_modifyText(l_Text) {
	//script by http://lctree.blog26.fc2.com/

	var iStrLimit = 200;
	if (!isNaN(LC_RCOM_ANSWER3)) {
		iStrLimit = parseInt(LC_RCOM_ANSWER3);
	}

	var iSmallNum = 0;
	for (var i = 0; i < l_Text.length; i++) {
		var c = l_Text.charAt(i);
		if (escape(c).length < 4) {
			iSmallNum++;
		}
	}

	if (iStrLimit < l_Text.length - (iSmallNum / 3)) {
		return l_Text.substring(0, iStrLimit - 1 + Math.floor(iSmallNum / 3)) + '...';
	} else {
		return l_Text;
	}
}

function lc_rcom_suffix(l_name) {
	var suf = lc_rcom_suffixList[l_name];
	if (!suf) {
		suf = lc_rcom_suffixList["<通常>"];
	}
	if (suf) {
		return l_name + suf;
	}
	return l_name;
}
function lc_rcom_createObject(l_name, l_href, l_no, l_title, l_etitle, l_date, l_hour, l_min) {
	//script by http://lctree.blog26.fc2.com/
	var obj = new Object();

	obj.name = l_name;
	obj.href = l_href;
	obj.no = l_no;

	if (l_title == '') {
		obj.title = '(題名なし)';
	} else {
		obj.title = l_title;
	}

	if (l_etitle == '') {
		obj.etitle = '(無題)';
	} else {
		obj.etitle = l_etitle;
	}

	obj.date = l_date;
	obj.sdate = l_date.substring(5,10);
	obj.hour = l_hour;
	obj.minute = l_min;

	return obj;
}
function lc_rcom_getParent(obj) {
	if (lc_rcom_mode == "日付") {
		return obj.date;
	} else if (lc_rcom_mode == "人") {
		return obj.name;
	} else if (lc_rcom_mode == "日付") {
		return obj.date;
	} else if (lc_rcom_mode == "月") {
		return obj.date.substring(0,7);
	} else {
		return obj.etitle;
	}
}

function lc_rcom_pickupParentNames(l_tagAr) {
	//script by http://lctree.blog26.fc2.com/
	var parentAr = new Array();
	var donesAr = new Array();
	for (var i = l_tagAr.length - 1; i >= 0; i--) {
		var sName1 = lc_rcom_getParent(l_tagAr[i]);
		if (!donesAr[sName1]) {
			parentAr[parentAr.length] = sName1;
			donesAr[sName1] = true;
		}
	}
	return parentAr;
}

function lc_rcom_pickupChildren(l_tagAr) {
	//script by http://lctree.blog26.fc2.com/
	var childAr = new Array();

	for (var i = l_tagAr.length - 1; i >= 0; i--) {
		var sParent = lc_rcom_getParent(l_tagAr[i]);

		var subAr;
		if (childAr[sParent]) {
			subAr = childAr[sParent];
		} else {
			subAr = new Array();
			childAr[sParent] = subAr;
		}

		subAr[subAr.length] = l_tagAr[i];
	}

	return childAr;
}

var lc_rcom_tagArray = new Array();

function lc_rcom_createMain() {
	//script by http://lctree.blog26.fc2.com/
	var sDefaultDispStyle = 'none';
	var sDefaultDispIcon = '＋';
	var sDefaultDispTitle = LC_RCOM_TOOPEN;
	if (LC_RCOM_ANSWER1 == '開いてます') {
		sDefaultDispStyle = 'inline'
		sDefaultDispIcon = '－';
		sDefaultDispTitle = LC_RCOM_TOCLOSE;
	}

	var ret = "";

	var parentAr = lc_rcom_pickupParentNames(lc_rcom_tagArray);
	var childAr = lc_rcom_pickupChildren(lc_rcom_tagArray, parentAr);
	var nowDt = (new Date()).getTime();

	for (var iMainCnt = parentAr.length - 1; iMainCnt >= 0; iMainCnt--) {

		var sParent = parentAr[iMainCnt];
		if (!childAr[sParent]) {
			continue;
		}

		var subChildAr = childAr[sParent];
		if (subChildAr.length == 0) {
			continue;
		}

		var sGrIconId = 'lc_rcom_GroupIcon' + iMainCnt;
		var sGrAreaId = 'lc_rcom_tagGroup' + iMainCnt;
		var sHideAndShowFunc = 'lc_rcom_HideAndShow(\'' + iMainCnt + '\'); return false;';

		var sDispStyle = sDefaultDispStyle;
		var sDispIcon = sDefaultDispIcon;
		var sDispTitle = sDefaultDispTitle;

		if (lc_rcom_mode == "人") {
			sParent = lc_rcom_suffix(sParent);
		}

		var sMainLkP = '<b><a href="javascript:;" onclick="' + sHideAndShowFunc;
		sMainLkP += '" title="クリックで開閉します（' + sParent + '）">';
		sMainLkP += '<span style="background-color: #ffffff; border: 1px solid #666666; font-size: 70%; margin-right: 2px; color: #333333;" id="';
		sMainLkP += sGrIconId + '" title="' + sDispTitle + '">';
		sMainLkP += sDispIcon + '</span>';
		sMainLkP += lc_rcom_modifyText(sParent) + '</a></b>';

		ret += '</span>' + sMainLkP + '<br><span style="display:' + sDispStyle + ';" id="' + sGrAreaId + '">';

		for (var k = subChildAr.length - 1; k >= 0; k--) {
			var oChild = subChildAr[k];
			var sChildLkP;
			if (k == 0) {
				sChildLkP = ' └ ';
			} else {
				sChildLkP = ' ├ ';
			}

			var sDatetime = oChild.date + ' ' + oChild.hour + ':' + oChild.minute;
			if (nowDt < (Date.parse(oChild.date)) + (LC_RCOM_NEW_HOUR * 3600000)) {
				sChildLkP += LC_RCOM_NEWMARK;
			}

			var sIcon = lc_rcom_iconList[oChild.name];
			if (!sIcon) {
				sIcon = lc_rcom_iconList["<子>"];
			}
			if (sIcon) {
				sChildLkP += '<img src="';
				if (sIcon.indexOf('http://') == -1) {
					sChildLkP += LC_RCOM_IMAGEBASE;
				}
				sChildLkP += sIcon + '" border="0">';
			}

			sChildLkP += '<a name="lc_rcom_linkAncher" href="' + oChild.href; // + '#comment' + oChild.no;
			sChildLkP += '" title="' + sDatetime + '【' + lc_rcom_suffix(oChild.name) + '】\n' + oChild.etitle + '\n' + oChild.title + '">';
			sChildLkP += lc_rcom_modifyText(oChild.title) + '</a>';

			ret += sChildLkP + '<br>';
		}
	}
	return ret;
}
function lc_lnk_createModeLink(l_mode) {
	var func = "lc_rcom_mode='" + l_mode + "'; document.getElementById('lc_rcom_bodyArea').innerHTML=lc_rcom_createMain();";
	var ret = "<a href=\"javascript:;\" onClick=\"" + func + "\" title=\"" + l_mode + "ごとにツリー化して表示\">" + l_mode + "</a>";
	return ret;
}

if (lc_rcom_mode == "選択") {
	document.write(lc_lnk_createModeLink("記事") + " " + lc_lnk_createModeLink("人") + " " + lc_lnk_createModeLink("日付") + " " + lc_lnk_createModeLink("月") + "<br>");
}
//-->
</script>


<!--plugin_comment-->
<div class="plugin_data">
<script language="JavaScript">
<!--
	lc_rcom_tagArray[lc_rcom_tagArray.length] = lc_rcom_createObject("<!--$plugin_comment_name-->","<!--$plugin_comment_link-->","","<!--$plugin_comment_title-->","<!--$plugin_comment_entry_title-->","<!--$plugin_comment_year-->/<!--$plugin_comment_mon-->/<!--$plugin_comment_day-->","<!--$plugin_comment_hour-->","<!--$plugin_comment_min-->");

//-->
</script>
<noscript>
<div class="plugin_cm<!--if_comment_res-->_with_res<!--/if_comment_res-->">
<a href="<!--$plugin_comment_link-->"><!--$plugin_comment_title--></a>
<!--if_comment_res--><img alt="" align="absMiddle" src="http://bfile.shinobi.jp/emoji/V/88.gif" /><!--/if_comment_res-->
</div>
</div>
<div class="plugin_data_date">[<!--$plugin_comment_mon-->/<!--$plugin_comment_day--> <!--$plugin_comment_name-->]
</noscript>
</div>
<!--/plugin_comment-->


<span id="lc_rcom_bodyArea"></span>

<script language="JavaScript">
<!--
document.getElementById("lc_rcom_bodyArea").innerHTML = lc_rcom_createMain();
//-->
</script>

<noscript>
<small>
<div align="right">
<a target="_blank" href="http://lctree.blog26.fc2.com/blog-entry-96.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 target="_blank" href="http://lctreetz.blog69.fc2.com/blog-entry-200.html">ここ</a>)
</small>
</div>
</small>
</noscript>

↑これが、忍者ブログ向けLc.ツリーコメントのソースです。
再配布はＮＧですが、ご自分で使うための改変はご自由です。
カスタマイズ方法を教えるのもご自由にどうぞ。

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


＊＊＊ 利用方法 ＊＊＊

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

これで、使えるようになるでしょう。

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



＊＊＊ どんな機能？ ＊＊＊

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

FC2ブログ向けの説明なので、忍者ブログとは少し違いますけどね。
ダウンロード時の設定を読み飛ばせば、ほぼＯＫかと思います。
2009年10月以降にリリースされた機能も、読み飛ばしましょう。
細かい情報は、Lc-Factory/雑記を検索すると得られるかも。

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


＊＊＊ 実証済み？ ＊＊＊

「Lc.ツリーコメント」は、FC2ブログでは、多くの稼動実績があります。
かなり多くのブログで稼働中なので、それだけの実績はあるかと。

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

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


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

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

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


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

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

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