//月別アーカイブのツリー化 ver0.1  byぼうず

<style>
ul.bz_archive{
    list-style-type      : none;
    list-style-position  : outside;
}
dd.bz_archive{
    text-indent     :-3em;
}
ul.bz_archive a{
    text-decoration : none;
}
</style>

<script language="JavaScript" src="http://blog2.fc2.com/b/boseskinhead/file/tree.js"></script>
<script language="JavaScript" type="text/javascript">
<!--

//アーカイブ情報を配列化
function get_o_arc(link,year,month,count){
    this.link    = link;
    this.year    = year;
    this.month   = month;
    this.count   = count;
}

function pre_archive(){

    var o = new Array();	//オリジナルのコメント情報
    var arc = new Array();
    //=================================================================
    //コメント設定
    //第一引数：btm_item	コメントタイトルとして使用
    //第二引数：top_item	エントリータイトルとして使用
    //第三引数：int_disp	初期表示状態;コメントの最初のものだけ有効 S:表示、H:非表示
    //第四引数：tip_text	コメント内容
    //第五引数：sort_mtd	ソート方法(未使用？)
    //  O:古い順、N:新しい順、C:エントリタイトルのコード順昇順、D:降順
    //第六引数：num_show	表示エントリ数(未使用？)
    //=================================================================
    //=================================================================
    //開閉ボタン関係の指定
    // open_char	開状態の文字
    // close_char	閉状態の文字
    // hold_char	動作不能(サブカテゴリが無い場合)の文字
    //=================================================================
//簡易テキスト表示の場合
//    var open_char  = "(-)";
//    var close_char = "(+)";
//    var hold_char  = "(*)";
//画像表示の場合、<img>タグを指定
    var open_char  = '<img src="http://blog2.fc2.com/b/boseskinhead/file/minus.gif" border="0">';
    var close_char = '<img src="http://blog2.fc2.com/b/boseskinhead/file/plus.gif" border="0">';
    var hold_char  = '<img src="http://blog2.fc2.com/b/boseskinhead/file/hold.gif" border="0">';
    //=================================================================
    //ツリーに使うテキスト
    //tree_cnt		ツリーが続く場合のテキスト"├　"など
    //tree_end		ツリーが終わる場合のテキスト"└　"など
    //=================================================================
    var tree_cnt = "├　";
    var tree_end = "└　";
    var id_name  = "bz_archive";

    //=================================================================
    //ツリーオープンにするトラックバックリスト数
    //rarc_show_n	0:全部閉、1:最新のみ開、2:2つ開、3:3つ開....
    //=================================================================
    arc_show_n = 3;
    //=================================================================
    //ツリー化情報
    //rarc_tree_t	ツリーテキスト
    //rarc_tree_s	ツリー初期表示状態
    //=================================================================
    arc_tree_t = "更に古い記事へ....";
    arc_tree_s = "H";

//以上、設定可能
//以下、いじらんでいいはず
    <!--archive-->
    o.push( new get_o_arc("<%archive_link>","<%archive_year>","<%archive_month>","<%archive_count>"));
    <!--/archive-->

    para[id_name+"_o"] = _get_img_filename(open_char);
    para[id_name+"_c"] = _get_img_filename(close_char);
    document.write("<ul class=\"",id_name,"\" >");

    var i;

    var _ttl="";	//直接表示月用
    var _btl="";	//ツリー内月用
    var yrmt ="";

//配列の設定
//btm_item	下位アイテム部分に表示するｈｔｍｌベタ
//top_item[]	上位アイテム部分に表示するｈｔｍｌベタ
//int_disp	初期表示状態;上位カテゴリの最初のものだけ有効 S:表示、H:非表示
//sort_mtd	ソート方法
//num_show	表示エントリ数

   for(i=0 ; i< o.length ; i++){
//        if(ent_no == arc_show_n) e_show_flg = "H";
        yrmt = o[i].year + "年" + o[i].month + "月 (" + o[i].count + ")";

        //直接表示ケース
        if(i < arc_show_n){
            _ttl = "<li>" + hold_char + " <a href=\"" + o[i].link + "\">" + yrmt + "</a></li>";
            arc.push(new item2Array(
                _ttl ,
                "",
                "",
                ""));

        //ツリー表示ケース
        }else{
            _ttl = "<li><div id=\"top_" + id_name + arc_show_n + "\">";	//ツリーは一つ
            _ttl += "<a href=javascript:m_Click_change('" + id_name + "','" + arc_show_n + "')>";
            _ttl += open_char + "</a> " + arc_tree_t + "</div></li>";

            arc.push(new item2Array(
                _ttl ,
                arc_tree_s,
                "",
                ""));

            arc[arc_show_n].btm_item = new Array();
            _btl = "<dl><div id=\"btm_" + id_name + arc_show_n + "\">";
            for( ; i< o.length ; i++){

                yrmt = o[i].year + "年" + o[i].month + "月 (" + o[i].count + ")";
                //ツリー内月の表示//////////////////////////////////
                _btl += "<dd  class=\"" + id_name + "\">" + tree_cnt + "<a href =\"";
                _btl += o[i].link + "\">" + yrmt + "</a></dd>";
                //最後
                if(i == o.length-1){
                    _btl = _btl.replace(tree_cnt,tree_end);
                    _btl += "</div></dl>";
                }
                arc[arc_show_n].btm_item.push(_btl);
                _btl = "";
            }
        }
    }
    tree_show(arc , id_name);
    document.write("</ul>");
}

pre_archive();

//-->
</script>
<noscript>
<ul>
<!--rtrackback-->
<li &align>
<a href="<%rtrackback_link>#trackback<%rtrackback_no>" title="<%rtrackback_title>"><%rtrackback_blog_name>:<%rtrackback_title> (<%rtrackback_month>/<%rtrackback_day>)</a>
</li>
<!--/rtrackback-->
</ul>
</noscript>