source: branches/version-2_4-dev/html/test/uehara/js/tree.js @ 18699

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;
    }
}