?? xtree.js
字號:
//kill all error window.onerror=function(){ alert(error); return true; }document.onselectstart=function(){ return false;}/*****************************//* XTree *//*****************************/var webFXTreeConfig = { rootIcon : 'images/foldericon.png', openRootIcon : 'images/openfoldericon.png', folderIcon : 'images/foldericon.png', openFolderIcon : 'images/openfoldericon.png', fileIcon : 'images/file.png', iIcon : 'images/I.png', lIcon : 'images/L.png', lMinusIcon : 'images/Lminus.png', lPlusIcon : 'images/Lplus.png', tIcon : 'images/T.png', tMinusIcon : 'images/Tminus.png', tPlusIcon : 'images/Tplus.png', blankIcon : 'images/blank.png', defaultText : 'Tree Item', defaultAction : 'javascript:void(0);', defaultBehavior : 'classic', usePersistence : true};var webFXTreeHandler = { idCounter : 0, idPrefix : "webfx-tree-object-", all : {}, behavior : null, selected : null, onSelect : null, /* should be part of tree, not handler */ getId : function() { return this.idPrefix + this.idCounter++; }, toggle : function (oItem) { this.all[oItem.id.replace('-plus','')].toggle(); }, select : function (oItem) { this.all[oItem.id.replace('-icon','')].select(); }, focus : function (oItem) { this.all[oItem.id.replace('-anchor','')].focus(); }, blur : function (oItem) { this.all[oItem.id.replace('-anchor','')].blur(); }, keydown : function (oItem, e) { return this.all[oItem.id].keydown(e.keyCode); }, cookies : new WebFXCookie(), insertHTMLBeforeEnd : function (oElement, sHTML) { if (oElement.insertAdjacentHTML != null) { oElement.insertAdjacentHTML("BeforeEnd", sHTML) return; } var df; // DocumentFragment var r = oElement.ownerDocument.createRange(); r.selectNodeContents(oElement); r.collapse(false); df = r.createContextualFragment(sHTML); oElement.appendChild(df); }};/* * WebFXCookie class */function WebFXCookie() { if (document.cookie.length) { this.cookies = ' ' + document.cookie; }}WebFXCookie.prototype.setCookie = function (key, value) { document.cookie = key + "=" + escape(value);}WebFXCookie.prototype.getCookie = function (key) { if (this.cookies) { var start = this.cookies.indexOf(' ' + key + '='); if (start == -1) { return null; } var end = this.cookies.indexOf(";", start); if (end == -1) { end = this.cookies.length; } end -= start; var cookie = this.cookies.substr(start,end); return unescape(cookie.substr(cookie.indexOf('=') + 1, cookie.length - cookie.indexOf('=') + 1)); } else { return null; }}/* * WebFXTreeAbstractNode class */function WebFXTreeAbstractNode(sText, sAction) { this.childNodes = []; this.id = webFXTreeHandler.getId(); this.text = sText || webFXTreeConfig.defaultText; this.action = sAction || webFXTreeConfig.defaultAction; this._last = false; webFXTreeHandler.all[this.id] = this;}/* * To speed thing up if you're adding multiple nodes at once (after load) * use the bNoIdent parameter to prevent automatic re-indentation and call * the obj.ident() method manually once all nodes has been added. */WebFXTreeAbstractNode.prototype.add = function (node, bNoIdent) { node.parentNode = this; this.childNodes[this.childNodes.length] = node; var root = this; if (this.childNodes.length >= 2) { this.childNodes[this.childNodes.length - 2]._last = false; } while (root.parentNode) { root = root.parentNode; } if (root.rendered) { if (this.childNodes.length >= 2) { document.getElementById(this.childNodes[this.childNodes.length - 2].id + '-plus').src = ((this.childNodes[this.childNodes.length -2].folder)?((this.childNodes[this.childNodes.length -2].open)?webFXTreeConfig.tMinusIcon:webFXTreeConfig.tPlusIcon):webFXTreeConfig.tIcon); this.childNodes[this.childNodes.length - 2].plusIcon = webFXTreeConfig.tPlusIcon; this.childNodes[this.childNodes.length - 2].minusIcon = webFXTreeConfig.tMinusIcon; this.childNodes[this.childNodes.length - 2]._last = false; } this._last = true; var foo = this; while (foo.parentNode) { for (var i = 0; i < foo.parentNode.childNodes.length; i++) { if (foo.id == foo.parentNode.childNodes[i].id) { break; } } if (i == foo.parentNode.childNodes.length - 1) { foo.parentNode._last = true; } else { foo.parentNode._last = false; } foo = foo.parentNode; } webFXTreeHandler.insertHTMLBeforeEnd(document.getElementById(this.id + '-cont'), node.toString()); if ((!this.folder) && (!this.openIcon)) { this.icon = webFXTreeConfig.folderIcon; this.openIcon = webFXTreeConfig.openFolderIcon; } if (!this.folder) { this.folder = true; this.collapse(true); } if (!bNoIdent) { this.indent(); } } return node;}WebFXTreeAbstractNode.prototype.toggle = function() { if (this.folder) { if (this.open) { this.collapse(); } else { this.expand(); }} }WebFXTreeAbstractNode.prototype.select = function() { document.getElementById(this.id + '-anchor').focus();}WebFXTreeAbstractNode.prototype.deSelect = function() { document.getElementById(this.id + '-anchor').className = ''; webFXTreeHandler.selected = null;}WebFXTreeAbstractNode.prototype.focus = function() { if ((webFXTreeHandler.selected) && (webFXTreeHandler.selected != this)) { webFXTreeHandler.selected.deSelect(); } webFXTreeHandler.selected = this; if ((this.openIcon) && (webFXTreeHandler.behavior != 'classic')) { document.getElementById(this.id + '-icon').src = this.openIcon; } document.getElementById(this.id + '-anchor').className = 'selected'; document.getElementById(this.id + '-anchor').focus(); if (webFXTreeHandler.onSelect) { webFXTreeHandler.onSelect(this); }}WebFXTreeAbstractNode.prototype.blur = function() { if ((this.openIcon) && (webFXTreeHandler.behavior != 'classic')) { document.getElementById(this.id + '-icon').src = this.icon; } document.getElementById(this.id + '-anchor').className = 'selected-inactive';}WebFXTreeAbstractNode.prototype.doExpand = function() { if (webFXTreeHandler.behavior == 'classic') { document.getElementById(this.id + '-icon').src = this.openIcon; } if (this.childNodes.length) { document.getElementById(this.id + '-cont').style.display = 'block'; } this.open = true; if (webFXTreeConfig.usePersistence) { webFXTreeHandler.cookies.setCookie(this.id.substr(18,this.id.length - 18), '1');} }WebFXTreeAbstractNode.prototype.doCollapse = function() { if (webFXTreeHandler.behavior == 'classic') { document.getElementById(this.id + '-icon').src = this.icon; } if (this.childNodes.length) { document.getElementById(this.id + '-cont').style.display = 'none'; } this.open = false; if (webFXTreeConfig.usePersistence) { webFXTreeHandler.cookies.setCookie(this.id.substr(18,this.id.length - 18), '0');} }WebFXTreeAbstractNode.prototype.expandAll = function() { this.expandChildren(); if ((this.folder) && (!this.open)) { this.expand(); }}WebFXTreeAbstractNode.prototype.expandChildren = function() { for (var i = 0; i < this.childNodes.length; i++) { this.childNodes[i].expandAll();} }WebFXTreeAbstractNode.prototype.collapseAll = function() { this.collapseChildren(); if ((this.folder) && (this.open)) { this.collapse(true); }}WebFXTreeAbstractNode.prototype.collapseChildren = function() { for (var i = 0; i < this.childNodes.length; i++) { this.childNodes[i].collapseAll();} }WebFXTreeAbstractNode.prototype.indent = function(lvl, del, last, level, nodesLeft) { /* * Since we only want to modify items one level below ourself, * and since the rightmost indentation position is occupied by * the plus icon we set this to -2 */ if (lvl == null) { lvl = -2; } var state = 0; for (var i = this.childNodes.length - 1; i >= 0 ; i--) { state = this.childNodes[i].indent(lvl + 1, del, last, level); if (state) { return; } } if (del) { if ((level >= this._level) && (document.getElementById(this.id + '-plus'))) { if (this.folder) { document.getElementById(this.id + '-plus').src = (this.open)?webFXTreeConfig.lMinusIcon:webFXTreeConfig.lPlusIcon; this.plusIcon = webFXTreeConfig.lPlusIcon; this.minusIcon = webFXTreeConfig.lMinusIcon; } else if (nodesLeft) { document.getElementById(this.id + '-plus').src = webFXTreeConfig.lIcon; } return 1; } } var foo = document.getElementById(this.id + '-indent-' + lvl); //window.status+=" "+(foo.tagName); if (foo) { if ((foo._last) || ((del) && (last))) { foo.src = webFXTreeConfig.blankIcon; } else { foo.src = webFXTreeConfig.iIcon;} } return 0;}/* * WebFXTree class */function WebFXTree(sText, sAction, sBehavior, sIcon, sOpenIcon) { this.base = WebFXTreeAbstractNode; this.base(sText, sAction); this.icon = sIcon || webFXTreeConfig.rootIcon; this.openIcon = sOpenIcon || webFXTreeConfig.openRootIcon; /* Defaults to open */ if (webFXTreeConfig.usePersistence) { this.open = (webFXTreeHandler.cookies.getCookie(this.id.substr(18,this.id.length - 18)) == '0')?false:true; } else { this.open = true; } this.folder = true; this.rendered = false; this.onSelect = null; if (!webFXTreeHandler.behavior) { webFXTreeHandler.behavior = sBehavior || webFXTreeConfig.defaultBehavior; }}WebFXTree.prototype = new WebFXTreeAbstractNode;WebFXTree.prototype.setBehavior = function (sBehavior) { webFXTreeHandler.behavior = sBehavior;};WebFXTree.prototype.getBehavior = function (sBehavior) { return webFXTreeHandler.behavior;};WebFXTree.prototype.getSelected = function() { if (webFXTreeHandler.selected) { return webFXTreeHandler.selected; } else { return null; }}WebFXTree.prototype.remove = function() { }WebFXTree.prototype.expand = function() { this.doExpand();}WebFXTree.prototype.collapse = function(b) { if (!b) { this.focus(); } this.doCollapse();}WebFXTree.prototype.getFirst = function() { return null;}WebFXTree.prototype.getLast = function() { return null;}WebFXTree.prototype.getNextSibling = function() { return null;}WebFXTree.prototype.getPreviousSibling = function() { return null;}WebFXTree.prototype.keydown = function(key) { if (key == 39) { if (!this.open) { this.expand(); } else if (this.childNodes.length) { this.childNodes[0].select(); } return false; } if (key == 37) { this.collapse(); return false; } if ((key == 40) && (this.open) && (this.childNodes.length)) { this.childNodes[0].select(); return false; } return true;}WebFXTree.prototype.toString = function() { var str = "<div id=\"" + this.id + "\" ondblclick=\"webFXTreeHandler.toggle(this);\" class=\"webfx-tree-item\" onkeydown=\"return webFXTreeHandler.keydown(this, event)\">" + "<img id=\"" + this.id + "-icon\" class=\"webfx-tree-icon\" src=\"" + ((webFXTreeHandler.behavior == 'classic' && this.open)?this.openIcon:this.icon) + "\" onclick=\"webFXTreeHandler.select(this);\">" + "<a href=\"" + this.action + "\" id=\"" + this.id + "-anchor\" onfocus=\"webFXTreeHandler.focus(this);\" onblur=\"webFXTreeHandler.blur(this);\"" + (this.target ? " target=\"" + this.target + "\"" : "") + ">" + this.text + "</a></div>" + "<div id=\"" + this.id + "-cont\" class=\"webfx-tree-container\" style=\"display: " + ((this.open)?'block':'none') + ";\">"; var sb = []; for (var i = 0; i < this.childNodes.length; i++) { sb[i] = this.childNodes[i].toString(i, this.childNodes.length); } this.rendered = true; return str + sb.join("") + "</div>";};//得到當前的選擇字符串WebFXTree.prototype.getSelectIds = function() { var str = ""; try{ var sels = document.getElementsByName("selRadioObj"); var size = sels.length; for(var i=0;i<size;i++){ if(sels[i].checked){ str+=sels[i].value+","; } } sels = document.getElementsByName("selCheckObj"); size = sels.length; for(var i=0;i<size;i++){ if(sels[i].checked){ str+=sels[i].value+","; } } return str.substring(0,str.length-1); }catch(ex){alert(ex.message);};};/* * WebFXTreeItem class */function WebFXTreeItem(sText, sAction, eParent, sIcon, sOpenIcon,sRadio,sCheckBox,sValue,sChecked) { this.base = WebFXTreeAbstractNode; this.base(sText, sAction); this.radio = sRadio; this.checkbox = sCheckBox; this.value = sValue; this.checked = sChecked; /* Defaults to close */ if (webFXTreeConfig.usePersistence) { this.open = (webFXTreeHandler.cookies.getCookie(this.id.substr(18,this.id.length - 18)) == '1')?true:false; } else { this.open = false; } if (sIcon) { this.icon = sIcon; } if (sOpenIcon) { this.openIcon = sOpenIcon; } if (eParent) { eParent.add(this); }}WebFXTreeItem.prototype = new WebFXTreeAbstractNode;WebFXTreeItem.prototype.remove = function() { var iconSrc = document.getElementById(this.id + '-plus').src; var parentNode = this.parentNode; var prevSibling = this.getPreviousSibling(true); var nextSibling = this.getNextSibling(true); var folder = this.parentNode.folder; var last = ((nextSibling) && (nextSibling.parentNode) && (nextSibling.parentNode.id == parentNode.id))?false:true; this.getPreviousSibling().focus(); this._remove(); if (parentNode.childNodes.length == 0) { document.getElementById(parentNode.id + '-cont').style.display = 'none'; parentNode.doCollapse(); parentNode.folder = false; parentNode.open = false; } if (!nextSibling || last) { parentNode.indent(null, true, last, this._level, parentNode.childNodes.length); } if ((prevSibling == parentNode) && !(parentNode.childNodes.length)) { prevSibling.folder = false; prevSibling.open = false; iconSrc = document.getElementById(prevSibling.id + '-plus').src; iconSrc = iconSrc.replace('minus', '').replace('plus', ''); document.getElementById(prevSibling.id + '-plus').src = iconSrc; document.getElementById(prevSibling.id + '-icon').src = webFXTreeConfig.fileIcon; } if (document.getElementById(prevSibling.id + '-plus')) { if (parentNode == prevSibling.parentNode) { iconSrc = iconSrc.replace('minus', '').replace('plus', ''); document.getElementById(prevSibling.id + '-plus').src = iconSrc;} } }WebFXTreeItem.prototype._remove = function() { for (var i = this.childNodes.length - 1; i >= 0; i--) { this.childNodes[i]._remove(); } for (var i = 0; i < this.parentNode.childNodes.length; i++) { if (this == this.parentNode.childNodes[i]) { for (var j = i; j < this.parentNode.childNodes.length; j++) { this.parentNode.childNodes[j] = this.parentNode.childNodes[j+1]; } this.parentNode.childNodes.length -= 1; if (i + 1 == this.parentNode.childNodes.length) { this.parentNode._last = true; } break; } } webFXTreeHandler.all[this.id] = null; var tmp = document.getElementById(this.id); if (tmp) { tmp.parentNode.removeChild(tmp); } tmp = document.getElementById(this.id + '-cont'); if (tmp) { tmp.parentNode.removeChild(tmp); }}WebFXTreeItem.prototype.expand = function() { this.doExpand(); document.getElementById(this.id + '-plus').src = this.minusIcon;}WebFXTreeItem.prototype.collapse = function(b) { if (!b) { this.focus(); } this.doCollapse(); document.getElementById(this.id + '-plus').src = this.plusIcon;}WebFXTreeItem.prototype.getFirst = function() { return this.childNodes[0];}WebFXTreeItem.prototype.getLast = function() { if (this.childNodes[this.childNodes.length - 1].open) { return this.childNodes[this.childNodes.length - 1].getLast(); } else { return this.childNodes[this.childNodes.length - 1]; }}WebFXTreeItem.prototype.getNextSibling = function() { for (var i = 0; i < this.parentNode.childNodes.length; i++) { if (this == this.parentNode.childNodes[i]) { break; } } if (++i == this.parentNode.childNodes.length) { return this.parentNode.getNextSibling(); } else { return this.parentNode.childNodes[i]; }}WebFXTreeItem.prototype.getPreviousSibling = function(b) { for (var i = 0; i < this.parentNode.childNodes.length; i++) { if (this == this.parentNode.childNodes[i]) { break; } } if (i == 0) { return this.parentNode; } else { if ((this.parentNode.childNodes[--i].open) || (b && this.parentNode.childNodes[i].folder)) { return this.parentNode.childNodes[i].getLast(); } else { return this.parentNode.childNodes[i]; }} }WebFXTreeItem.prototype.keydown = function(key) { if ((key == 39) && (this.folder)) { if (!this.open) { this.expand(); } else { this.getFirst().select(); } return false; } else if (key == 37) { if (this.open) { this.collapse(); } else { this.parentNode.select(); }
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -