zapatec.js

zapatec suite 最新版 20070204,非常棒的ajax widgets 工具包

};
}
if (objArgs.force || !Zapatec.EventDriven || !objArgs.url){
return{
onLoad: objArgs.onLoad,
onError: objArgs.onError
};
}
var strUrl = objArgs.url;
if (typeof objArgs.onLoad == 'function'){
Zapatec.EventDriven.addEventListener('zpTransportOnLoad' + strUrl,
objArgs.onLoad);
}
if (typeof objArgs.onError == 'function'){
Zapatec.EventDriven.addEventListener('zpTransportOnError' + strUrl,
objArgs.onError);
}
if (Zapatec.Transport.loading[strUrl]){
return{
loading: true
};
}
else{
Zapatec.Transport.loading[strUrl] = true;
return{
onLoad: new Function("\
Zapatec.EventDriven.fireEvent('zpTransportOnLoad" + strUrl + "');\
Zapatec.EventDriven.removeEvent('zpTransportOnLoad" + strUrl + "');\
Zapatec.EventDriven.removeEvent('zpTransportOnError" + strUrl + "');\
Zapatec.Transport.loading['" + strUrl + "'] = false;\
"),
onError: new Function('objError', "\
Zapatec.EventDriven.fireEvent('zpTransportOnError" + strUrl + "',\
objError);\
Zapatec.EventDriven.removeEvent('zpTransportOnLoad" + strUrl + "');\
Zapatec.EventDriven.removeEvent('zpTransportOnError" + strUrl + "');\
Zapatec.Transport.loading['" + strUrl + "'] = false;\
")
};
}
};
Zapatec.Transport.loadedJS ={
};
Zapatec.Transport.isLoadedJS = function(strUrl, strAbsoluteUrl){
if (typeof strAbsoluteUrl == 'undefined'){
strAbsoluteUrl = Zapatec.Transport.translateUrl({
url: strUrl
}
);
}
if (Zapatec.Transport.loadedJS[strAbsoluteUrl]){
return true;
}
var arrScripts = document.getElementsByTagName('script');
for (var iScript = 0; iScript < arrScripts.length; iScript++){
var strSrc = arrScripts[iScript].getAttribute('src') || '';
if (strSrc == strUrl){
Zapatec.Transport.loadedJS[strAbsoluteUrl] = true;
return true;
}
}
return false;
};
Zapatec.Transport.getPath = function(strScriptFileName){
var arrScripts = document.getElementsByTagName('script');
for (var iScript = arrScripts.length - 1; iScript >= 0; iScript--){
var strSrc = arrScripts[iScript].getAttribute('src') || '';
var arrTokens = strSrc.split('/');
var strLastToken = arrTokens.pop();
if (strLastToken == strScriptFileName){
return arrTokens.length ? arrTokens.join('/') + '/' : '';
}
}
for (var strSrc in Zapatec.Transport.loadedJS){
var arrTokens = strSrc.split('/');
var strLastToken = arrTokens.pop();
if (strLastToken == strScriptFileName){
return arrTokens.length ? arrTokens.join('/') + '/' : '';
}
}
return '';
};
Zapatec.Transport.include = function(strSrc, strId, boolForce){
if (Zapatec.doNotInclude){
return;
}
var strAbsoluteUrl = Zapatec.Transport.translateUrl({
url: strSrc
}
);
if (!boolForce && Zapatec.Transport.isLoadedJS(strSrc, strAbsoluteUrl)){
return;
}
document.write('<script type="text/javascript" src="' + strSrc +
(typeof strId == 'string' ? '" id="' + strId : '') + '"></script>');
Zapatec.Transport.loadedJS[strAbsoluteUrl] = true;
};
Zapatec.include = Zapatec.Transport.include;
Zapatec.Transport.includeJS = function(strSrc, strId){
if (Zapatec.doNotInclude){
return;
}
var objContainer = document.body;
if (!objContainer){
objContainer = document.getElementsByTagName('head')[0];
if (!objContainer){
objContainer = document;
}
}
var objScript = document.createElement('script');
objScript.type = 'text/javascript';
objScript.src = strSrc;
if (typeof strId == 'string'){
objScript.id = strId;
}
objContainer.appendChild(objScript);
};
Zapatec.Transport.loadJS = function(objArgs){
if (!(objArgs instanceof Object)){
return;
}
if (typeof objArgs.async == 'undefined'){
objArgs.async = true;
}
var strUrl = null;
if (objArgs.url){
strUrl = objArgs.url;
}
else if (objArgs.module){
var strPath = '';
if (typeof objArgs.path != 'undefined'){
strPath = objArgs.path;
}
else if (typeof Zapatec.zapatecPath != 'undefined'){
strPath = Zapatec.zapatecPath;
}
strUrl = strPath + objArgs.module + '.js';
}
else{
return;
}
var strAbsUrl = Zapatec.Transport.translateUrl({
url: strUrl
}
);
if (!objArgs.onLoad){
objArgs.onLoad = null;
}
if (!objArgs.onError){
objArgs.onError = null;
}
if (Zapatec.doNotInclude ||
(!objArgs.force && Zapatec.Transport.isLoadedJS(strUrl, strAbsUrl))){
if (typeof objArgs.onLoad == 'function'){
objArgs.onLoad();
}
return;
}
var objHandlers = Zapatec.Transport.setupEvents({
url: strAbsUrl,
force: objArgs.force,
onLoad: objArgs.onLoad,
onError: objArgs.onError
}
);
if (objHandlers.loading){
return;
}
Zapatec.Transport.fetch({
url: strUrl,
async: objArgs.async,
onLoad: function(objRequest){
if (objArgs.force || !Zapatec.Transport.loadedJS[strAbsUrl]){
var arrTokens = strUrl.split('/');
var strLastToken = arrTokens.pop();
Zapatec.lastLoadedModule = arrTokens.join('/') + '/';
Zapatec.Transport.evalGlobalScope(objRequest.responseText);
Zapatec.lastLoadedModule = null;
Zapatec.Transport.loadedJS[strAbsUrl] = true;
}
if (typeof objHandlers.onLoad == 'function'){
objHandlers.onLoad();
}
}
,
onError: objHandlers.onError
}
);
};
Zapatec.Transport.includeCSS = function(strHref){
var objContainer = document.getElementsByTagName('head')[0];
if (!objContainer){
return;
}
var objLink = document.createElement('link');
objLink.setAttribute('rel', 'stylesheet');
objLink.setAttribute('type', 'text/css');
objLink.setAttribute('href', strHref);
objContainer.appendChild(objLink);
};
Zapatec.Transport.loadedCss ={
};
Zapatec.Transport.loadCss = function(objArgs){
if (Zapatec.StyleSheet){
Zapatec.Transport.loadCssWithStyleSheet(objArgs);
}
else{
Zapatec.Transport.loadJS({
module: 'stylesheet',
async: objArgs.async,
onLoad: function(){
Zapatec.Transport.loadCssWithStyleSheet(objArgs);
}
}
);
}
};
Zapatec.Transport.loadCssWithStyleSheet = function(objArgs){
if (!(objArgs instanceof Object)){
return;
}
if (!objArgs.url){
return;
}
if (typeof objArgs.async == 'undefined'){
objArgs.async = true;
}
var strAbsUrl = Zapatec.Transport.translateUrl({
url: objArgs.url
}
);
if (!objArgs.force){
if (Zapatec.Transport.loadedCss[strAbsUrl]){
if (typeof objArgs.onLoad == 'function'){
objArgs.onLoad();
}
return;
}
var arrLinks = document.getElementsByTagName('link');
for (var iLnk = 0; iLnk < arrLinks.length; iLnk++){
var strHref = arrLinks[iLnk].getAttribute('href') || '';
strHref = Zapatec.Transport.translateUrl({
url: strHref
}
);
if (strHref == strAbsUrl){
Zapatec.Transport.loadedCss[strAbsUrl] = true;
if (typeof objArgs.onLoad == 'function'){
objArgs.onLoad();
}
return;
}
}
}
var objHandlers = Zapatec.Transport.setupEvents({
url: strAbsUrl,
force: objArgs.force,
onLoad: objArgs.onLoad,
onError: objArgs.onError
}
);
if (objHandlers.loading){
return;
}
Zapatec.Transport.fetch({
url: objArgs.url,
async: objArgs.async,
onLoad: function(objRequest){
var strCss = objRequest.responseText;
var arrResultCss = [];
var arrImgUrls = [];
var arrCssUrls = [];
var iPos = 0;
var iNextPos = strCss.indexOf('url(', iPos);
while (iNextPos >= 0){
iNextPos += 4;
var strToken = strCss.substring(iPos, iNextPos);
var boolIsImport = /@import\s+url\($/.test(strToken);
arrResultCss.push(strToken);
iPos = iNextPos;
iNextPos = strCss.indexOf(')', iPos);
if (iNextPos >= 0){
var strImgUrl = strCss.substring(iPos, iNextPos);
strImgUrl = strImgUrl.replace(/['"]/g, '');
strImgUrl = Zapatec.Transport.translateUrl({
url: strImgUrl,
relativeTo: objArgs.url
}
);
strImgUrl = Zapatec.Transport.translateUrl({
url: strImgUrl
}
);
arrResultCss.push(strImgUrl);
if (boolIsImport){
arrCssUrls.push(strImgUrl);
}
else{
arrImgUrls.push(strImgUrl);
}
iPos = iNextPos;
iNextPos = strCss.indexOf('url(', iPos);
}
}
arrResultCss.push(strCss.substr(iPos));
strCss = arrResultCss.join('');
Zapatec.Transport.loadCssList({
urls: arrCssUrls,
async: objArgs.async,
onLoad: function(){
var objStyleSheet = new Zapatec.StyleSheet();
objStyleSheet.addParse(strCss);
if (typeof objHandlers.onLoad == 'function'){
objHandlers.onLoad();
}
}
}
);
Zapatec.Transport.loadedCss[strAbsUrl] = true;
Zapatec.Transport.preloadImages({
urls: arrImgUrls,
timeout: 60000
}
);
}
,
onError: objHandlers.onError
}
);
};
Zapatec.Transport.loadCssList = function(objArgs){
if (!(objArgs instanceof Object)){
return;
}
if (typeof objArgs.async == 'undefined'){
objArgs.async = true;
}
if (!objArgs.onLoad){
objArgs.onLoad = null;
}
if (!objArgs.onError){
objArgs.onError = null;
}
if (!objArgs.urls || !objArgs.urls.length){
if (typeof objArgs.onLoad == 'function'){
objArgs.onLoad();
}
return;
}
var strUrl = objArgs.urls.shift();
var funcOnLoad = function(){
Zapatec.Transport.loadCssList({
urls: objArgs.urls,
async: objArgs.async,
force: objArgs.force,
onLoad: objArgs.onLoad,
onError: objArgs.onError
}
);
};
Zapatec.Transport.loadCss({
url: strUrl,
async: objArgs.async,
force: objArgs.force,
onLoad: funcOnLoad,
onError: function(objError){
Zapatec.Transport.displayError(objError.errorCode,
objError.errorDescription, objArgs.onError);
funcOnLoad();
}
}
);
};
Zapatec.Transport.imagePreloads = [];
Zapatec.Transport.preloadImages = function(objArgs){
if (Zapatec.PreloadImages){
Zapatec.Transport.imagePreloads.push(new Zapatec.PreloadImages(objArgs));
}
else{
Zapatec.Transport.loadJS({
module: 'preloadimages',
onLoad: function(){
Zapatec.Transport.imagePreloads.push(
new Zapatec.PreloadImages(objArgs));
}
}
);
}
};

/*
 * zpwidget.js
 */

if (typeof Zapatec == 'undefined'){
Zapatec ={
};
}
Zapatec.Widget = function(objArgs){
this.config ={
};
Zapatec.Widget.SUPERconstructor.call(this);
this.init(objArgs);
};
Zapatec.inherit(Zapatec.Widget, Zapatec.EventDriven);
Zapatec.Widget.path = Zapatec.getPath('Zapatec.Widget');
Zapatec.Widget.prototype.init = function(objArgs){
Zapatec.Widget.SUPERclass.init.call(this);
if (typeof this.id == 'undefined'){
this.id = Zapatec.Widget.all.length;
Zapatec.Widget.all.push(this);
}
this.configure(objArgs);
this.addUserEventListeners();
this.addStandardEventListeners();
this.loadTheme();
};
Zapatec.Widget.prototype.reconfigure = function(objArgs){
this.configure(objArgs);
this.loadTheme();
};
Zapatec.Widget.prototype.configure = function(objArgs){
this.defineConfigOption('theme', 'default');
if (typeof this.constructor.path != 'undefined'){
this.defineConfigOption('themePath', this.constructor.path + '../themes/');
}
else{
this.defineConfigOption('themePath', '../themes/');
}
this.defineConfigOption('asyncTheme', false);
this.defineConfigOption('source');
this.defineConfigOption('sourceType');
this.defineConfigOption('callbackSource');
this.defineConfigOption('asyncSource', true);
this.defineConfigOption('reliableSource', true);
this.defineConfigOption('eventListeners',{
}
);
if (objArgs){
for (var strOption in objArgs){
if (typeof this.config[strOption] != 'undefined'){
this.config[strOption] = objArgs[strOption];
}
else{
Zapatec.Log({
description: "Unknown config option: " + strOption
}
);
}
}
}
};
Zapatec.Widget.prototype.getConfiguration = function(){
return this.config;
};
Zapatec.Widget.all = [];
Zapatec.Widget.getWidgetById = function(iId){
return Zapatec.Widget.all[iId];
};
Zapatec.Widget.prototype.defineConfigOption = function(strOption, val){
if (typeof this.config[strOption] == 'undefined'){
if (typeof val == 'undefined'){
this.config[strOption] = null;
}
else{
this.config[strOption] = val;
}
}
};
Zapatec.Widget.prototype.addUserEventListeners = function(){
for (var strEvent in this.config.eventListeners){
if (this.config.eventListeners.hasOwnProperty(strEvent)){
this.addEventListener(strEvent, this.config.eventListeners[strEvent]);
}
}
};
Zapatec.Widget.prototype.addStandardEventListeners = function(){
this.addEventListener('loadThemeError', Zapatec.Widget.loadThemeError);
};
Zapatec.Widget.loadThemeError = function(objError){
var strDescription = "Can't load theme.";
if (objError && objError.errorDescription){
strDescription += ' ' + objError.errorDescription;
}
Zapatec.Log({
description: strDescription
}
);
};
Zapatec.Widget.prototype.loadTheme = function(){
if (typeof this.config.theme == 'string' && this.config.theme.length){
var iPos = this.config.theme.lastIndexOf('/');
if (iPos >= 0){
iPos++;
this.config.themePath = this.config.theme.substring(0, iPos);
this.config.theme = this.config.theme.substring(iPos);
}
iPos = this.config.theme.lastIndexOf('.');
if (iPos >= 0){
this.config.theme = this.config.theme.substring(0, iPos);
}
this.config.theme = this.config.theme.toLowerCase();
}
else{
this.config.theme = '';
}
if(this.config.theme){
this.fireEvent('loadThemeStart');
this.themeLoaded = false;
var objWidget = this;
var strUrl = this.config.themePath + this.config.theme + '.css';
Zapatec.Transport.loadCss({
url: strUrl,
async: this.config.asyncTheme,
onLoad: function(){
objWidget.fireEvent('loadThemeEnd');
objWidget.themeLoaded = true;
objWidget.hideLoader();
}
,
onError: function(objError){
objWidget.fireEvent('loadThemeEnd');
objWidget.fireEvent('loadThemeError', objError);
objWidget.themeLoaded = true;
objWidget.hideLoader();
}
}
);
}
}
Zapatec.Widget.prototype.getClassName = function(objArgs){
var arrClassName = [];
if (objArgs && objArgs.prefix){
arrClassName.push(objArgs.prefix);
}
if (this.config.theme != ''){
arrClassName.push(this.config.theme.charAt(0).toUpperCase());
arrClassName.push(this.config.theme.substr(1));
}
if (objArgs && objArgs.suffix){
arrClassName.push(objArgs.suffix);
}
return arrClassName.join('');
};
Zapatec.Widget.prototype.showLoader = function(message){
if(this.container != null && this.config.theme && !this.themeLoaded){
if(!Zapatec.windowLoaded){
var self = this;
Zapatec.Utils.addEvent(window, "load", function(){
self.showLoader(message