ＣｕｓbｌO

忍者ブログテンプレートカスタマイズ　ブログテンプレートＣＳＳ／ＨＴＭＬカスタマイズ覚書　忍者用ブログテンプレート作成中

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

[PR]

11/21(Thu) YESR2024

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

記事編集

△ＵＰ

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

06/19(Sat) YESR2010

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

カテゴリ分け方など説明
は
参考サイトLcーFactory@忍者ブログさま

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

<!--

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./";

// ■

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>

<!--

{

lc_cat_registCat("", "", , );

}

//-->

</script>

<span class="child_star">・</span><a href="" class="child_name"> ()</a>

</div>

</noscript>

<small>

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

</div>

</small>

</noscript>

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

</div>

</span>

<!--

{

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>

記事編集

△ＵＰ

この記事にコメントする

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

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

海　テンプレート« HOME »ブログ用動画カスタム　自動再生ループ　ＹｏｕＴｕｂｅ

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

ＣｕｓbｌO

[PR]

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

この記事にコメントする

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

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

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