source: branches/dev/html/test/uehara/js/tree.js @ 8

var IMG_FOLDER_CLOSE   = "./img/folder_close.gif";              // ¥Õ¥©¥ë¥À¥¯¥í¡¼¥º»þ²èÁü
var IMG_FOLDER_OPEN    = "./img/folder_open.gif";               // ¥Õ¥©¥ë¥À¥ª¡¼¥×¥ó»þ²èÁü
var IMG_PLUS           = "./img/plus.gif";                      // ¥×¥é¥¹¥é¥¤¥ó
var IMG_MINUS          = "./img/minus.gif";                     // ¥Þ¥¤¥Ê¥¹¥é¥¤¥ó
var IMG_NORMAL         = "./img/normal.gif";                    // ¥Î¡¼¥Þ¥ë¥é¥¤¥ó

var tree = "";                      // À¸À®HTML³ÊǼ
var count = 0;                      // ¥ë¡¼¥×¥«¥¦¥ó¥¿
var arrTreeStatus = new Array();    // ¥Ä¥ê¡¼¾õÂÖÊÝ»ý
var old_select_id = '';             // Á°²óÁªÂò¤·¤Æ¤¤¤¿¥Õ¥¡¥¤¥ë

// ¥Ä¥ê¡¼É½¼¨
function fnTreeView(view_id, arrTree, openFolder) {

    //tree += '<form name="tree_form">';
    for(i = 0; i < arrTree.length; i++) {
        
        id = arrTree[i][0];
        level = arrTree[i][3];
        
        if(i == 0) {
            old_id = "0";
            old_level = 0;
        } else {
            old_id = arrTree[i-1][0];
            old_level = arrTree[i-1][3];
        }
    
        // ³¬Áؾå¤ØÌá¤ë
        if(level <= (old_level - 1)) {
            tmp_level = old_level - level;
            for(up_roop = 0; up_roop <= tmp_level; up_roop++) {
                tree += '</div>';
            }
        }
        
        // Ʊ°ì³¬ÁؤǼ¡¤Î¥Õ¥©¥ë¥À¤Ø
        if(id != old_id && level == old_level) tree += '</div>';
    
        // ³¬ÁؤÎʬ¤À¤±¥¹¥Ú¡¼¥¹¤òÆþ¤ì¤ë
        for(space_cnt = 0; space_cnt < arrTree[i][3]; space_cnt++) {
            tree += "&nbsp;&nbsp;&nbsp;";
        }

        // ³¬ÁزèÁü¤Îɽ¼¨¡¦Èóɽ¼¨½èÍý
        if(arrTree[i][4]) {
            if(arrTree[i][1] == '_parent') {
                rank_img = IMG_MINUS;
            } else {
                rank_img = IMG_NORMAL;
            }
            // ³«¤­¾õÂÖ¤òÊÝ»ý
            arrTreeStatus.push(arrTree[i][2]);
            display = 'block';
        } else {
            if(arrTree[i][1] == '_parent') {
                rank_img = IMG_PLUS;
            } else {
                rank_img = IMG_NORMAL;
            }
            display = 'none';
        }
        
        // ¥Õ¥©¥ë¥À¤Î²èÁü¤òÁªÂò
        if(arrTree[i][2] == openFolder) {
            folder_img = IMG_FOLDER_OPEN;
        } else {
            folder_img = IMG_FOLDER_CLOSE;
        }

        arrFileSplit = arrTree[i][2].split("/");
        file_name = arrFileSplit[arrFileSplit.length-1];

        // ³¬ÁزèÁü¤¬¥Î¡¼¥Þ¥ë¤Î»þ¤Î¤ß¥ª¥ó¥¯¥ê¥Ã¥¯½èÍý¤ò¤Ä¤±¤ë
        if(rank_img != IMG_NORMAL) {
            tree += '<input type="image" src="'+ rank_img +'" border="0" name="rank_img'+ i +'" id="rank_img'+ i +'" onclick="fnTreeMenu(\'tree'+ i +'\',\'rank_img'+ i +'\',\''+ arrTree[i][2] +'\')">';
        } else {
            tree += '<img src="'+ rank_img +'" border="0" name="rank_img'+ i +'" id="rank_img'+ i +'">';
        }
        tree += '<input type="image" src="'+ folder_img +'" border="0" name="tree_img'+ i +'" id="tree_img'+ i +'" onclick="fnFolderOpen(\''+ arrTree[i][2] +'\')">&nbsp;'+ file_name +'<br/>';
        tree += '<div id="tree'+ i +'" style="display:'+ display +'">';
    
    }
    //tree += '</form>';
    fnDrow(view_id, tree);
    //document.tree_form.tree_test2.focus();    
}

