ui.js

用最近的dojo1.2.1制作前端的ajax购书网站

/*
	Copyright (c) 2004-2008, The Dojo Foundation All Rights Reserved.
	Available via Academic Free License >= 2.1 OR the modified BSD license.
	see: http://dojotoolkit.org/license for details
*/


if(!dojo._hasResource["dojox.off.ui"]){
dojo._hasResource["dojox.off.ui"]=true;
dojo.provide("dojox.off.ui");
dojo.require("dojox.storage.Provider");
dojo.require("dojox.storage.manager");
dojo.require("dojox.storage.GearsStorageProvider");
dojo.mixin(dojox.off.ui,{appName:"setme",autoEmbed:true,autoEmbedID:"dot-widget",runLink:window.location.href,runLinkTitle:"Run Application",learnHowPath:dojo.moduleUrl("dojox","off/resources/learnhow.html"),customLearnHowPath:false,htmlTemplatePath:dojo.moduleUrl("dojox","off/resources/offline-widget.html").uri,cssTemplatePath:dojo.moduleUrl("dojox","off/resources/offline-widget.css").uri,onlineImagePath:dojo.moduleUrl("dojox","off/resources/greenball.png").uri,offlineImagePath:dojo.moduleUrl("dojox","off/resources/redball.png").uri,rollerImagePath:dojo.moduleUrl("dojox","off/resources/roller.gif").uri,checkmarkImagePath:dojo.moduleUrl("dojox","off/resources/checkmark.png").uri,learnHowJSPath:dojo.moduleUrl("dojox","off/resources/learnhow.js").uri,_initialized:false,onLoad:function(){
},_initialize:function(){
if(this._validateAppName(this.appName)==false){
alert("You must set dojox.off.ui.appName; it can only contain "+"letters, numbers, and spaces; right now it "+"is incorrectly set to '"+dojox.off.ui.appName+"'");
dojox.off.enabled=false;
return;
}
this.runLinkText="Run "+this.appName;
dojo.connect(dojox.off,"onNetwork",this,"_onNetwork");
dojo.connect(dojox.off.sync,"onSync",this,"_onSync");
dojox.off.files.cache([this.htmlTemplatePath,this.cssTemplatePath,this.onlineImagePath,this.offlineImagePath,this.rollerImagePath,this.checkmarkImagePath]);
if(this.autoEmbed){
this._doAutoEmbed();
}
},_doAutoEmbed:function(){
dojo.xhrGet({url:this.htmlTemplatePath,handleAs:"text",error:function(_1){
dojox.off.enabled=false;
_1=_1.message||_1;
alert("Error loading the Dojo Offline Widget from "+this.htmlTemplatePath+": "+_1);
},load:dojo.hitch(this,this._templateLoaded)});
},_templateLoaded:function(_2){
var _3=dojo.byId(this.autoEmbedID);
if(_3){
_3.innerHTML=_2;
}
this._initImages();
this._updateNetIndicator();
this._initLearnHow();
this._initialized=true;
if(!dojox.off.hasOfflineCache){
this._showNeedsOfflineCache();
return;
}
if(dojox.off.hasOfflineCache&&dojox.off.browserRestart){
this._needsBrowserRestart();
return;
}else{
var _4=dojo.byId("dot-widget-browser-restart");
if(_4){
_4.style.display="none";
}
}
this._updateSyncUI();
this._initMainEvtHandlers();
this._setOfflineEnabled(dojox.off.enabled);
this._onNetwork(dojox.off.isOnline?"online":"offline");
this._testNet();
},_testNet:function(){
dojox.off.goOnline(dojo.hitch(this,function(_5){
this._onNetwork(_5?"online":"offline");
this.onLoad();
}));
},_updateNetIndicator:function(){
var _6=dojo.byId("dot-widget-network-indicator-online");
var _7=dojo.byId("dot-widget-network-indicator-offline");
var _8=dojo.byId("dot-widget-title-text");
if(_6&&_7){
if(dojox.off.isOnline==true){
_6.style.display="inline";
_7.style.display="none";
}else{
_6.style.display="none";
_7.style.display="inline";
}
}
if(_8){
if(dojox.off.isOnline){
_8.innerHTML="Online";
}else{
_8.innerHTML="Offline";
}
}
},_initLearnHow:function(){
var _9=dojo.byId("dot-widget-learn-how-link");
if(!_9){
return;
}
if(!this.customLearnHowPath){
var _a=dojo.config.baseRelativePath;
this.learnHowPath+="?appName="+encodeURIComponent(this.appName)+"&hasOfflineCache="+dojox.off.hasOfflineCache+"&runLink="+encodeURIComponent(this.runLink)+"&runLinkText="+encodeURIComponent(this.runLinkText)+"&baseRelativePath="+encodeURIComponent(_a);
dojox.off.files.cache(this.learnHowJSPath);
dojox.off.files.cache(this.learnHowPath);
}
_9.setAttribute("href",this.learnHowPath);
var _b=dojo.byId("dot-widget-learn-how-app-name");
if(!_b){
return;
}
_b.innerHTML="";
_b.appendChild(document.createTextNode(this.appName));
},_validateAppName:function(_c){
if(!_c){
return false;
}
return (/^[a-z0-9 ]*$/i.test(_c));
},_updateSyncUI:function(){
var _d=dojo.byId("dot-roller");
var _e=dojo.byId("dot-success-checkmark");
var _f=dojo.byId("dot-sync-messages");
var _10=dojo.byId("dot-sync-details");
var _11=dojo.byId("dot-sync-cancel");
if(dojox.off.sync.isSyncing){
this._clearSyncMessage();
if(_d){
_d.style.display="inline";
}
if(_e){
_e.style.display="none";
}
if(_f){
dojo.removeClass(_f,"dot-sync-error");
}
if(_10){
_10.style.display="none";
}
if(_11){
_11.style.display="inline";
}
}else{
if(_d){
_d.style.display="none";
}
if(_11){
_11.style.display="none";
}
if(_f){
dojo.removeClass(_f,"dot-sync-error");
}
}
},_setSyncMessage:function(_12){
var _13=dojo.byId("dot-sync-messages");
if(_13){
while(_13.firstChild){
_13.removeChild(_13.firstChild);
}
_13.appendChild(document.createTextNode(_12));
}
},_clearSyncMessage:function(){
this._setSyncMessage("");
},_initImages:function(){
var _14=dojo.byId("dot-widget-network-indicator-online");
if(_14){
_14.setAttribute("src",this.onlineImagePath);
}
var _15=dojo.byId("dot-widget-network-indicator-offline");
if(_15){
_15.setAttribute("src",this.offlineImagePath);
}
var _16=dojo.byId("dot-roller");
if(_16){
_16.setAttribute("src",this.rollerImagePath);
}
var _17=dojo.byId("dot-success-checkmark");
if(_17){
_17.setAttribute("src",this.checkmarkImagePath);
}
},_showDetails:function(evt){
evt.preventDefault();
evt.stopPropagation();
if(!dojox.off.sync.details.length){
return;
}
var _19="";
_19+="<html><head><title>Sync Details</title><head><body>";
_19+="<h1>Sync Details</h1>\n";
_19+="<ul>\n";
for(var i=0;i<dojox.off.sync.details.length;i++){
_19+="<li>";
_19+=dojox.off.sync.details[i];
_19+="</li>";
}
_19+="</ul>\n";
_19+="<a href='javascript:window.close()' "+"style='text-align: right; padding-right: 2em;'>"+"Close Window"+"</a>\n";
_19+="</body></html>";
var _1b="height=400,width=600,resizable=true,"+"scrollbars=true,toolbar=no,menubar=no,"+"location=no,directories=no,dependent=yes";
var _1c=window.open("","SyncDetails",_1b);
if(!_1c){
alert("Please allow popup windows for this domain; can't display sync details window");
return;
}
_1c.document.open();
_1c.document.write(_19);
_1c.document.close();
if(_1c.focus){
_1c.focus();
}
},_cancel:function(evt){
evt.preventDefault();
evt.stopPropagation();
dojox.off.sync.cancel();
},_needsBrowserRestart:function(){
var _1e=dojo.byId("dot-widget-browser-restart");
if(_1e){
dojo.addClass(_1e,"dot-needs-browser-restart");
}
var _1f=dojo.byId("dot-widget-browser-restart-app-name");
if(_1f){
_1f.innerHTML="";
_1f.appendChild(document.createTextNode(this.appName));
}
var _20=dojo.byId("dot-sync-status");
if(_20){
_20.style.display="none";
}
},_showNeedsOfflineCache:function(){
var _21=dojo.byId("dot-widget-container");
if(_21){
dojo.addClass(_21,"dot-needs-offline-cache");
}
},_hideNeedsOfflineCache:function(){
var _22=dojo.byId("dot-widget-container");
if(_22){
dojo.removeClass(_22,"dot-needs-offline-cache");
}
},_initMainEvtHandlers:function(){
var _23=dojo.byId("dot-sync-details-button");
if(_23){
dojo.connect(_23,"onclick",this,this._showDetails);
}
var _24=dojo.byId("dot-sync-cancel-button");
if(_24){
dojo.connect(_24,"onclick",this,this._cancel);
}
},_setOfflineEnabled:function(_25){
var _26=[];
_26.push(dojo.byId("dot-sync-status"));
for(var i=0;i<_26.length;i++){
if(_26[i]){
_26[i].style.visibility=(_25?"visible":"hidden");
}
}
},_syncFinished:function(){
this._updateSyncUI();
var _28=dojo.byId("dot-success-checkmark");
var _29=dojo.byId("dot-sync-details");
if(dojox.off.sync.successful==true){
this._setSyncMessage("Sync Successful");
if(_28){
_28.style.display="inline";
}
}else{
if(dojox.off.sync.cancelled==true){
this._setSyncMessage("Sync Cancelled");
if(_28){
_28.style.display="none";
}
}else{
this._setSyncMessage("Sync Error");
var _2a=dojo.byId("dot-sync-messages");
if(_2a){
dojo.addClass(_2a,"dot-sync-error");
}
if(_28){
_28.style.display="none";
}
}
}
if(dojox.off.sync.details.length&&_29){
_29.style.display="inline";
}
},_onFrameworkEvent:function(_2b,_2c){
if(_2b=="save"){
if(_2c.status==dojox.storage.FAILED&&!_2c.isCoreSave){
alert("Please increase the amount of local storage available "+"to this application");
if(dojox.storage.hasSettingsUI()){
dojox.storage.showSettingsUI();
}
}
}else{
if(_2b=="coreOperationFailed"){

if(!this._userInformed){
alert("This application will not work if Google Gears is not allowed to run");
this._userInformed=true;
}
}else{
if(_2b=="offlineCacheInstalled"){
this._hideNeedsOfflineCache();
if(dojox.off.hasOfflineCache==true&&dojox.off.browserRestart==true){
this._needsBrowserRestart();
return;
}else{
var _2d=dojo.byId("dot-widget-browser-restart");
if(_2d){
_2d.style.display="none";
}
}
this._updateSyncUI();
this._initMainEvtHandlers();
this._setOfflineEnabled(dojox.off.enabled);
this._testNet();
}
}
}
},_onSync:function(_2e){
switch(_2e){
case "start":
this._updateSyncUI();
break;
case "refreshFiles":
this._setSyncMessage("Downloading UI...");
break;
case "upload":
this._setSyncMessage("Uploading new data...");
break;
case "download":
this._setSyncMessage("Downloading new data...");
break;
case "finished":
this._syncFinished();
break;
case "cancel":
this._setSyncMessage("Canceling Sync...");
break;
default:
dojo.warn("Programming error: "+"Unknown sync type in dojox.off.ui: "+_2e);
break;
}
},_onNetwork:function(_2f){
if(!this._initialized){
return;
}
this._updateNetIndicator();
if(_2f=="offline"){
this._setSyncMessage("You are working offline");
var _30=dojo.byId("dot-sync-details");
if(_30){
_30.style.display="none";
}
this._updateSyncUI();
}else{
if(dojox.off.sync.autoSync){
if(dojo.isAIR){
window.setTimeout(function(){
dojox.off.sync.synchronize();
},1000);
}else{
window.setTimeout(dojox._scopeName+".off.sync.synchronize()",1000);
}
}
}
}});
dojo.connect(dojox.off,"onFrameworkEvent",dojox.off.ui,"_onFrameworkEvent");
dojo.connect(dojox.off,"onLoad",dojox.off.ui,dojox.off.ui._initialize);
}