忍者ブログ

CusblO

忍者ブログテンプレートカスタマイズ ブログテンプレートCSS/HTMLカスタマイズ覚書 忍者用ブログテンプレート作成中

HOME[PR]カラムとサイドバーとプラグインツリー化 カテゴリ プラグイン変更のみ

[PR]

09/22(Fri)  YESR2017

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

ツリー化 カテゴリ プラグイン変更のみ

06/19(Sat)  YESR2010

★マークが 子カテゴリ名に表示される
ので
マーク変更や消したい場合以下の部分の★だけ変更
var LC_CAT_CATEGORY_MARK = "★";

カテゴリ分け方など説明

参考サイトLcーFactory@忍者ブログさま

 

プラグイン で フリーエリアを 追加
フリーエリアHTMLに下記タグを全てコピペ

<!-- 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>

拍手

PR

この記事にコメントする

お名前
タイトル
文字色
メールアドレス
URL
コメント
パスワード   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
 管理人だけに表示

この記事へのトラックバック

この記事にトラックバックする:

海 テンプレート« HOME »ブログ用動画カスタム 自動再生ループ YouTube

最新コメント
[04/23 管理人]

最新トラックバック
(03/10)

Yurapisは、Twitterとmyspace同期中

ブログ:
ネーム:
かすぽ
趣味:
美しい・綺麗なものの鑑賞
自己紹介:
CusBloスタート:2010.03.07
3月16日1作目完成とどうじに愛猫天使記念日

最近自分が引っ込み思案と知った。
フリーかつ手動作成まっしぐら中

素材配布サイト様へ:リンク漏れが有る場合以下の専用ページにコメントください



Copyright (C) CusblO
TEMPLATE by CusBlo
     忍者ブログ [PR]
 | 管理 | 新記事