// Tree¾õÂÖ¤òhidden¤Ë¥»¥Ã¥È
function setTreeStatus(name) {
    var tree_status = "";
    for(i=0; i < arrTreeStatus.length ;i++) {
        if(i != 0) tree_status += '|';
        tree_status += arrTreeStatus[i];
    }
    document.form1[name].value = tree_status;
}

// Tree¾õÂÖ¤òºï½ü¤¹¤ë(ÊĤ¸¤ë¾õÂÖ¤Ø)
function fnDelTreeStatus(path) {
    for(i=0; i < arrTreeStatus.length ;i++) {
        if(arrTreeStatus[i] == path) {
            arrTreeStatus[i] = "";
        }
    }
}
// ¥Ä¥ê¡¼ÉÁ²è
function fnDrow(id, tree) {
    // ¥Ö¥é¥¦¥¶¼èÆÀ
    MyBR = fnGetMyBrowser();
    // ¥Ö¥é¥¦¥¶»ö¤Ë½èÍý¤òÀÚ¤êʬ¤±
    switch(myBR) {
        // IE4¤Î»þ¤Îɽ¼¨
        case 'I4':
            document.all(id).innerHTML = tree;
            break;
        // NN4¤Î»þ¤Îɽ¼¨
        case 'N4':
            document.layers[id].document.open();
            document.layers[id].document.write("<div>");
            document.layers[id].document.write(tree);
            document.layers[id].document.write("</div>");
            document.layers[id].document.close();
            break;
        default:
            document.getElementById(id).innerHTML=tree;
            break;
    }
}

// ³¬Áإĥ꡼¥á¥Ë¥å¡¼É½¼¨¡¦Èóɽ¼¨½èÍý
function fnTreeMenu(tName, imgName, path) {

    tMenu = document.all[tName].style;

    if(tMenu.display == 'none') {
        fnChgImg(IMG_MINUS, imgName);
        tMenu.display = "block";
        // ³¬Áؤ㫤¤¤¿¾õÂÖ¤òÊÝ»ý
        arrTreeStatus.push(path);

    } else {
        fnChgImg(IMG_PLUS, imgName);
        tMenu.display = "none";
        // ÊĤ¸¾õÂÖ¤òÊÝ»ý
        fnDelTreeStatus(path);
    }
}

// ¥Õ¥©¥ë¥À¥ª¡¼¥×¥ó½èÍý
function fnFolderOpen(path) {

    // ¥¯¥ê¥Ã¥¯¤·¤¿¥Õ¥©¥ë¥À¾ðÊó¤òÊÝ»ý
    document.form1['tree_select_file'].value = path;
    // tree¤Î¾õÂÖ¤ò¥»¥Ã¥È
    setTreeStatus('tree_status');
    // submit
    fnModeSubmit('move','','');
}


// ±ÜÍ÷¥Ö¥é¥¦¥¶¼èÆÀ
function fnGetMyBrowser() {
    myOP = window.opera;            // OP
    myN6 = document.getElementById; // N6
    myIE = document.all;            // IE
    myN4 = document.layers;         // N4
    if      (myOP) myBR="O6";       // OP6°Ê¾å
    else if (myIE) myBR="I4";       // IE4°Ê¾å
    else if (myN6) myBR="N6";       // NS6°Ê¾å
    else if (myN4) myBR="N4";       // NN4
    else           myBR="";         // ¤½¤Î¾
        
    return myBR;
}

// img¥¿¥°¤Î²èÁüÊѹ¹
function fnChgImg(fileName,imgName){
    document.getElementById(imgName).src = fileName;
}

// ¥Õ¥¡¥¤¥ëÁªÂò
function fnSelectFile(id, val) {
    if(old_select_id != '') document.getElementById(old_select_id).style.backgroundColor = '';
    document.getElementById(id).style.backgroundColor = val;
    old_select_id = id;
}

// ÇØ·Ê¿§¤òÊѤ¨¤ë
function fnChangeBgColor(id, val) {
    if (old_select_id != id) {
        document.getElementById(id).style.backgroundColor = val;
    }
}