//コメントのツリー化 ver0.1  byぼうず

<style>
ul.bz_rcomment{
    list-style-type      : none;
    list-style-position  : outside;
}
dd.bz_rcomment{
    text-indent     :-3em;
}
ul.bz_rcomment 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_comm(url,no,body,name,title, etitle,year,month,day,hour,minute,second,youbi,wayoubi){
    this.url     = url;
    this.no      = no;
    this.body    = body;
    this.name    = name;
    this.title   = title;
    this.etitle  = etitle;
    this.year    = year;
    this.month   = month;
    this.day     = day;
    this.hour    = hour;
    this.minute  = minute;
    this.second  = second;
    this.youbi   = youbi;
    this.wayoubi = wayoubi;
}

function pre_comment(){

    var o = new Array();	//オリジナルのコメント情報
    var comm = 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_rcomment";

    //=================================================================
    //ツリーオープンにするコメントリスト数
    //rcomm_show_n	0:全部閉、1:最新のみ開、2:2つ開、3:3つ開....
    //=================================================================
    rcomm_show_n = 2;

//以上、設定可能
//以下、いじらんでいいはず
    <!--rcomment-->
    o.push( new get_o_comm("<%rcomment_link>","<%rcomment_no>","<%rcomment_body>",
        "<%rcomment_name>","<%rcomment_title>","<%rcomment_etitle>","<%rcomment_year>",
        "<%rcomment_month>","<%rcomment_day>","<%rcomment_hour>","<%rcomment_minute>",
        "<%rcomment_second>","<%rcomment_youbi>","<%rcomment_wayoubi>"));
    <!--/rcomment-->

    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,j;
    var ix=0;
    var e_url = o[0].url;
    var e_url_next = "";
    var ix_comm = new Array( o.length );
//    var ttl;
//    var cdate;
//    var ent_no = 1;  //親エントリー数
    var e_show_flg = "S";

    //表示順配列の作成
    ix_comm[ix] = ix;
    for(j=0 ; j < o.length ; j++){
        for(i=1 ; i < o.length ; i++){
            if(e_url = o[i].url){
                ix_comm[++ix] = i;
            }else{
                if(e_url_next != "") e_url_next = o[i].url;
            }
        }
        e_url = e_url_next;
        e_url_next = "";
    }

    var _ttl="";	//エントリー用
    var _btl="";	//コメント本体用
    var ent_no = 0;	//エントリー数/番号

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

    for(i=0 ; i < o.length ; i++){
        if(ent_no == rcomm_show_n) e_show_flg = "H";
//        _ttl = "<li>" + open_char + "<a href=\"" + o[ix_comm[i]].url + "\">" + o[ix_comm[i]].etitle + "</a></li>";
        _ttl = "<li><div id=\"top_" + id_name + ent_no +"\">";
        _ttl += "<a href=javascript:m_Click_change('" + id_name + "','" + ent_no + "')>";
        _ttl += open_char + "<a href=\"" + o[ix_comm[i]].url + "\">" + o[ix_comm[i]].etitle + "</a>";
        _ttl += "</div></li>";

        comm.push(new item2Array(
            _ttl ,
            e_show_flg,
            "",
            ""));
        comm[ent_no].btm_item = new Array();
        _btl = "<dl><div id=\"btm_" + id_name + ent_no + "\">";
        for( ; i < o.length ; i++){
            //下位アイテムの表示//////////////////////////////////
            _btl += "<dd  class=\"" + id_name + "\">" + tree_cnt + "<a href =\"";
            _btl += o[ix_comm[i]].url + "#comment" + o[ix_comm[i]].no + "\"> ";
            _btl += "[" + o[ix_comm[i]].name + "]" + o[ix_comm[i]].title + "</a></dd>";


            //セクション最後のアイテムの場合〜終わり
            if(i+1 == o.length || (o[ix_comm[i]].etitle != o[ix_comm[i+1]].etitle)){
                _btl = _btl.replace(tree_cnt,tree_end);
                _btl += "</div></dl>";
                comm[ent_no].btm_item.push(_btl);
                break;
            }else{
                comm[ent_no].btm_item.push(_btl);
            }
            _btl="";
        }
        ++ent_no;
    }

    tree_show(comm , id_name);
    document.write("</ul>");
}

pre_comment();

//-->
</script>
<noscript>
<ul>
<!--rcomment-->
<li &align>
<a href="<%rcomment_link>#comment<%rcomment_no>"
title="<%rcomment_title>"><%rcomment_name>:<%rcomment_etitle> (<%rcomment_month>/<%rcomment_day>)</a>
</li>
<!--/rcomment-->
</ul>
</noscript>