source: temp/trunk/html/test/uehara/js/tree.js @ 9064

var IMG_FOLDER_CLOSE   = "./img/folder_close.gif";              // ¥Õ¥©¥ë¥À¥¯¥í¡¼¥º»þ²èÁü¥Ñ¥¹
var IMG_FOLDER_CLOSE_P = "./img/folder_close_p.gif";            // ¥Õ¥©¥ë¥À¥¯¥í¡¼¥º»þ²èÁü¥Ñ¥¹(»ÒÍ­¤ê)
var IMG_FOLDER_OPEN    = "./img/folder_open.gif";               // ¥Õ¥©¥ë¥À¥ª¡¼¥×¥ó»þ²èÁü¥Ñ¥¹
var IMG_FOLDER_OPEN_M  = "./img/folder_open_m.gif";             // ¥Õ¥©¥ë¥À¥ª¡¼¥×¥ó»þ²èÁü¥Ñ¥¹(»ÒÍ­¤ê)

var tree = "";
var count = 0;
var arrTreeStatus = new Array();

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

    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 += "¡¡";
        }
        
        // ½é´üɽ¼¨¤Î²èÁü¤òÁªÂò
        if(arrTree[i][1] == '_parent') {
            if(arrTree[i][4]) {
                defalt_img = IMG_FOLDER_OPEN_M;
            } else {
                defalt_img = IMG_FOLDER_CLOSE_P;
            }
        } else {
            if(arrTree[i][4]) {
                defalt_img = IMG_FOLDER_OPEN;
            } else {
                defalt_img = IMG_FOLDER_CLOSE;
            }
        }

        if(arrTree[i][4]) {
            // ³«¤­¾õÂÖ¤òÊÝ»ý
            arrTreeStatus.push(arrTree[i][2]);
            display = 'block';
        } else {
            display = 'none';
        }
        arrFileSplit = arrTree[i][2].split("/");
        file_name = arrFileSplit[arrFileSplit.length-1];

        tree += '<input type="radio" name="tree_test'+ i +'">';

        tree += '<input type="image" src="'+ defalt_img +'" border="0" name="tree_img'+ i +'" id="tree_img'+ i +'" onclick="fnTreeMenu(\'tree'+ i +'\',\''+ arrTree[i][1] +'\',\'tree_img'+ i +'\',\''+ arrTree[i][2] +'\')">'+ 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, type, imgName, path) {

    tMenu = document.all[tName].style;
    if(tMenu.display == 'none') {
        if(type == '_parent') {
            fnChgImg(IMG_FOLDER_OPEN_M, imgName);
        } else {
            fnChgImg(IMG_FOLDER_OPEN, imgName);
        }
        tMenu.display = "block";
        // ¥ª¡¼¥×¥ó¥Õ¥¡¥¤¥ë¾õÂÖ¤òÊÝ»ý
        arrTreeStatus.push(path);

    } else {
        if(type == '_parent') {
            fnChgImg(IMG_FOLDER_CLOSE_P, imgName);
        } else {
            fnChgImg(IMG_FOLDER_CLOSE, imgName);
        }
        tMenu.display = "none";
        // ÊĤ¸¾õÂÖ¤òÊÝ»ý
        fnDelTreeStatus(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;
}

//test
function test(id) {
document.getElementById(id).value=tree
}