[16708] | 1 | /* |
---|
| 2 | * This file is part of EC-CUBE |
---|
| 3 | * |
---|
[18699] | 4 | * Copyright(c) 2000-2010 LOCKON CO.,LTD. All Rights Reserved. |
---|
[16708] | 5 | * |
---|
| 6 | * http://www.lockon.co.jp/ |
---|
| 7 | * |
---|
| 8 | * This program is free software; you can redistribute it and/or |
---|
| 9 | * modify it under the terms of the GNU General Public License |
---|
| 10 | * as published by the Free Software Foundation; either version 2 |
---|
| 11 | * of the License, or (at your option) any later version. |
---|
| 12 | * |
---|
| 13 | * This program is distributed in the hope that it will be useful, |
---|
| 14 | * but WITHOUT ANY WARRANTY; without even the implied warranty of |
---|
| 15 | * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
---|
| 16 | * GNU General Public License for more details. |
---|
| 17 | * |
---|
| 18 | * You should have received a copy of the GNU General Public License |
---|
| 19 | * along with this program; if not, write to the Free Software |
---|
| 20 | * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. |
---|
| 21 | */ |
---|
[16748] | 22 | var IMG_FOLDER_CLOSE = "../../user_data/packages/default/img/admin/contents/folder_close.gif"; // フォルダクローズ時画像 |
---|
| 23 | var IMG_FOLDER_OPEN = "../../user_data/packages/default/img/admin/contents/folder_open.gif"; // フォルダオープン時画像 |
---|
| 24 | var IMG_PLUS = "../../user_data/packages/default/img/admin/contents/plus.gif"; // プラスライン |
---|
| 25 | var IMG_MINUS = "../../user_data/packages/default/img/admin/contents/minus.gif"; // マイナスライン |
---|
| 26 | var IMG_NORMAL = "../../user_data/packages/default/img/admin/contents/space.gif"; // スペース |
---|
[16708] | 27 | |
---|
| 28 | var tree = ""; // 生成HTML格納 |
---|
| 29 | var count = 0; // ループカウンタ |
---|
| 30 | var arrTreeStatus = new Array(); // ツリー状態保持 |
---|
| 31 | var old_select_id = ''; // 前回選択していたファイル |
---|
| 32 | var selectFileHidden = ""; // 選択したファイルのhidden名 |
---|
| 33 | var treeStatusHidden = ""; // ツリー状態保存用のhidden名 |
---|
| 34 | var modeHidden = ""; // modeセットhidden名 |
---|
| 35 | |
---|
| 36 | // ツリー表示 |
---|
| 37 | function fnTreeView(view_id, arrTree, openFolder, selectHidden, treeHidden, mode) { |
---|
| 38 | selectFileHidden = selectHidden; |
---|
| 39 | treeStatusHidden = treeHidden; |
---|
| 40 | modeHidden = mode; |
---|
| 41 | |
---|
| 42 | for(i = 0; i < arrTree.length; i++) { |
---|
| 43 | |
---|
| 44 | id = arrTree[i][0]; |
---|
| 45 | level = arrTree[i][3]; |
---|
| 46 | |
---|
| 47 | if(i == 0) { |
---|
| 48 | old_id = "0"; |
---|
| 49 | old_level = 0; |
---|
| 50 | } else { |
---|
| 51 | old_id = arrTree[i-1][0]; |
---|
| 52 | old_level = arrTree[i-1][3]; |
---|
| 53 | } |
---|
| 54 | |
---|
| 55 | // 階層上へ戻る |
---|
| 56 | if(level <= (old_level - 1)) { |
---|
| 57 | tmp_level = old_level - level; |
---|
| 58 | for(up_roop = 0; up_roop <= tmp_level; up_roop++) { |
---|
| 59 | tree += '</div>'; |
---|
| 60 | } |
---|
| 61 | } |
---|
| 62 | |
---|
| 63 | // 同一階層で次のフォルダへ |
---|
| 64 | if(id != old_id && level == old_level) tree += '</div>'; |
---|
| 65 | |
---|
| 66 | // 階層の分だけスペースを入れる |
---|
| 67 | for(space_cnt = 0; space_cnt < arrTree[i][3]; space_cnt++) { |
---|
| 68 | tree += " "; |
---|
| 69 | } |
---|
| 70 | |
---|
| 71 | // 階層画像の表示・非表示処理 |
---|
| 72 | if(arrTree[i][4]) { |
---|
| 73 | if(arrTree[i][1] == '_parent') { |
---|
| 74 | rank_img = IMG_MINUS; |
---|
| 75 | } else { |
---|
| 76 | rank_img = IMG_NORMAL; |
---|
| 77 | } |
---|
| 78 | // 開き状態を保持 |
---|
| 79 | arrTreeStatus.push(arrTree[i][2]); |
---|
| 80 | display = 'block'; |
---|
| 81 | } else { |
---|
| 82 | if(arrTree[i][1] == '_parent') { |
---|
| 83 | rank_img = IMG_PLUS; |
---|
| 84 | } else { |
---|
| 85 | rank_img = IMG_NORMAL; |
---|
| 86 | } |
---|
| 87 | display = 'none'; |
---|
| 88 | } |
---|
| 89 | |
---|
| 90 | arrFileSplit = arrTree[i][2].split("/"); |
---|
| 91 | file_name = arrFileSplit[arrFileSplit.length-1]; |
---|
| 92 | |
---|
| 93 | // フォルダの画像を選択 |
---|
| 94 | if(arrTree[i][2] == openFolder) { |
---|
| 95 | folder_img = IMG_FOLDER_OPEN; |
---|
| 96 | file_name = "<b>" + file_name + "</b>"; |
---|
| 97 | } else { |
---|
| 98 | folder_img = IMG_FOLDER_CLOSE; |
---|
| 99 | } |
---|
| 100 | |
---|
| 101 | // 階層画像に子供がいたらオンクリック処理をつける |
---|
| 102 | if(rank_img != IMG_NORMAL) { |
---|
| 103 | tree += '<a href="javascript:fnTreeMenu(\'tree'+ i +'\',\'rank_img'+ i +'\',\''+ arrTree[i][2] +'\')"><img src="'+ rank_img +'" border="0" name="rank_img'+ i +'" id="rank_img'+ i +'">'; |
---|
| 104 | } else { |
---|
| 105 | tree += '<img src="'+ rank_img +'" border="0" name="rank_img'+ i +'" id="rank_img'+ i +'">'; |
---|
| 106 | } |
---|
| 107 | tree += '<a href="javascript:fnFolderOpen(\''+ arrTree[i][2] +'\')"><img src="'+ folder_img +'" border="0" name="tree_img'+ i +'" id="tree_img'+ i +'"> '+ file_name +'</a><br/>'; |
---|
| 108 | tree += '<div id="tree'+ i +'" style="display:'+ display +'">'; |
---|
| 109 | |
---|
| 110 | } |
---|
| 111 | fnDrow(view_id, tree); |
---|
| 112 | //document.tree_form.tree_test2.focus(); |
---|
| 113 | } |
---|
| 114 | |
---|
| 115 | // Tree状態をhiddenにセット |
---|
| 116 | function setTreeStatus(name) { |
---|
| 117 | var tree_status = ""; |
---|
| 118 | for(i=0; i < arrTreeStatus.length ;i++) { |
---|
| 119 | if(i != 0) tree_status += '|'; |
---|
| 120 | tree_status += arrTreeStatus[i]; |
---|
| 121 | } |
---|
| 122 | document.form1[name].value = tree_status; |
---|
| 123 | } |
---|
| 124 | |
---|
| 125 | // Tree状態を削除する(閉じる状態へ) |
---|
| 126 | function fnDelTreeStatus(path) { |
---|
| 127 | for(i=0; i < arrTreeStatus.length ;i++) { |
---|
| 128 | if(arrTreeStatus[i] == path) { |
---|
| 129 | arrTreeStatus[i] = ""; |
---|
| 130 | } |
---|
| 131 | } |
---|
| 132 | } |
---|
| 133 | // ツリー描画 |
---|
| 134 | function fnDrow(id, tree) { |
---|
| 135 | // ブラウザ取得 |
---|
| 136 | MyBR = fnGetMyBrowser(); |
---|
| 137 | // ブラウザ事に処理を切り分け |
---|
| 138 | switch(myBR) { |
---|
| 139 | // IE4の時の表示 |
---|
| 140 | case 'I4': |
---|
| 141 | document.all(id).innerHTML = tree; |
---|
| 142 | break; |
---|
| 143 | // NN4の時の表示 |
---|
| 144 | case 'N4': |
---|
| 145 | document.layers[id].document.open(); |
---|
| 146 | document.layers[id].document.write("<div>"); |
---|
| 147 | document.layers[id].document.write(tree); |
---|
| 148 | document.layers[id].document.write("</div>"); |
---|
| 149 | document.layers[id].document.close(); |
---|
| 150 | break; |
---|
| 151 | default: |
---|
| 152 | document.getElementById(id).innerHTML=tree; |
---|
| 153 | break; |
---|
| 154 | } |
---|
| 155 | } |
---|
| 156 | |
---|
| 157 | // 階層ツリーメニュー表示・非表示処理 |
---|
| 158 | function fnTreeMenu(tName, imgName, path) { |
---|
| 159 | |
---|
| 160 | tMenu = document.all[tName].style; |
---|
| 161 | |
---|
| 162 | if(tMenu.display == 'none') { |
---|
| 163 | fnChgImg(IMG_MINUS, imgName); |
---|
| 164 | tMenu.display = "block"; |
---|
| 165 | // 階層の開いた状態を保持 |
---|
| 166 | arrTreeStatus.push(path); |
---|
| 167 | |
---|
| 168 | } else { |
---|
| 169 | fnChgImg(IMG_PLUS, imgName); |
---|
| 170 | tMenu.display = "none"; |
---|
| 171 | // 閉じ状態を保持 |
---|
| 172 | fnDelTreeStatus(path); |
---|
| 173 | } |
---|
| 174 | } |
---|
| 175 | |
---|
| 176 | // ファイルリストダブルクリック処理 |
---|
| 177 | function fnDbClick(arrTree, path, is_dir, now_dir, is_parent) { |
---|
| 178 | |
---|
| 179 | if(is_dir) { |
---|
| 180 | if(!is_parent) { |
---|
| 181 | for(cnt = 0; cnt < arrTree.length; cnt++) { |
---|
| 182 | if(now_dir == arrTree[cnt][2]) { |
---|
| 183 | open_flag = false; |
---|
| 184 | for(status_cnt = 0; status_cnt < arrTreeStatus.length; status_cnt++) { |
---|
| 185 | if(arrTreeStatus[status_cnt] == arrTree[cnt][2]) open_flag = true; |
---|
| 186 | } |
---|
| 187 | if(!open_flag) fnTreeMenu('tree'+cnt, 'rank_img'+cnt, arrTree[cnt][2]); |
---|
| 188 | } |
---|
| 189 | } |
---|
| 190 | } |
---|
| 191 | fnFolderOpen(path); |
---|
| 192 | } else { |
---|
| 193 | // Download |
---|
| 194 | fnModeSubmit('download','',''); |
---|
| 195 | } |
---|
| 196 | } |
---|
| 197 | |
---|
| 198 | // フォルダオープン処理 |
---|
| 199 | function fnFolderOpen(path) { |
---|
| 200 | |
---|
| 201 | // クリックしたフォルダ情報を保持 |
---|
| 202 | document.form1[selectFileHidden].value = path; |
---|
| 203 | // treeの状態をセット |
---|
| 204 | setTreeStatus(treeStatusHidden); |
---|
| 205 | // submit |
---|
| 206 | fnModeSubmit(modeHidden,'',''); |
---|
| 207 | } |
---|
| 208 | |
---|
| 209 | |
---|
| 210 | // 閲覧ブラウザ取得 |
---|
| 211 | function fnGetMyBrowser() { |
---|
| 212 | myOP = window.opera; // OP |
---|
| 213 | myN6 = document.getElementById; // N6 |
---|
| 214 | myIE = document.all; // IE |
---|
| 215 | myN4 = document.layers; // N4 |
---|
| 216 | if (myOP) myBR="O6"; // OP6以上 |
---|
| 217 | else if (myIE) myBR="I4"; // IE4以上 |
---|
| 218 | else if (myN6) myBR="N6"; // NS6以上 |
---|
| 219 | else if (myN4) myBR="N4"; // NN4 |
---|
| 220 | else myBR=""; // その他 |
---|
| 221 | |
---|
| 222 | return myBR; |
---|
| 223 | } |
---|
| 224 | |
---|
| 225 | // imgタグの画像変更 |
---|
| 226 | function fnChgImg(fileName,imgName){ |
---|
| 227 | document.getElementById(imgName).src = fileName; |
---|
| 228 | } |
---|
| 229 | |
---|
| 230 | // ファイル選択 |
---|
| 231 | function fnSelectFile(id, val) { |
---|
| 232 | if(old_select_id != '') document.getElementById(old_select_id).style.backgroundColor = ''; |
---|
| 233 | document.getElementById(id).style.backgroundColor = val; |
---|
| 234 | old_select_id = id; |
---|
| 235 | } |
---|
| 236 | |
---|
| 237 | // 背景色を変える |
---|
| 238 | function fnChangeBgColor(id, val) { |
---|
| 239 | if (old_select_id != id) { |
---|
| 240 | document.getElementById(id).style.backgroundColor = val; |
---|
| 241 | } |
---|
| 242 | } |
---|
| 243 | |
---|
| 244 | // test |
---|
| 245 | function view_test(id) { |
---|
| 246 | document.getElementById(id).value=tree |
---|
[16748] | 247 | } |
---|