Initial commit
This commit is contained in:
@@ -0,0 +1,507 @@
|
||||
/*----------------------------------------------------------------------------\
|
||||
| XLoadTree 2 PRE RELEASE |
|
||||
| |
|
||||
| This is a pre release and may not be redistributed. |
|
||||
| Watch http://webfx.eae.net for the final version |
|
||||
| |
|
||||
|-----------------------------------------------------------------------------|
|
||||
| Created by Erik Arvidsson & Emil A Eklund |
|
||||
| (http://webfx.eae.net/contact.html#erik) |
|
||||
| (http://webfx.eae.net/contact.html#emil) |
|
||||
| For WebFX (http://webfx.eae.net/) |
|
||||
|-----------------------------------------------------------------------------|
|
||||
| A tree menu system for IE 5.5+, Mozilla 1.4+, Opera 7.5+ |
|
||||
|-----------------------------------------------------------------------------|
|
||||
| Copyright (c) 1999 - 2005 Erik Arvidsson & Emil A Eklund |
|
||||
|-----------------------------------------------------------------------------|
|
||||
| This software is provided "as is", without warranty of any kind, express or |
|
||||
| implied, including but not limited to the warranties of merchantability, |
|
||||
| fitness for a particular purpose and noninfringement. In no event shall the |
|
||||
| authors or copyright holders be liable for any claim, damages or other |
|
||||
| liability, whether in an action of contract, tort or otherwise, arising |
|
||||
| from, out of or in connection with the software or the use or other |
|
||||
| dealings in the software. |
|
||||
| - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
|
||||
| This software is available under the three different licenses mentioned |
|
||||
| below. To use this software you must chose, and qualify, for one of those. |
|
||||
| - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
|
||||
| The WebFX Non-Commercial License http://webfx.eae.net/license.html |
|
||||
| Permits anyone the right to use the software in a non-commercial context |
|
||||
| free of charge. |
|
||||
| - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
|
||||
| The WebFX Commercial license http://webfx.eae.net/commercial.html |
|
||||
| Permits the license holder the right to use the software in a commercial |
|
||||
| context. Such license must be specifically obtained, however it's valid for |
|
||||
| any number of implementations of the licensed software. |
|
||||
| - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
|
||||
| GPL - The GNU General Public License http://www.gnu.org/licenses/gpl.txt |
|
||||
| Permits anyone the right to use and modify the software without limitations |
|
||||
| as long as proper credits are given and the original and modified source |
|
||||
| code are included. Requires that the final product, software derivate from |
|
||||
| the original source or any software utilizing a GPL component, such as |
|
||||
| this, is also licensed under the GPL license. |
|
||||
|-----------------------------------------------------------------------------|
|
||||
| 2004-02-21 | Pre release distributed to a few selected tester |
|
||||
| 2005-06-06 | Removed dependency on XML Extras |
|
||||
|-----------------------------------------------------------------------------|
|
||||
| Dependencies: xtree2.js Supplies the tree control |
|
||||
|-----------------------------------------------------------------------------|
|
||||
| Created 2003-??-?? | All changes are in the log above. | Updated 2004-06-06 |
|
||||
|-----------------------------------------------------------------------------|
|
||||
| Note local changes have been made to allow Icons to have different links |
|
||||
| than thier text label counterparts. Thanks to JGuillaume de Rorthais |
|
||||
\----------------------------------------------------------------------------*/
|
||||
|
||||
webFXTreeConfig.loadingText = "Loading...";
|
||||
webFXTreeConfig.loadingIcon = "images/loading.gif";
|
||||
webFXTreeConfig.errorLoadingText = "Error Loading";
|
||||
webFXTreeConfig.errorIcon = "images/exclamation.16.png";
|
||||
webFXTreeConfig.reloadText = "Click to reload";
|
||||
|
||||
|
||||
function WebFXLoadTree(sText, sXmlSrc, oAction, sBehavior, sIcon, oIconAction, sOpenIcon) {
|
||||
WebFXTree.call(this, sText, oAction, sBehavior, sIcon, oIconAction, sOpenIcon);
|
||||
|
||||
// setup default property values
|
||||
this.src = sXmlSrc;
|
||||
this.loading = !sXmlSrc;
|
||||
this.loaded = !sXmlSrc;
|
||||
this.errorText = "";
|
||||
|
||||
if (this.src) {
|
||||
/// add loading Item
|
||||
this._loadingItem = WebFXLoadTree.createLoadingItem();
|
||||
this.add(this._loadingItem);
|
||||
|
||||
if (this.getExpanded()) {
|
||||
WebFXLoadTree.loadXmlDocument(this);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
WebFXLoadTree.createLoadingItem = function () {
|
||||
return new WebFXTreeItem(webFXTreeConfig.loadingText, null, null,
|
||||
webFXTreeConfig.loadingIcon);
|
||||
};
|
||||
|
||||
_p = WebFXLoadTree.prototype = new WebFXTree;
|
||||
|
||||
_p.setExpanded = function (b) {
|
||||
WebFXTree.prototype.setExpanded.call(this, b);
|
||||
|
||||
if (this.src && b) {
|
||||
if (!this.loaded && !this.loading) {
|
||||
// load
|
||||
WebFXLoadTree.loadXmlDocument(this);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
function WebFXLoadTreeItem(sText, sXmlSrc, oAction, eParent, sIcon, oIconAction, sOpenIcon) {
|
||||
WebFXTreeItem.call(this, sText, oAction, eParent, sIcon, oIconAction, sOpenIcon);
|
||||
|
||||
// setup default property values
|
||||
this.src = sXmlSrc;
|
||||
this.loading = !sXmlSrc;
|
||||
this.loaded = !sXmlSrc;
|
||||
this.errorText = "";
|
||||
|
||||
if (this.src) {
|
||||
/// add loading Item
|
||||
this._loadingItem = WebFXLoadTree.createLoadingItem();
|
||||
this.add(this._loadingItem);
|
||||
|
||||
if (this.getExpanded()) {
|
||||
WebFXLoadTree.loadXmlDocument(this);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
_p = WebFXLoadTreeItem.prototype = new WebFXTreeItem;
|
||||
|
||||
_p.setExpanded = function (b) {
|
||||
WebFXTreeItem.prototype.setExpanded.call(this, b);
|
||||
|
||||
if (this.src && b) {
|
||||
if (!this.loaded && !this.loading) {
|
||||
// load
|
||||
WebFXLoadTree.loadXmlDocument(this);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// reloads the src file if already loaded
|
||||
WebFXLoadTree.prototype.reload =
|
||||
_p.reload = function () {
|
||||
// if loading do nothing
|
||||
if (this.loaded) {
|
||||
var t = this.getTree();
|
||||
var expanded = this.getExpanded();
|
||||
var sr = t.getSuspendRedraw();
|
||||
t.setSuspendRedraw(true);
|
||||
|
||||
// remove
|
||||
while (this.childNodes.length > 0) {
|
||||
this.remove(this.childNodes[this.childNodes.length - 1]);
|
||||
}
|
||||
|
||||
this.loaded = false;
|
||||
|
||||
this._loadingItem = WebFXLoadTree.createLoadingItem();
|
||||
this.add(this._loadingItem);
|
||||
|
||||
if (expanded) {
|
||||
this.setExpanded(true);
|
||||
}
|
||||
|
||||
t.setSuspendRedraw(sr);
|
||||
this.update();
|
||||
} else if (this.open && !this.loading) {
|
||||
WebFXLoadTree.loadXmlDocument(this);
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
|
||||
WebFXLoadTree.prototype.setSrc =
|
||||
_p.setSrc = function (sSrc) {
|
||||
var oldSrc = this.src;
|
||||
if (sSrc == oldSrc) return;
|
||||
|
||||
var expanded = this.getExpanded();
|
||||
|
||||
// remove all
|
||||
this._callSuspended(function () {
|
||||
// remove
|
||||
while (this.childNodes.length > 0)
|
||||
this.remove(this.childNodes[this.childNodes.length - 1]);
|
||||
});
|
||||
this.update();
|
||||
|
||||
this.loaded = false;
|
||||
this.loading = false;
|
||||
if (this._loadingItem) {
|
||||
this._loadingItem.dispose();
|
||||
this._loadingItem = null;
|
||||
}
|
||||
this.src = sSrc;
|
||||
|
||||
if (sSrc) {
|
||||
this._loadingItem = WebFXLoadTree.createLoadingItem();
|
||||
this.add(this._loadingItem);
|
||||
}
|
||||
|
||||
this.setExpanded(expanded);
|
||||
};
|
||||
|
||||
WebFXLoadTree.prototype.getSrc =
|
||||
_p.getSrc = function () {
|
||||
return this.src;
|
||||
};
|
||||
|
||||
WebFXLoadTree.prototype.dispose = function () {
|
||||
WebFXTree.prototype.dispose.call(this);
|
||||
if (this._xmlHttp)
|
||||
{
|
||||
if (this._xmlHttp.dispose) {
|
||||
this._xmlHttp.dispose();
|
||||
}
|
||||
try {
|
||||
this._xmlHttp.onreadystatechange = null;
|
||||
this._xmlHttp.abort();
|
||||
} catch (ex) {}
|
||||
this._xmlHttp = null;
|
||||
}
|
||||
};
|
||||
|
||||
_p.dispose = function () {
|
||||
WebFXTreeItem.prototype.dispose.call(this);
|
||||
if (this._xmlHttp) {
|
||||
if (this._xmlHttp.dispose) {
|
||||
this._xmlHttp.dispose();
|
||||
}
|
||||
try {
|
||||
this._xmlHttp.onreadystatechange = null;
|
||||
this._xmlHttp.abort();
|
||||
} catch (ex) {}
|
||||
this._xmlHttp = null;
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
// The path is divided by '/' and the item is identified by the text
|
||||
WebFXLoadTree.prototype.openPath =
|
||||
_p.openPath = function (sPath, bSelect, bFocus) {
|
||||
// remove any old pending paths to open
|
||||
delete this._pathToOpen;
|
||||
//delete this._pathToOpenById;
|
||||
this._selectPathOnLoad = bSelect;
|
||||
this._focusPathOnLoad = bFocus;
|
||||
|
||||
if (sPath == "") {
|
||||
if (bSelect) {
|
||||
this.select();
|
||||
}
|
||||
if (bFocus) {
|
||||
window.setTimeout("WebFXTreeAbstractNode._onTimeoutFocus(\"" + this.getId() + "\")", 10);
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
var parts = sPath.split("/");
|
||||
var remainingPath = parts.slice(1).join("/");
|
||||
|
||||
if (sPath.charAt(0) == "/") {
|
||||
this.getTree().openPath(remainingPath, bSelect, bFocus);
|
||||
} else {
|
||||
// open
|
||||
this.setExpanded(true);
|
||||
if (this.loaded) {
|
||||
parts = sPath.split("/");
|
||||
var ti = this.findChildByText(parts[0]);
|
||||
if (!ti) {
|
||||
throw "Could not find child node with text \"" + parts[0] + "\"";
|
||||
}
|
||||
|
||||
ti.openPath(remainingPath, bSelect, bFocus);
|
||||
} else {
|
||||
this._pathToOpen = sPath;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
// Opera has some serious attribute problems. We need to use getAttribute
|
||||
// for certain attributes
|
||||
WebFXLoadTree._attrs = ["text", "src", "action", "id", "target"];
|
||||
|
||||
WebFXLoadTree.createItemFromElement = function (oNode) {
|
||||
var jsAttrs = {};
|
||||
var i, l;
|
||||
|
||||
l = oNode.attributes.length;
|
||||
for (i = 0; i < l; i++) {
|
||||
oNode.attributes[i].nodeValue = String(oNode.attributes[i].nodeValue).replace(/&/g, "&"); // replace for Safari fix for DOM Bug
|
||||
if (oNode.attributes[i] == null) {
|
||||
continue;
|
||||
}
|
||||
jsAttrs[oNode.attributes[i].nodeName] = oNode.attributes[i].nodeValue;
|
||||
}
|
||||
|
||||
var name, val;
|
||||
for (i = 0; i < WebFXLoadTree._attrs.length; i++) {
|
||||
name = WebFXLoadTree._attrs[i];
|
||||
value = oNode.getAttribute(name);
|
||||
if (value) {
|
||||
jsAttrs[name] = value;
|
||||
}
|
||||
}
|
||||
|
||||
var action;
|
||||
if (jsAttrs.onaction) {
|
||||
action = new Function(jsAttrs.onaction);
|
||||
} else if (jsAttrs.action) {
|
||||
action = jsAttrs.action;
|
||||
}
|
||||
var jsNode = new WebFXLoadTreeItem(jsAttrs.html || "", jsAttrs.src, action,
|
||||
null, jsAttrs.icon, jsAttrs.iconaction, jsAttrs.openicon);
|
||||
if (jsAttrs.text) {
|
||||
jsNode.setText(jsAttrs.text);
|
||||
}
|
||||
|
||||
if (jsAttrs.target) {
|
||||
jsNode.target = jsAttrs.target;
|
||||
}
|
||||
if (jsAttrs.id) {
|
||||
jsNode.setId(jsAttrs.id);
|
||||
}
|
||||
if (jsAttrs.tooltip) {
|
||||
jsNode.toolTip = jsAttrs.tooltip;
|
||||
}
|
||||
if (jsAttrs.expanded) {
|
||||
jsNode.setExpanded(jsAttrs.expanded != "false");
|
||||
}
|
||||
if (jsAttrs.onload) {
|
||||
jsNode.onload = new Function(jsAttrs.onload);
|
||||
}
|
||||
if (jsAttrs.onerror) {
|
||||
jsNode.onerror = new Function(jsAttrs.onerror);
|
||||
}
|
||||
|
||||
jsNode.attributes = jsAttrs;
|
||||
|
||||
// go through childNodes
|
||||
var cs = oNode.childNodes;
|
||||
l = cs.length;
|
||||
for (i = 0; i < l; i++) {
|
||||
if (cs[i].tagName == "tree") {
|
||||
jsNode.add(WebFXLoadTree.createItemFromElement(cs[i]));
|
||||
}
|
||||
}
|
||||
|
||||
return jsNode;
|
||||
};
|
||||
|
||||
WebFXLoadTree.loadXmlDocument = function (jsNode) {
|
||||
if (jsNode.loading || jsNode.loaded) {
|
||||
return;
|
||||
}
|
||||
jsNode.loading = true;
|
||||
var id = jsNode.getId();
|
||||
jsNode._xmlHttp = window.XMLHttpRequest ? new XMLHttpRequest : new window.ActiveXObject("Microsoft.XmlHttp");
|
||||
jsNode._xmlHttp.open("GET", jsNode.src, true); // async
|
||||
jsNode._xmlHttp.onreadystatechange = new Function("WebFXLoadTree._onload(\"" + id + "\")");
|
||||
|
||||
// call in new thread to allow ui to update
|
||||
window.setTimeout("WebFXLoadTree._ontimeout(\"" + id + "\")", 10);
|
||||
};
|
||||
|
||||
WebFXLoadTree._onload = function (sId) {
|
||||
var jsNode = webFXTreeHandler.all[sId];
|
||||
if (jsNode._xmlHttp.readyState == 4) {
|
||||
WebFXLoadTree.documentLoaded(jsNode);
|
||||
webFXLoadTreeQueue.remove(jsNode);
|
||||
if (jsNode._xmlHttp.dispose)
|
||||
jsNode._xmlHttp.dispose();
|
||||
jsNode._xmlHttp = null;
|
||||
}
|
||||
};
|
||||
|
||||
WebFXLoadTree._ontimeout = function (sId) {
|
||||
var jsNode = webFXTreeHandler.all[sId];
|
||||
webFXLoadTreeQueue.add(jsNode);
|
||||
};
|
||||
|
||||
|
||||
|
||||
// Inserts an xml document as a subtree to the provided node
|
||||
WebFXLoadTree.documentLoaded = function (jsNode) {
|
||||
if (jsNode.loaded) {
|
||||
return;
|
||||
}
|
||||
|
||||
jsNode.errorText = "";
|
||||
jsNode.loaded = true;
|
||||
jsNode.loading = false;
|
||||
|
||||
var t = jsNode.getTree();
|
||||
var oldSuspend = t.getSuspendRedraw();
|
||||
t.setSuspendRedraw(true);
|
||||
|
||||
var doc = jsNode._xmlHttp.responseXML;
|
||||
|
||||
// check that the load of the xml file went well
|
||||
if(!doc || doc.parserError && doc.parseError.errorCode != 0 || !doc.documentElement) {
|
||||
if (!doc || doc.parseError.errorCode == 0) {
|
||||
jsNode.errorText = webFXTreeConfig.errorLoadingText + " " + jsNode.src + " (" + jsNode._xmlHttp.status + ": " + jsNode._xmlHttp.statusText + ")";
|
||||
} else {
|
||||
jsNode.errorText = webFXTreeConfig.errorLoadingText + " " + jsNode.src + " (" + doc.parseError.reason + ")";
|
||||
}
|
||||
} else {
|
||||
// there is one extra level of tree elements
|
||||
var root = doc.documentElement;
|
||||
|
||||
// loop through all tree children
|
||||
var count = 0;
|
||||
var cs = root.childNodes;
|
||||
var l = cs.length;
|
||||
var newNode;
|
||||
for (var i = 0; i < l; i++) {
|
||||
if (cs[i].tagName == "tree") {
|
||||
newNode=WebFXLoadTree.createItemFromElement(cs[i]);
|
||||
jsNode.add(newNode);
|
||||
count++;
|
||||
}
|
||||
}
|
||||
|
||||
if (count == 1 && newNode.childNodes.length) {
|
||||
var parent=jsNode.parentNode;
|
||||
newNode.setExpanded(true);
|
||||
}
|
||||
// if no children we got an error
|
||||
if (count == 0) {
|
||||
jsNode.errorText = webFXTreeConfig.errorLoadingText + " " + jsNode.src + " (???)";
|
||||
}
|
||||
}
|
||||
|
||||
if (jsNode.errorText != "") {
|
||||
jsNode._loadingItem.icon = webFXTreeConfig.errorIcon;
|
||||
jsNode._loadingItem.text = jsNode.errorText;
|
||||
jsNode._loadingItem.action = WebFXLoadTree._reloadParent;
|
||||
jsNode._loadingItem.toolTip = webFXTreeConfig.reloadText;
|
||||
|
||||
t.setSuspendRedraw(oldSuspend);
|
||||
|
||||
jsNode._loadingItem.update();
|
||||
|
||||
if (typeof jsNode.onerror == "function") {
|
||||
jsNode.onerror();
|
||||
}
|
||||
} else {
|
||||
// remove dummy
|
||||
if (jsNode._loadingItem != null) {
|
||||
jsNode.remove(jsNode._loadingItem);
|
||||
}
|
||||
|
||||
if (jsNode._pathToOpen) {
|
||||
jsNode.openPath(jsNode._pathToOpen, jsNode._selectPathOnLoad, jsNode._focusPathOnLoad);
|
||||
}
|
||||
|
||||
t.setSuspendRedraw(oldSuspend);
|
||||
jsNode.update();
|
||||
if (typeof jsNode.onload == "function") {
|
||||
jsNode.onload();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
WebFXLoadTree._reloadParent = function () {
|
||||
this.getParent().reload();
|
||||
};
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
var webFXLoadTreeQueue = {
|
||||
_nodes: [],
|
||||
_ie: /msie/i.test(navigator.userAgent),
|
||||
_opera: /opera/i.test(navigator.userAgent),
|
||||
|
||||
add: function (jsNode) {
|
||||
if (this._ie || this._opera) {
|
||||
this._nodes.push(jsNode);
|
||||
if (this._nodes.length == 1) {
|
||||
this._send();
|
||||
}
|
||||
} else {
|
||||
jsNode._xmlHttp.send(null);
|
||||
}
|
||||
},
|
||||
|
||||
remove: function (jsNode) {
|
||||
if (this._ie || this._opera) {
|
||||
arrayHelper.remove(this._nodes, jsNode);
|
||||
if (this._nodes.length > 0) {
|
||||
this._send();
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
// IE only
|
||||
_send: function () {
|
||||
var id = this._nodes[0].getId();
|
||||
var jsNode = webFXTreeHandler.all[id];
|
||||
if (!jsNode) {
|
||||
return;
|
||||
}
|
||||
// if no _xmlHttp then remove it
|
||||
if (!jsNode._xmlHttp) {
|
||||
this.remove(jsNode);
|
||||
} else {
|
||||
jsNode._xmlHttp.send(null);
|
||||
}
|
||||
}
|
||||
};
|
||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user