Rev 1422 | Blame | Compare with Previous | Last modification | View Log | RSS feed
/*
Copyright (c) 2004-2006, The Dojo Foundation
All Rights Reserved.
Licensed under the Academic Free License version 2.1 or above OR the
modified BSD license. For more information on Dojo licensing, see:
http://dojotoolkit.org/community/licensing.shtml
*/
dojo.provide("dojo.widget.ContentPane");
dojo.require("dojo.widget.*");
dojo.require("dojo.io.*");
dojo.require("dojo.widget.HtmlWidget");
dojo.require("dojo.string");
dojo.require("dojo.string.extras");
dojo.require("dojo.html.style");
dojo.widget.defineWidget("dojo.widget.ContentPane", dojo.widget.HtmlWidget, function () {
this._styleNodes = [];
this._onLoadStack = [];
this._onUnloadStack = [];
this._callOnUnload = false;
this._ioBindObj;
this.scriptScope;
this.bindArgs = {};
}, {isContainer:true, adjustPaths:true, href:"", extractContent:true, parseContent:true, cacheContent:true, preload:false, refreshOnShow:false, handler:"", executeScripts:false, scriptSeparation:true, loadingMessage:"Loading...", isLoaded:false, postCreate:function (args, frag, parentComp) {
if (this.handler !== "") {
this.setHandler(this.handler);
}
if (this.isShowing() || this.preload) {
this.loadContents();
}
}, show:function () {
if (this.refreshOnShow) {
this.refresh();
} else {
this.loadContents();
}
dojo.widget.ContentPane.superclass.show.call(this);
}, refresh:function () {
this.isLoaded = false;
this.loadContents();
}, loadContents:function () {
if (this.isLoaded) {
return;
}
if (dojo.lang.isFunction(this.handler)) {
this._runHandler();
} else {
if (this.href != "") {
this._downloadExternalContent(this.href, this.cacheContent && !this.refreshOnShow);
}
}
}, setUrl:function (url) {
this.href = url;
this.isLoaded = false;
if (this.preload || this.isShowing()) {
this.loadContents();
}
}, abort:function () {
var bind = this._ioBindObj;
if (!bind || !bind.abort) {
return;
}
bind.abort();
delete this._ioBindObj;
}, _downloadExternalContent:function (url, useCache) {
this.abort();
this._handleDefaults(this.loadingMessage, "onDownloadStart");
var self = this;
this._ioBindObj = dojo.io.bind(this._cacheSetting({url:url, mimetype:"text/html", handler:function (type, data, xhr) {
delete self._ioBindObj;
if (type == "load") {
self.onDownloadEnd.call(self, url, data);
} else {
var e = {responseText:xhr.responseText, status:xhr.status, statusText:xhr.statusText, responseHeaders:xhr.getAllResponseHeaders(), text:"Error loading '" + url + "' (" + xhr.status + " " + xhr.statusText + ")"};
self._handleDefaults.call(self, e, "onDownloadError");
self.onLoad();
}
}}, useCache));
}, _cacheSetting:function (bindObj, useCache) {
for (var x in this.bindArgs) {
if (dojo.lang.isUndefined(bindObj[x])) {
bindObj[x] = this.bindArgs[x];
}
}
if (dojo.lang.isUndefined(bindObj.useCache)) {
bindObj.useCache = useCache;
}
if (dojo.lang.isUndefined(bindObj.preventCache)) {
bindObj.preventCache = !useCache;
}
if (dojo.lang.isUndefined(bindObj.mimetype)) {
bindObj.mimetype = "text/html";
}
return bindObj;
}, onLoad:function (e) {
this._runStack("_onLoadStack");
this.isLoaded = true;
}, onUnLoad:function (e) {
dojo.deprecated(this.widgetType + ".onUnLoad, use .onUnload (lowercased load)", 0.5);
}, onUnload:function (e) {
this._runStack("_onUnloadStack");
delete this.scriptScope;
if (this.onUnLoad !== dojo.widget.ContentPane.prototype.onUnLoad) {
this.onUnLoad.apply(this, arguments);
}
}, _runStack:function (stName) {
var st = this[stName];
var err = "";
var scope = this.scriptScope || window;
for (var i = 0; i < st.length; i++) {
try {
st[i].call(scope);
}
catch (e) {
err += "\n" + st[i] + " failed: " + e.description;
}
}
this[stName] = [];
if (err.length) {
var name = (stName == "_onLoadStack") ? "addOnLoad" : "addOnUnLoad";
this._handleDefaults(name + " failure\n " + err, "onExecError", "debug");
}
}, addOnLoad:function (obj, func) {
this._pushOnStack(this._onLoadStack, obj, func);
}, addOnUnload:function (obj, func) {
this._pushOnStack(this._onUnloadStack, obj, func);
}, addOnUnLoad:function () {
dojo.deprecated(this.widgetType + ".addOnUnLoad, use addOnUnload instead. (lowercased Load)", 0.5);
this.addOnUnload.apply(this, arguments);
}, _pushOnStack:function (stack, obj, func) {
if (typeof func == "undefined") {
stack.push(obj);
} else {
stack.push(function () {
obj[func]();
});
}
}, destroy:function () {
this.onUnload();
dojo.widget.ContentPane.superclass.destroy.call(this);
}, onExecError:function (e) {
}, onContentError:function (e) {
}, onDownloadError:function (e) {
}, onDownloadStart:function (e) {
}, onDownloadEnd:function (url, data) {
data = this.splitAndFixPaths(data, url);
this.setContent(data);
}, _handleDefaults:function (e, handler, messType) {
if (!handler) {
handler = "onContentError";
}
if (dojo.lang.isString(e)) {
e = {text:e};
}
if (!e.text) {
e.text = e.toString();
}
e.toString = function () {
return this.text;
};
if (typeof e.returnValue != "boolean") {
e.returnValue = true;
}
if (typeof e.preventDefault != "function") {
e.preventDefault = function () {
this.returnValue = false;
};
}
this[handler](e);
if (e.returnValue) {
switch (messType) {
case true:
case "alert":
alert(e.toString());
break;
case "debug":
dojo.debug(e.toString());
break;
default:
if (this._callOnUnload) {
this.onUnload();
}
this._callOnUnload = false;
if (arguments.callee._loopStop) {
dojo.debug(e.toString());
} else {
arguments.callee._loopStop = true;
this._setContent(e.toString());
}
}
}
arguments.callee._loopStop = false;
}, splitAndFixPaths:function (s, url) {
var titles = [], scripts = [], tmp = [];
var match = [], requires = [], attr = [], styles = [];
var str = "", path = "", fix = "", tagFix = "", tag = "", origPath = "";
if (!url) {
url = "./";
}
if (s) {
var regex = /<title[^>]*>([\s\S]*?)<\/title>/i;
while (match = regex.exec(s)) {
titles.push(match[1]);
s = s.substring(0, match.index) + s.substr(match.index + match[0].length);
}
if (this.adjustPaths) {
var regexFindTag = /<[a-z][a-z0-9]*[^>]*\s(?:(?:src|href|style)=[^>])+[^>]*>/i;
var regexFindAttr = /\s(src|href|style)=(['"]?)([\w()\[\]\/.,\\'"-:;#=&?\s@]+?)\2/i;
var regexProtocols = /^(?:[#]|(?:(?:https?|ftps?|file|javascript|mailto|news):))/;
while (tag = regexFindTag.exec(s)) {
str += s.substring(0, tag.index);
s = s.substring((tag.index + tag[0].length), s.length);
tag = tag[0];
tagFix = "";
while (attr = regexFindAttr.exec(tag)) {
path = "";
origPath = attr[3];
switch (attr[1].toLowerCase()) {
case "src":
case "href":
if (regexProtocols.exec(origPath)) {
path = origPath;
} else {
path = (new dojo.uri.Uri(url, origPath).toString());
}
break;
case "style":
path = dojo.html.fixPathsInCssText(origPath, url);
break;
default:
path = origPath;
}
fix = " " + attr[1] + "=" + attr[2] + path + attr[2];
tagFix += tag.substring(0, attr.index) + fix;
tag = tag.substring((attr.index + attr[0].length), tag.length);
}
str += tagFix + tag;
}
s = str + s;
}
regex = /(?:<(style)[^>]*>([\s\S]*?)<\/style>|<link ([^>]*rel=['"]?stylesheet['"]?[^>]*)>)/i;
while (match = regex.exec(s)) {
if (match[1] && match[1].toLowerCase() == "style") {
styles.push(dojo.html.fixPathsInCssText(match[2], url));
} else {
if (attr = match[3].match(/href=(['"]?)([^'">]*)\1/i)) {
styles.push({path:attr[2]});
}
}
s = s.substring(0, match.index) + s.substr(match.index + match[0].length);
}
var regex = /<script([^>]*)>([\s\S]*?)<\/script>/i;
var regexSrc = /src=(['"]?)([^"']*)\1/i;
var regexDojoJs = /.*(\bdojo\b\.js(?:\.uncompressed\.js)?)$/;
var regexInvalid = /(?:var )?\bdjConfig\b(?:[\s]*=[\s]*\{[^}]+\}|\.[\w]*[\s]*=[\s]*[^;\n]*)?;?|dojo\.hostenv\.writeIncludes\(\s*\);?/g;
var regexRequires = /dojo\.(?:(?:require(?:After)?(?:If)?)|(?:widget\.(?:manager\.)?registerWidgetPackage)|(?:(?:hostenv\.)?setModulePrefix|registerModulePath)|defineNamespace)\((['"]).*?\1\)\s*;?/;
while (match = regex.exec(s)) {
if (this.executeScripts && match[1]) {
if (attr = regexSrc.exec(match[1])) {
if (regexDojoJs.exec(attr[2])) {
dojo.debug("Security note! inhibit:" + attr[2] + " from being loaded again.");
} else {
scripts.push({path:attr[2]});
}
}
}
if (match[2]) {
var sc = match[2].replace(regexInvalid, "");
if (!sc) {
continue;
}
while (tmp = regexRequires.exec(sc)) {
requires.push(tmp[0]);
sc = sc.substring(0, tmp.index) + sc.substr(tmp.index + tmp[0].length);
}
if (this.executeScripts) {
scripts.push(sc);
}
}
s = s.substr(0, match.index) + s.substr(match.index + match[0].length);
}
if (this.extractContent) {
match = s.match(/<body[^>]*>\s*([\s\S]+)\s*<\/body>/im);
if (match) {
s = match[1];
}
}
if (this.executeScripts && this.scriptSeparation) {
var regex = /(<[a-zA-Z][a-zA-Z0-9]*\s[^>]*?\S=)((['"])[^>]*scriptScope[^>]*>)/;
var regexAttr = /([\s'";:\(])scriptScope(.*)/;
str = "";
while (tag = regex.exec(s)) {
tmp = ((tag[3] == "'") ? "\"" : "'");
fix = "";
str += s.substring(0, tag.index) + tag[1];
while (attr = regexAttr.exec(tag[2])) {
tag[2] = tag[2].substring(0, attr.index) + attr[1] + "dojo.widget.byId(" + tmp + this.widgetId + tmp + ").scriptScope" + attr[2];
}
str += tag[2];
s = s.substr(tag.index + tag[0].length);
}
s = str + s;
}
}
return {"xml":s, "styles":styles, "titles":titles, "requires":requires, "scripts":scripts, "url":url};
}, _setContent:function (cont) {
this.destroyChildren();
for (var i = 0; i < this._styleNodes.length; i++) {
if (this._styleNodes[i] && this._styleNodes[i].parentNode) {
this._styleNodes[i].parentNode.removeChild(this._styleNodes[i]);
}
}
this._styleNodes = [];
try {
var node = this.containerNode || this.domNode;
while (node.firstChild) {
dojo.html.destroyNode(node.firstChild);
}
if (typeof cont != "string") {
node.appendChild(cont);
} else {
node.innerHTML = cont;
}
}
catch (e) {
e.text = "Couldn't load content:" + e.description;
this._handleDefaults(e, "onContentError");
}
}, setContent:function (data) {
this.abort();
if (this._callOnUnload) {
this.onUnload();
}
this._callOnUnload = true;
if (!data || dojo.html.isNode(data)) {
this._setContent(data);
this.onResized();
this.onLoad();
} else {
if (typeof data.xml != "string") {
this.href = "";
data = this.splitAndFixPaths(data);
}
this._setContent(data.xml);
for (var i = 0; i < data.styles.length; i++) {
if (data.styles[i].path) {
this._styleNodes.push(dojo.html.insertCssFile(data.styles[i].path, dojo.doc(), false, true));
} else {
this._styleNodes.push(dojo.html.insertCssText(data.styles[i]));
}
}
if (this.parseContent) {
for (var i = 0; i < data.requires.length; i++) {
try {
eval(data.requires[i]);
}
catch (e) {
e.text = "ContentPane: error in package loading calls, " + (e.description || e);
this._handleDefaults(e, "onContentError", "debug");
}
}
}
var _self = this;
function asyncParse() {
if (_self.executeScripts) {
_self._executeScripts(data.scripts);
}
if (_self.parseContent) {
var node = _self.containerNode || _self.domNode;
var parser = new dojo.xml.Parse();
var frag = parser.parseElement(node, null, true);
dojo.widget.getParser().createSubComponents(frag, _self);
}
_self.onResized();
_self.onLoad();
}
if (dojo.hostenv.isXDomain && data.requires.length) {
dojo.addOnLoad(asyncParse);
} else {
asyncParse();
}
}
}, setHandler:function (handler) {
var fcn = dojo.lang.isFunction(handler) ? handler : window[handler];
if (!dojo.lang.isFunction(fcn)) {
this._handleDefaults("Unable to set handler, '" + handler + "' not a function.", "onExecError", true);
return;
}
this.handler = function () {
return fcn.apply(this, arguments);
};
}, _runHandler:function () {
var ret = true;
if (dojo.lang.isFunction(this.handler)) {
this.handler(this, this.domNode);
ret = false;
}
this.onLoad();
return ret;
}, _executeScripts:function (scripts) {
var self = this;
var tmp = "", code = "";
for (var i = 0; i < scripts.length; i++) {
if (scripts[i].path) {
dojo.io.bind(this._cacheSetting({"url":scripts[i].path, "load":function (type, scriptStr) {
dojo.lang.hitch(self, tmp = ";" + scriptStr);
}, "error":function (type, error) {
error.text = type + " downloading remote script";
self._handleDefaults.call(self, error, "onExecError", "debug");
}, "mimetype":"text/plain", "sync":true}, this.cacheContent));
code += tmp;
} else {
code += scripts[i];
}
}
try {
if (this.scriptSeparation) {
delete this.scriptScope;
this.scriptScope = new (new Function("_container_", code + "; return this;"))(self);
} else {
var djg = dojo.global();
if (djg.execScript) {
djg.execScript(code);
} else {
var djd = dojo.doc();
var sc = djd.createElement("script");
sc.appendChild(djd.createTextNode(code));
(this.containerNode || this.domNode).appendChild(sc);
}
}
}
catch (e) {
e.text = "Error running scripts from content:\n" + e.description;
this._handleDefaults(e, "onExecError", "debug");
}
}});