var folderImage = 'images/TreeDirClosed.gif'; var openFolderImage = 'images/TreeDirOpen.gif'; var fileImage = 'images/new.gif'; var lineImage = 'images/TreeLine.gif'; var lImage = 'images/TreeBranch2.gif'; var lMinusImage = 'images/TreeMinus2.gif'; var lPlusImage = 'images/TreePlus2.gif'; var tImage = 'images/TreeBranch1.gif'; var tMinusImage = 'images/TreeMinus1.gif'; var tPlusImage = 'images/TreePlus1.gif'; var blankImage = 'images/blank.gif'; var __tree; function getObject(id) { return __tree.destination.getElementById(id); } function Tree() { this.source = "parent.frTreeControl"; this.destination = parent.frTreeDisplay.document; this.mode = 0; this.adapterURL = ""; __tree = this; this.id = -1; this.nodes = []; this.backcolor = ""; this.tablebackcolor = ""; this.background = ""; this.font = "Arial"; this.fontsize = "11px"; this.fontcolor = "black"; this.fontbackcolor = ""; this.fontbold = false; this.fontitalic = false; this.selectfontcolor = "black"; this.selectfontbackcolor = ""; this.folderIcon = folderImage; this.openFolderIcon = openFolderImage; this.icons = true; this.highlight = false; var node = new Node("__ROOT"); node.isMaster = true; node.open = true; node.tree = this; this.nodes[this.nodes.length] = node; this.rootnode = node; this._selNode = null; this.target = ''; this._scrollY = 0; this.callback_select = null; this.callback_click = null; this.isFolderOpenedWhenTextClicked = false; } Tree.prototype.setIconsBlank = function() { lineImage = 'images/blank.gif'; lImage = 'images/blank.gif'; lMinusImage = 'images/blank.gif'; lPlusImage = 'images/blank.gif'; tImage = 'images/blank.gif'; tMinusImage = 'images/blank.gif'; tPlusImage = 'images/blank.gif'; return false; } Tree.prototype._getID = function() { // get next id this.id++; return this.id; } Tree.prototype._nodeclick = function(id,y) { this._scrollY = y; this.nodes[id].nodeclick(); } Tree.prototype._nodeselect = function(id) { this.nodes[id].nodeselect(); } Tree.prototype.setDestination = function (doc) { this.destination = doc; }; Tree.prototype.setMode = function (mode) { this.mode = mode; if(this.mode == 1) { if(this.adapterURL != "") { __comm = new Comm(this.adapterURL); } } }; Tree.prototype.getMode = function () { return this.mode; }; Tree.prototype.setAdapterURL = function (url) { this.adapterURL = url; }; Tree.prototype.add = function (node) { // add the new node to the internal root node this.rootnode.add(node); }; Tree.prototype.createHTML = function () { var html; var crlf = "\r"; html ="" + crlf; html +="" + crlf; if(this.highlight && is.ie) { html +="" + crlf; } if(is.ns6) { //html +="" + crlf; html +="" } html +="" + crlf; if(this._scrollY != 0) { html +="" + crlf; } else { html +="" + crlf; } html +="" + crlf; html +="" + crlf; html +="" + crlf; html +="" + crlf; html +="

" + crlf; for (var i = 0; i < this.rootnode._subNodes.length; i++) { html += this.rootnode._subNodes[i].createHTML(i,this.rootnode._subNodes.length) + crlf; } html +="

" + crlf; html +="" + crlf; html +="" + crlf; return html; }; Tree.prototype.getSelectedNode = function () { return this._selNode; } Tree.prototype.draw = function () { this.destination.open('text/html', 'replace'); this.destination.write(this.createHTML()); this.destination.close(); } function Node(name, action, key, icon) { this._subNodes = []; this._lastNode = false; this.name = name; this.action = action || "javascript:void(0);"; this.id = __tree._getID(); this.expanded = false; this.key = key; this.tree = null; this.isRoot = false; this.icon = icon; this.target = ""; this.parent = null; }; Node.prototype.add = function (node) { node.parent = this; node.tree = this.tree; this._subNodes[this._subNodes.length] = node; // hold the tree in array, necessary for identifying node after call back this.tree.nodes[this.tree.nodes.length] = node; if(this.name == "__ROOT") // make this node to root node, because it is the first visible node node.isRoot = true; }; Node.prototype.nodeclick = function () { if (this.expanded) { this.collapse(); } else { this.expand(); } } Node.prototype.nodeselect = function () { if(this.tree._selNode) { this.tree._selNode.deselect(); } this.tree._selNode = this; if(this._subNodes.length > 0) { if( is.ie5 || is.ie55 || is.ie6 || is.ns6 || is.opera) { } } if( is.ie5 || is.ie55 || is.ie6 || is.ns6 || is.opera) { getObject(this.id + '.0').style.backgroundColor = this.tree.selectfontbackcolor; getObject(this.id + '.0').style.color = this.tree.selectfontcolor; } if(!this.tree.callback_select == null) this.tree.callback_select(); } Node.prototype.deselect = function () { var color = ""; var backcolor = ""; if(!this.fontcolor) color = this.tree.fontcolor; if(this.fontbackcolor) backcolor = this.fontbackcolor; else if(!this.fontbackcolor && this.tree.fontbackcolor) backcolor = this.tree.fontbackcolor; else backcolor = ""; if( is.ie5 || is.ie55 || is.ie6 || is.ns6 || is.opera) { var obj = getObject(this.id + '.0'); if(obj != null) { obj.style.backgroundColor = backcolor; obj.style.color = color; } } } Node.prototype.expand = function () { this.expanded = true; if(this.tree.mode == 1) { // delete all sub items this._subNodes = []; this._lastNode = false; // save current tree this.tree.currentNode = this; // get nodes from server this.tree.getSubTree(); } else { this.tree.draw(); } } Node.prototype.collapse = function () { this.expanded = false; this.tree.draw(); } Node.prototype.activate = function () { this.nodeselect(); eval(this.action); } Node.prototype.createHTML = function (node,nodeCount) { var parentNode = this.parent; var indent = ''; var icon = ""; var crlf = "\r"; var font = ""; var size = ""; var color = ""; var backcolor = ""; var bold = false; var italic = false; var id = ""; var scroll = ""; if(!this.font) font = "font-family:" + this.tree.font + ";"; else font = "font-family:" + this.font + ";"; if(!this.fontsize) size = "font-size:" + this.tree.fontsize + ";"; else size = "font-size:" + this.fontsize + ";"; if(!this.fontcolor) color = "color:" + this.tree.fontcolor + ";"; else color = "color:" + this.fontcolor + ";"; if(!this.fontbackcolor && this.tree.fontbackcolor != "") backcolor = "background-color:" + this.tree.fontbackcolor + ";"; else if(this.fontbackcolor) backcolor = "background-color:" + this.fontbackcolor + ";"; else backcolor = ""; if(this.fontbold) bold = "font-weight:bold;"; else bold = "font-weight:normal;"; if (node + 1 == nodeCount) { // determine last node this.parent._lastNode = true; } while (parentNode.parent && !parentNode.parent.isMaster) { parentNode = parentNode.parent; icon = parentNode._lastNode ? blankImage : lineImage; indent = "

" + indent; } parentNode = this.parent; if(this.tree.mode == 1) { this.folder = 1; } else { if (this._subNodes.length) { this.folder = 1; } } if(!is.ns4) { if(this.tree.highlight && is.ie) var html = "" else var html = "

" } else var html = "

" + crlf; if (this.folder) { if (!this.icon) { this.icon = this.tree.folderIcon; } if (!this.openIcon) { this.openIcon = this.tree.openFolderIcon; } if(this.expanded) this.icon = this.tree.openFolderIcon; else this.icon = this.tree.folderIcon; html += "" + crlf; html += indent + crlf; icon = ((this.expanded)?((this.parent._lastNode)?lMinusImage:tMinusImage):((this.parent._lastNode)?lPlusImage:tPlusImage)); if(is.ie) scroll = ",document.body.scrollTop"; else scroll = ",window.pageYOffset"; if(!parentNode.isMaster) { html += "" + crlf; } if(this.tree.icons) html += "" + crlf; if(!is.ns4) { id = "id=\"" + this.id + ".0\""; } if(this.tree.isFolderOpenedWhenTextClicked) html += "" + crlf; else html += "" + crlf; html += "" + crlf; html += "

" + this.name + "

" + this.name + "

" + crlf; if(this.expanded) { for (var i = 0; i < this._subNodes.length; i++) { html += this._subNodes[i].createHTML(i,this._subNodes.length) + crlf; } this._lastNode = false; } } else { if (!this.icon) { this.icon = fileImage; } html += "" + crlf; html += indent + crlf; icon = this.parent._lastNode ? lImage : tImage; if(!parentNode.isMaster) { html += "

" + crlf; } if(this.tree.icons) html += "

" + crlf; if(!is.ns4) { id = "id=\"" + this.id + ".0\""; } html += "

" + this.name + "

" + crlf; html += "" + crlf; html += "" + crlf; } this.plusIcon = ((this.parent._lastNode) ? lPlusImage : tPlusImage); this.minusIcon = ((this.parent._lastNode) ? lMinusImage : tMinusImage); return html; }