<li>バージョンのTreeプラグイン@PCAFEさん | 公式「カスタマイズ用」カテゴリープラグインクラス設定あわせ (セルに切り分けていないものは、テキストエリアの中にあります) |
=====COMMENT===== | =====COMMENT===== |
<div class="tree"><ul id="RC"> | <div class="tree"><ul class="main_menu" id="RC"> |
<!--rcomment--><li> | <!--rcomment--><li> |
<a href="<%rcomment_link>#comment<%rcomment_no>" title="<%rcomment_etitle>" | <a href="<%rcomment_link>#comment<%rcomment_no>" title="<%rcomment_etitle>" |
name="<%rcomment_year>/<%rcomment_month>/<%rcomment_day>/<%rcomment_hour>"> | name="<%rcomment_year>/<%rcomment_month>/<%rcomment_day>/<%rcomment_hour>"> |
<span><%rcomment_month>/<%rcomment_day></span> | <span><%rcomment_month>/<%rcomment_day></span> |
<%rcomment_name></a> | <%rcomment_name></a> |
</li><!--/rcomment--> | </li><!--/rcomment--> |
</ul></div> | </ul></div> |
<script type="text/javascript"><!-- | <script type="text/javascript"><!-- |
var A=document.getElementById('RC').getElementsByTagName('A'); | var A=document.getElementById('RC').getElementsByTagName('A'); |
I=""; L=A.length; | I=""; L=A.length; |
for (i=0;i<L;i++){ E=A[i].title; if (E!="") { | for (i=0;i<L;i++){ E=A[i].title; if (E!="") { |
var C=new Array(); c=-1; I+='<li><b>'+E+'</b><br />'; | var C=new Array(); c=-1; I+='<li class="main_list">'+E+'<ul class="sub_menu">'; |
for (j=i;j<L;j++){if (A[j].title==E) {c++; C[c]=j}} | for (j=i;j<L;j++){if (A[j].title==E) {c++; C[c]=j}} |
for (j=0;j<=c;j++){ | for (j=0;j<=c;j++){ |
k=C[j]; A[k].title=""; p=A[k].name; | k=C[j]; A[k].title=""; p=A[k].name; |
if (j<c) {I+=' ├'} else {I+=' └'} | if (j<c) {I+='<li class="sub_list">'} else {I+='<li class="sub_list_end">'} |
I+='<a href="'+A[k].href+'" title="'+p+'" name="'+p+'">'+A[k].innerHTML+'</a><br />'; | I+='<a href="'+A[k].href+'" title="'+p+'" name="'+p+'">'+A[k].innerHTML+'</a></li>'; |
} I+='</li>'; | } I+='</li></ul></li>'; |
} } document.getElementById('RC').innerHTML=I; | } } document.getElementById('RC').innerHTML=I; |
--></script> | --></script> |
=====TB===== | =====TB===== |
<div class="tree"><ul id="RT"> | <div class="tree"><ul class="main_menu" id="RT"> |
<!--rtrackback--><li> | <!--rtrackback--><li> |
<a href="<%rtrackback_link>#trackback<%rtrackback_no>" title="<%rtrackback_etitle>" | <a href="<%rtrackback_link>#trackback<%rtrackback_no>" title="<%rtrackback_etitle>" |
name="<%rtrackback_year>/<%rtrackback_month>/<%rtrackback_day>/<%rtrackback_hour>"> | name="<%rtrackback_year>/<%rtrackback_month>/<%rtrackback_day>/<%rtrackback_hour>"> |
<span><%rtrackback_month>/<%rtrackback_day></span> | <span><%rtrackback_month>/<%rtrackback_day></span> |
<%rtrackback_blog_name></a> | <%rtrackback_blog_name></a> |
</li><!--/rtrackback--> | </li><!--/rtrackback--> |
</ul></div> | </ul></div> |
<script type="text/javascript"><!-- | <script type="text/javascript"><!-- |
var A=document.getElementById('RT').getElementsByTagName('A'); | var A=document.getElementById('RT').getElementsByTagName('A'); |
I=""; L=A.length; | I=""; L=A.length; |
for (i=0;i<L;i++){ E=A[i].title; if (E!="") { | for (i=0;i<L;i++){ E=A[i].title; if (E!="") { |
var C=new Array(); c=-1; I+='<li><b>'+E+'</b><br />'; | var C=new Array(); c=-1; I+='<li class="main_list">'+E+'<ul class="sub_menu">'; |
for (j=i;j<L;j++){if (A[j].title==E) {c++; C[c]=j}} | for (j=i;j<L;j++){if (A[j].title==E) {c++; C[c]=j}} |
for (j=0;j<=c;j++){ | for (j=0;j<=c;j++){ |
k=C[j]; A[k].title="";p=A[k].innerHTML.split(' '); q=A[k].name; | k=C[j]; A[k].title="";p=A[k].innerHTML.split(' '); q=A[k].name; |
if (j<c) {I+=' ├'} else {I+=' └'} | if (j<c) {I+='<li class="sub_list">'} else {I+='<li class="sub_list_end">'} |
I+='<a href="'+A[k].href+'" title="'+q+'" name="'+q+'">'+p[1]+'</a><br />'; | I+='<a href="'+A[k].href+'" title="'+q+'" name="'+q+'">'+p[1]+'</a></li>'; |
} I+='</li>'; | } I+='</li></ul></li>'; |
} } document.getElementById('RT').innerHTML=I; | } } document.getElementById('RT').innerHTML=I; |
--></script> | --></script> |
=====RECENT===== | =====RECENT===== |
<div class="tree"><ul id="RE"> | <div class="tree"><ul class="main_menu" id="RE"> |
<!--recent--><li> | <!--recent--><li class="main_list"> |
<span><%recent_month>/<%recent_day></span> | <span><%recent_month>/<%recent_day></span><li class="sub_list_end"> |
<a href="<%recent_link>" title="<%recent_month>月<%recent_day>日" name="<%recent_year>/<%recent_month>/<%recent_day>/<%recent_hour>"> | <a href="<%recent_link>" title="<%recent_month>月<%recent_day>日" name="<%recent_year>/<%recent_month>/<%recent_day>/<%recent_hour>"> |
<%recent_title></a> | <%recent_title></a> |
</li><!--/recent--> | </li><!--/recent--> |
</ul></div> | </ul></div> |
<script type="text/javascript"><!-- | <script type="text/javascript"><!-- |
var A=document.getElementById('RE').getElementsByTagName('A'); | var A=document.getElementById('RE').getElementsByTagName('A'); |
var I=""; var E=""; var L=A.length; | var I=""; var E=""; var L=A.length; |
for (i=0;i<L;i++){ | for (i=0;i<L;i++){ |
if (A[i].title!=E){ E=A[i].title; I+='<li><b>'+E+'</b><br />'} | if (A[i].title!=E){ E=A[i].title; I+='<li class="main_list">'+E+'<ul class="sub_menu">'} |
if (i==L-1 || A[i+1].title!=E){ I+=' └';k='</li>'; | if (i==L-1 || A[i+1].title!=E){ I+='<li class="sub_list_end">';k='</li></ul></li>'; |
} else {I+=' ├';k=""} | } else {I+='<li class="sub_list">';k=""} |
I+='<a href="'+A[i].href+'" name="'+A[i].name+'">'+A[i].innerHTML+'</a><br />'+k; | I+='<a href="'+A[i].href+'" name="'+A[i].name+'">'+A[i].innerHTML+'</a></li>'+k; |
} | } |
document.getElementById('RE').innerHTML=I; | document.getElementById('RE').innerHTML=I; |
//--></script> | //--></script> |
=====Archive===== | =====Archive===== |
<div class="tree"><ul id="AR"><!--archive--> | <div class="tree"><ul class="main_menu" id="AR"><!--archive--> |
<li> | <li class="main_list"> |
<a href="<%archive_link>" title="<%archive_year>"> | <a href="<%archive_link>" title="<%archive_year>"> |
<%archive_year>年<%archive_month>月 (<%archive_count>) | <%archive_year>年<%archive_month>月 (<%archive_count>) |
</a> | </a> |
</li> | </li> |
<!--/archive--></ul></div> | <!--/archive--></ul></div> |
<script type="text/javascript"><!-- | <script type="text/javascript"><!-- |
var A=document.getElementById('AR').getElementsByTagName('A'); | var A=document.getElementById('AR').getElementsByTagName('A'); |
L=A.length; Y=0; YN=0; I=""; | L=A.length; Y=0; YN=0; I=""; |
function yc(k) { | function yc(k) { |
for (i=0;i<YN;i++){document.getElementById('y'+i).style.display="none"} | for (i=0;i<YN;i++){document.getElementById('y'+i).style.display="none"} |
document.getElementById("y"+k).style.display="block"; | document.getElementById("y"+k).style.display="block"; |
} | } |
for (i=0;i<L;i++){ | for (i=0;i<L;i++){ |
E=A[i].title; k=""; | E=A[i].title; k=""; |
if(E!=Y){I+='<li><b onclick="yc('+YN+')">'+E+'年</b><br /><span id="y'+YN+'">'; Y=E; YN++} | if(E!=Y){I+='<li class="main_list"><b onclick="yc('+YN+')">'+E+'年</b><ul class="sub_menu" id="y'+YN+'">'; Y=E; YN++} |
if(i==L-1 || A[i+1].title!=E ) {I+=" └ ";k='</span></li>'} else {I+=" ├ "} | if(i==L-1 || A[i+1].title!=E ) {I+='<li class="sub_list_end">';k='</ul></li>'} else {I+='<li class="sub_list">'} |
I+='<a href="'+A[i].href+'">'+A[i].innerHTML.split('年')[1]+'</a><br />'+k; | I+='<a href="'+A[i].href+'">'+A[i].innerHTML.split('年')[1]+'</a></li>'+k; |
} | } |
document.getElementById('AR').innerHTML=I; | document.getElementById('AR').innerHTML=I; |
for (i=1;i<YN;i++){document.getElementById('y'+i).style.display="none"} | for (i=1;i<YN;i++){document.getElementById('y'+i).style.display="none"} |
//--></script> | //--></script> |
=====LINK===== | =====LINK===== |
<div class="tree"><ul id="LK"><!--link--> | <div class="tree"><ul class="main_menu" id="LK"><!--link--> |
<li> | <li> |
<a href="<%link_url>" title="<%link_url>" target="_blank"><%link_name></a> | <a href="<%link_url>" title="<%link_url>" target="_blank"><%link_name></a> |
</li> | </li> |
<!--/link--></ul></div> | <!--/link--></ul></div> |
<script type="text/javascript"><!-- | <script type="text/javascript"><!-- |
var A=document.getElementById('LK').getElementsByTagName('A'); | var A=document.getElementById('LK').getElementsByTagName('A'); |
var C=new Array(); var t=new Array(); I=""; | var C=new Array(); var t=new Array(); I=""; |
/*--------------------------- 各リンクの説明 ----------------*/ | /*--------------------------- 各リンクの説明 ----------------*/ |
t[1]=""; | t[1]=""; |
t[2]=""; | t[2]=""; |
t[3]=""; | t[3]=""; |
t[4]=""; | t[4]=""; |
t[5]=""; | t[5]=""; |
t[6]=""; | t[6]=""; |
t[7]=""; | t[7]=""; |
t[8]=""; | t[8]=""; |
t[9]=""; | t[9]=""; |
/*-------------------------- 分類グループ -------------------*/ | /*-------------------------- 分類グループ -------------------*/ |
C[1]="Group-A,1,2,3"; | C[1]="Group-A,1,2,3"; |
C[2]="Group-B"; | C[2]="Group-B"; |
C[3]="Group-C"; | C[3]="Group-C"; |
OTHER="others"; // 「未分類」グループ名 | OTHER="others"; // 「未分類」グループ名 |
/*-------------------------------------------*/ | /*-------------------------------------------*/ |
for (i=1;i<t.length;i++){if(t[i]!="" && t[i]!=undefined){A[i-1].title=t[i]}} | for (i=1;i<t.length;i++){if(t[i]!="" && t[i]!=undefined){A[i-1].title=t[i]}} |
for (i=1;i<C.length;i++){ | for (i=1;i<C.length;i++){ |
p=C[i].split(','); l=p.length; if(l>1){ | p=C[i].split(','); l=p.length; if(l>1){ |
I=I+'<li><b>'+p[0]+'</b><br />'; | I=I+'<li class="main_list">'+p[0]+'<ul class="sub_menu">'; |
for (k=1;k<l;k++){ q=p[k]-1; | for (k=1;k<l;k++){ q=p[k]-1; |
if(k==l-1) {I+=" └ "} else {I+=" ├ "} | if(k==l-1) {I+='<li class="sub_list_end">'} else {I+='<li class="sub_list">'} |
I+='<a href="'+A[q].href+'" title="'+A[q].title+'">'+A[q].innerHTML+'</a><br />'; | I+='<a href="'+A[q].href+'" title="'+A[q].title+'">'+A[q].innerHTML+'</a></li>'; |
A[q].title=""; | A[q].title=""; |
} I+='</li>'; | } I+='</li></ul></li>'; |
} } | } } |
l=-1; var C=new Array(); | l=-1; var C=new Array(); |
for (i=0;i<A.length;i++){if (A[i].title!="") {l++; C[l]=i}} | for (i=0;i<A.length;i++){if (A[i].title!="") {l++; C[l]=i}} |
if(l>=0){ I+='<li><b>'+OTHER+'</b><br />'; | if(l>=0){ I+='<li class="main_list">'+OTHER+'<ul class="sub_menu">'; |
for (i=0;i<l;i++){ | for (i=0;i<l;i++){ |
k=C[i]; if (i<l-1) {I+=' ├'} else {I+=' └'} | k=C[i]; if (i<l-1) {I+='<li class="sub_list_end">'} else {I+='<li class="sub_list">'} |
I+='<a href="'+A[k].href+'" title="'+A[k].title+'">'+A[k].innerHTML+'</a><br />'; | I+='<a href="'+A[k].href+'" title="'+A[k].title+'">'+A[k].innerHTML+'</a></li>'; |
} I+='</li>' | } I+='</li></ul></li>' |
} | } |
document.getElementById('LK').innerHTML=I; | document.getElementById('LK').innerHTML=I; |
--></script> | --></script> |