root / trunk / web / dojo / dojox / widget / Standby.js @ 12
History | View | Annotate | Download (9.83 KB)
1 |
/*
|
---|---|
2 |
Copyright (c) 2004-2010, The Dojo Foundation All Rights Reserved.
|
3 |
Available via Academic Free License >= 2.1 OR the modified BSD license.
|
4 |
see: http://dojotoolkit.org/license for details
|
5 |
*/
|
6 |
|
7 |
|
8 |
if(!dojo._hasResource["dojox.widget.Standby"]){ |
9 |
dojo._hasResource["dojox.widget.Standby"]=true; |
10 |
dojo.provide("dojox.widget.Standby");
|
11 |
dojo.require("dojo.window");
|
12 |
dojo.require("dojo.fx");
|
13 |
dojo.require("dijit._Widget");
|
14 |
dojo.require("dijit._Templated");
|
15 |
dojo.experimental("dojox.widget.Standby");
|
16 |
dojo.declare("dojox.widget.Standby",[dijit._Widget,dijit._Templated],{templateString:"<div>"+"<div style=\"display: none; opacity: 0; z-index: 9999; "+"position: absolute; cursor:wait;\" dojoAttachPoint=\"_underlayNode\"></div>"+"<img src=\"${image}\" style=\"opacity: 0; display: none; z-index: -10000; "+"position: absolute; top: 0px; left: 0px; cursor:wait;\" "+"dojoAttachPoint=\"_imageNode\">"+"<div style=\"opacity: 0; display: none; z-index: -10000; position: absolute; "+"top: 0px;\" dojoAttachPoint=\"_textNode\"></div>"+"</div>",_underlayNode:null,_imageNode:null,_textNode:null,_centerNode:null,image:dojo.moduleUrl("dojox","widget/Standby/images/loading.gif").toString(),imageText:"Please Wait...",text:"Please wait...",centerIndicator:"image",_displayed:false,_resizeCheck:null,target:"",color:"#C0C0C0",duration:500,_started:false,_parent:null,zIndex:"auto",startup:function(_1){ |
17 |
if(!this._started){ |
18 |
if(typeof this.target==="string"){ |
19 |
var w=dijit.byId(this.target); |
20 |
if(w){
|
21 |
this.target=w.domNode;
|
22 |
}else{
|
23 |
this.target=dojo.byId(this.target); |
24 |
} |
25 |
} |
26 |
if(this.text){ |
27 |
this._textNode.innerHTML=this.text; |
28 |
} |
29 |
if(this.centerIndicator==="image"){ |
30 |
this._centerNode=this._imageNode; |
31 |
dojo.attr(this._imageNode,"src",this.image); |
32 |
dojo.attr(this._imageNode,"alt",this.imageText); |
33 |
}else{
|
34 |
this._centerNode=this._textNode; |
35 |
} |
36 |
dojo.style(this._underlayNode,{display:"none",backgroundColor:this.color}); |
37 |
dojo.style(this._centerNode,"display","none"); |
38 |
this.connect(this._underlayNode,"onclick","_ignore"); |
39 |
if(this.domNode.parentNode&&this.domNode.parentNode!=dojo.body()){ |
40 |
dojo.body().appendChild(this.domNode);
|
41 |
} |
42 |
if(dojo.isIE==7){ |
43 |
this._ieFixNode=dojo.doc.createElement("div"); |
44 |
dojo.style(this._ieFixNode,{opacity:"0",zIndex:"-1000",position:"absolute",top:"-1000px"}); |
45 |
dojo.body().appendChild(this._ieFixNode);
|
46 |
} |
47 |
} |
48 |
},show:function(){ |
49 |
if(!this._displayed){ |
50 |
this._displayed=true; |
51 |
this._size();
|
52 |
this._disableOverflow();
|
53 |
this._fadeIn();
|
54 |
} |
55 |
},hide:function(){ |
56 |
if(this._displayed){ |
57 |
this._size();
|
58 |
this._fadeOut();
|
59 |
this._displayed=false; |
60 |
if(this._resizeCheck!==null){ |
61 |
clearInterval(this._resizeCheck);
|
62 |
this._resizeCheck=null; |
63 |
} |
64 |
} |
65 |
},isVisible:function(){ |
66 |
return this._displayed; |
67 |
},onShow:function(){ |
68 |
},onHide:function(){ |
69 |
},uninitialize:function(){ |
70 |
this._displayed=false; |
71 |
if(this._resizeCheck){ |
72 |
clearInterval(this._resizeCheck);
|
73 |
} |
74 |
dojo.style(this._centerNode,"display","none"); |
75 |
dojo.style(this._underlayNode,"display","none"); |
76 |
if(dojo.isIE==7){ |
77 |
dojo.body().removeChild(this._ieFixNode);
|
78 |
delete this._ieFixNode; |
79 |
} |
80 |
this.target=null; |
81 |
this._imageNode=null; |
82 |
this._textNode=null; |
83 |
this._centerNode=null; |
84 |
this.inherited(arguments); |
85 |
},_size:function(){ |
86 |
if(this._displayed){ |
87 |
var _2=dojo.attr(dojo.body(),"dir"); |
88 |
if(_2){
|
89 |
_2=_2.toLowerCase(); |
90 |
} |
91 |
var _3;
|
92 |
var _4=this._scrollerWidths(); |
93 |
var _5=this.target; |
94 |
var _6=dojo.style(this._centerNode,"display"); |
95 |
dojo.style(this._centerNode,"display","block"); |
96 |
var _7=dojo.position(_5,true); |
97 |
if(_5===dojo.body()||_5===dojo.doc){
|
98 |
_7=dojo.window.getBox(); |
99 |
_7.x=_7.l; |
100 |
_7.y=_7.t; |
101 |
} |
102 |
var _8=dojo.marginBox(this._centerNode); |
103 |
dojo.style(this._centerNode,"display",_6); |
104 |
if(this._ieFixNode){ |
105 |
_3=-this._ieFixNode.offsetTop/1000; |
106 |
_7.x=Math.floor((_7.x+0.9)/_3);
|
107 |
_7.y=Math.floor((_7.y+0.9)/_3);
|
108 |
_7.w=Math.floor((_7.w+0.9)/_3);
|
109 |
_7.h=Math.floor((_7.h+0.9)/_3);
|
110 |
} |
111 |
var zi=dojo.style(_5,"zIndex"); |
112 |
var _9=zi;
|
113 |
var _a=zi;
|
114 |
if(this.zIndex==="auto"){ |
115 |
if(zi!="auto"){ |
116 |
_9=parseInt(_9,10)+1; |
117 |
_a=parseInt(_a,10)+2; |
118 |
}else{
|
119 |
var _b=_5.parentNode;
|
120 |
var _c=-100000; |
121 |
while(_b&&_b!==dojo.body()){
|
122 |
zi=dojo.style(_b,"zIndex");
|
123 |
if(!zi||zi==="auto"){ |
124 |
_b=_b.parentNode; |
125 |
}else{
|
126 |
var _d=parseInt(zi,10); |
127 |
if(_c<_d){
|
128 |
_c=_d; |
129 |
_9=_d+1;
|
130 |
_a=_d+2;
|
131 |
} |
132 |
_b=_b.parentNode; |
133 |
} |
134 |
} |
135 |
} |
136 |
}else{
|
137 |
_9=parseInt(this.zIndex,10)+1; |
138 |
_a=parseInt(this.zIndex,10)+2; |
139 |
} |
140 |
dojo.style(this._centerNode,"zIndex",_a); |
141 |
dojo.style(this._underlayNode,"zIndex",_9); |
142 |
var pn=_5.parentNode;
|
143 |
if(pn&&pn!==dojo.body()&&_5!==dojo.body()&&_5!==dojo.doc){
|
144 |
var _e=_7.h;
|
145 |
var _f=_7.w;
|
146 |
var _10=dojo.position(pn,true); |
147 |
if(this._ieFixNode){ |
148 |
_3=-this._ieFixNode.offsetTop/1000; |
149 |
_10.x=Math.floor((_10.x+0.9)/_3);
|
150 |
_10.y=Math.floor((_10.y+0.9)/_3);
|
151 |
_10.w=Math.floor((_10.w+0.9)/_3);
|
152 |
_10.h=Math.floor((_10.h+0.9)/_3);
|
153 |
} |
154 |
_10.w-=pn.scrollHeight>pn.clientHeight&&pn.clientHeight>0?_4.v:0; |
155 |
_10.h-=pn.scrollWidth>pn.clientWidth&&pn.clientWidth>0?_4.h:0; |
156 |
if(_2==="rtl"){ |
157 |
if(dojo.isOpera){
|
158 |
_7.x+=pn.scrollHeight>pn.clientHeight&&pn.clientHeight>0?_4.v:0; |
159 |
_10.x+=pn.scrollHeight>pn.clientHeight&&pn.clientHeight>0?_4.v:0; |
160 |
}else{
|
161 |
if(dojo.isIE){
|
162 |
_10.x+=pn.scrollHeight>pn.clientHeight&&pn.clientHeight>0?_4.v:0; |
163 |
}else{
|
164 |
if(dojo.isWebKit){
|
165 |
} |
166 |
} |
167 |
} |
168 |
} |
169 |
if(_10.w<_7.w){
|
170 |
_7.w=_7.w-_10.w; |
171 |
} |
172 |
if(_10.h<_7.h){
|
173 |
_7.h=_7.h-_10.h; |
174 |
} |
175 |
var _11=_10.y;
|
176 |
var _12=_10.y+_10.h;
|
177 |
var _13=_7.y;
|
178 |
var _14=_7.y+_e;
|
179 |
var _15=_10.x;
|
180 |
var _16=_10.x+_10.w;
|
181 |
var _17=_7.x;
|
182 |
var _18=_7.x+_f;
|
183 |
var _19;
|
184 |
if(_14>_11&&_13<_11){
|
185 |
_7.y=_10.y; |
186 |
_19=_11-_13; |
187 |
var _1a=_e-_19;
|
188 |
if(_1a<_10.h){
|
189 |
_7.h=_1a; |
190 |
}else{
|
191 |
_7.h-=2*(pn.scrollWidth>pn.clientWidth&&pn.clientWidth>0?_4.h:0); |
192 |
} |
193 |
}else{
|
194 |
if(_13<_12&&_14>_12){
|
195 |
_7.h=_12-_13; |
196 |
}else{
|
197 |
if(_14<=_11||_13>=_12){
|
198 |
_7.h=0;
|
199 |
} |
200 |
} |
201 |
} |
202 |
if(_18>_15&&_17<_15){
|
203 |
_7.x=_10.x; |
204 |
_19=_15-_17; |
205 |
var _1b=_f-_19;
|
206 |
if(_1b<_10.w){
|
207 |
_7.w=_1b; |
208 |
}else{
|
209 |
_7.w-=2*(pn.scrollHeight>pn.clientHeight&&pn.clientHeight>0?_4.w:0); |
210 |
} |
211 |
}else{
|
212 |
if(_17<_16&&_18>_16){
|
213 |
_7.w=_16-_17; |
214 |
}else{
|
215 |
if(_18<=_15||_17>=_16){
|
216 |
_7.w=0;
|
217 |
} |
218 |
} |
219 |
} |
220 |
} |
221 |
if(_7.h>0&&_7.w>0){ |
222 |
dojo.style(this._underlayNode,{display:"block",width:_7.w+"px",height:_7.h+"px",top:_7.y+"px",left:_7.x+"px"}); |
223 |
var _1c=["borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]; |
224 |
this._cloneStyles(_1c);
|
225 |
if(!dojo.isIE){
|
226 |
_1c=["MozBorderRadius","MozBorderRadiusTopleft","MozBorderRadiusTopright","MozBorderRadiusBottomleft","MozBorderRadiusBottomright","WebkitBorderRadius","WebkitBorderTopLeftRadius","WebkitBorderTopRightRadius","WebkitBorderBottomLeftRadius","WebkitBorderBottomRightRadius"]; |
227 |
this._cloneStyles(_1c,this); |
228 |
} |
229 |
var _1d=(_7.h/2)-(_8.h/2); |
230 |
var _1e=(_7.w/2)-(_8.w/2); |
231 |
if(_7.h>=_8.h&&_7.w>=_8.w){
|
232 |
dojo.style(this._centerNode,{top:(_1d+_7.y)+"px",left:(_1e+_7.x)+"px",display:"block"}); |
233 |
}else{
|
234 |
dojo.style(this._centerNode,"display","none"); |
235 |
} |
236 |
}else{
|
237 |
dojo.style(this._underlayNode,"display","none"); |
238 |
dojo.style(this._centerNode,"display","none"); |
239 |
} |
240 |
if(this._resizeCheck===null){ |
241 |
var _1f=this; |
242 |
this._resizeCheck=setInterval(function(){ |
243 |
_1f._size(); |
244 |
},100);
|
245 |
} |
246 |
} |
247 |
},_cloneStyles:function(_20){ |
248 |
dojo.forEach(_20,function(_21){
|
249 |
dojo.style(this._underlayNode,_21,dojo.style(this.target,_21)); |
250 |
},this);
|
251 |
},_fadeIn:function(){ |
252 |
var _22=this; |
253 |
var _23=dojo.animateProperty({duration:_22.duration,node:_22._underlayNode,properties:{opacity:{start:0,end:0.75}}}); |
254 |
var _24=dojo.animateProperty({duration:_22.duration,node:_22._centerNode,properties:{opacity:{start:0,end:1}},onEnd:function(){ |
255 |
_22.onShow(); |
256 |
}}); |
257 |
var _25=dojo.fx.combine([_23,_24]);
|
258 |
_25.play(); |
259 |
},_fadeOut:function(){ |
260 |
var _26=this; |
261 |
var _27=dojo.animateProperty({duration:_26.duration,node:_26._underlayNode,properties:{opacity:{start:0.75,end:0}},onEnd:function(){ |
262 |
dojo.style(this.node,{"display":"none","zIndex":"-1000"}); |
263 |
}}); |
264 |
var _28=dojo.animateProperty({duration:_26.duration,node:_26._centerNode,properties:{opacity:{start:1,end:0}},onEnd:function(){ |
265 |
dojo.style(this.node,{"display":"none","zIndex":"-1000"}); |
266 |
_26.onHide(); |
267 |
_26._enableOverflow(); |
268 |
}}); |
269 |
var _29=dojo.fx.combine([_27,_28]);
|
270 |
_29.play(); |
271 |
},_ignore:function(_2a){ |
272 |
if(_2a){
|
273 |
dojo.stopEvent(_2a); |
274 |
} |
275 |
},_scrollerWidths:function(){ |
276 |
var div=dojo.doc.createElement("div"); |
277 |
dojo.style(div,{position:"absolute",opacity:0,overflow:"hidden",width:"50px",height:"50px",zIndex:"-100",top:"-200px",left:"-200px",padding:"0px",margin:"0px"}); |
278 |
var _2b=dojo.doc.createElement("div"); |
279 |
dojo.style(_2b,{width:"200px",height:"10px"}); |
280 |
div.appendChild(_2b); |
281 |
dojo.body().appendChild(div); |
282 |
var b=dojo.contentBox(div);
|
283 |
dojo.style(div,"overflow","scroll"); |
284 |
var a=dojo.contentBox(div);
|
285 |
dojo.body().removeChild(div); |
286 |
return {v:b.w-a.w,h:b.h-a.h}; |
287 |
},_setTextAttr:function(_2c){ |
288 |
this._textNode.innerHTML=_2c;
|
289 |
this.text=_2c;
|
290 |
},_setColorAttr:function(c){ |
291 |
dojo.style(this._underlayNode,"backgroundColor",c); |
292 |
this.color=c;
|
293 |
},_setImageTextAttr:function(_2d){ |
294 |
dojo.attr(this._imageNode,"alt",_2d); |
295 |
this.imageText=_2d;
|
296 |
},_setImageAttr:function(url){ |
297 |
dojo.attr(this._imageNode,"src",url); |
298 |
this.image=url;
|
299 |
},_setCenterIndicatorAttr:function(_2e){ |
300 |
this.centerIndicator=_2e;
|
301 |
if(_2e==="image"){ |
302 |
this._centerNode=this._imageNode; |
303 |
dojo.style(this._textNode,"display","none"); |
304 |
}else{
|
305 |
this._centerNode=this._textNode; |
306 |
dojo.style(this._imageNode,"display","none"); |
307 |
} |
308 |
},_disableOverflow:function(){ |
309 |
if(this.target===dojo.body()||this.target===dojo.doc){ |
310 |
this._overflowDisabled=true; |
311 |
var _2f=dojo.body();
|
312 |
if(_2f.style&&_2f.style.overflow){
|
313 |
this._oldOverflow=dojo.style(_2f,"overflow"); |
314 |
}else{
|
315 |
this._oldOverflow=""; |
316 |
} |
317 |
if(dojo.isIE&&!dojo.isQuirks){
|
318 |
if(_2f.parentNode&&_2f.parentNode.style&&_2f.parentNode.style.overflow){
|
319 |
this._oldBodyParentOverflow=_2f.parentNode.style.overflow;
|
320 |
}else{
|
321 |
try{
|
322 |
this._oldBodyParentOverflow=dojo.style(_2f.parentNode,"overflow"); |
323 |
} |
324 |
catch(e){
|
325 |
this._oldBodyParentOverflow="scroll"; |
326 |
} |
327 |
} |
328 |
dojo.style(_2f.parentNode,"overflow","hidden"); |
329 |
} |
330 |
dojo.style(_2f,"overflow","hidden"); |
331 |
} |
332 |
},_enableOverflow:function(){ |
333 |
if(this._overflowDisabled){ |
334 |
delete this._overflowDisabled; |
335 |
var _30=dojo.body();
|
336 |
if(dojo.isIE&&!dojo.isQuirks){
|
337 |
_30.parentNode.style.overflow=this._oldBodyParentOverflow;
|
338 |
delete this._oldBodyParentOverflow; |
339 |
} |
340 |
dojo.style(_30,"overflow",this._oldOverflow); |
341 |
if(dojo.isWebKit){
|
342 |
var div=dojo.create("div",{style:{height:"2px"}}); |
343 |
_30.appendChild(div); |
344 |
setTimeout(function(){
|
345 |
_30.removeChild(div); |
346 |
},0);
|
347 |
} |
348 |
delete this._oldOverflow; |
349 |
} |
350 |
}}); |
351 |
} |