アーカイブリストの折りたたみ
＊ HP&Blog(BlogCustomize) ＊ 2011.07.19.Tue ＊
Jugemのアーカイブリストの折りたたみタグ
{archives_list2ex}
これを使用すると、うちのブログの場合、昨年以前のリストの位置がずれてしまい、
正常に表示されませんでした。
これを何とか使えるように弄り…
まず、テンプレートのhtmlに「キープテンプレート」のスクリプトを入れている場合は
削除するか、スクリプトを
<!--
// -->
で、括るなどして機能しないようにする。
(?tid=6などのテンプレートIDがついているURL内では
月別アーカイブへのリンクが機能しないため)
テンプレートのhtmlの中の{archives_list}タグを
ミルクゼリーさんが配布しているタグに直接入れ替える。
このままでもズレが生じるので、スクリプトタグの中の
<script type="text/javascript">
<!--
function writeArchive(){
var year;
var str;
var i;
var display;
var archive= new Array();
<!-- BEGIN archives_items -->
tmp=new Array({archives_item_id},{archives_item_year},"{archives_item_num_month}",{archives_item_num});
archive.push(tmp);
<!-- END archives_items -->
document.write("<ul>¥n");
for(i=0;i<archive.length;i++){
str="";
if(year==undefined || year!=archive[i][1]){
if(year!=undefined){
display="none";
str="</ul></li>¥n";
}
if(year==undefined){
display="block";
}
year=archive[i][1];
str+="<li><a href=¥"javascript:viewarc('"+ year +"')¥">"+ archive[i][1] + "年</a>¥n"
str+="<ul id=¥"month_"+ year +"¥" style=¥"display:"+display+";¥">¥n";
}
str+="<li><a href=¥"./?month="+archive[i][0]+"¥">"+ archive[i][1] + "年" + archive[i][2] + "月(" + archive[i][3] +")</a></li>¥n";
document.write(str+"¥n");
}
document.write("</ul></li></ul>¥n");
}
function viewarc(year){
var tar =document.getElementById('month_'+ year);
var disp=tar.style.display
if(disp=="none"){
tar.style.display="block";
}else{
tar.style.display="none";
}
}
writeArchive();
//-->
</script>
赤字部分を削除。
これでうちのブログでも使えるようになりました。
恐らく、CSSで ul タグや li タグに変更を加えている場合、
ズレなどが生じるのだと思います。
またバグったら…再度考えるか、諦めよう…(;´Д｀)
Comments
Leave a comment