1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
|
//>>built
define("dojox/mobile/Opener", [
"dojo/_base/declare",
"dojo/_base/lang",
"dojo/_base/window",
"dojo/dom-class",
"dojo/dom-construct",
"dojo/dom-style",
"dojo/dom-geometry",
"./Tooltip",
"./Overlay"
], function(declare, lang, win, domClass, domConstruct, domStyle, domGeometry, Tooltip, Overlay){
/*=====
Tooltip = dojox.mobile.Tooltip;
Overlay = dojox.mobile.Overlay;
=====*/
var isOverlay = domClass.contains(win.doc.documentElement, "dj_phone");
var cls = declare("dojox.mobile.Opener", isOverlay ? Overlay : Tooltip, {
// summary:
// A non-templated popup widget that will use either Tooltip or Overlay depending on screen size
//
buildRendering: function(){
this.inherited(arguments);
this.cover = domConstruct.create('div', { onclick: lang.hitch(this, '_onBlur'), 'class': 'mblOpenerUnderlay', style: { top:'0px', left:'0px', width:'0px', height:'0px', position: isOverlay ? 'absolute' : 'fixed', backgroundColor:'transparent', overflow:'hidden', zIndex:'-1' }}, this.domNode, 'first');
this.connect(null, win.global.onorientationchange !== undefined ? "onorientationchange" : "onresize", lang.hitch(this, function(){
if(domStyle.get(this.cover, "height") !== '0px'){ // resize cover when shown
this._resizeCover();
}
}));
},
onShow: function(/*DomNode*/node){},
onHide: function(/*DomNode*/node, /*Anything*/v){},
show: function(node, positions){
this.node = node;
this.onShow(node);
this._resizeCover();
return this.inherited(arguments);
},
hide: function(/*Anything*/ val){
this.inherited(arguments);
domStyle.set(this.cover, { height:'0px' });
this.onHide(this.node, val);
},
_resizeCover: function(){
if(isOverlay){
domStyle.set(this.cover, { height:'0px' }); // hide cover temporarily to calculate domNode size
setTimeout(lang.hitch(this, function(){ // show cover after positioning popup
var pos = domGeometry.position(this.domNode, false);
domStyle.set(this.cover, { top:-pos.y+'px', left:-pos.x+'px', width:(pos.w+pos.x)+'px', height:(pos.h+pos.y)+'px' });
}), 0);
}else{
domStyle.set(this.cover, {
width:Math.max(win.doc.documentElement.scrollWidth || win.body().scrollWidth || win.doc.documentElement.clientWidth)+'px',
height:Math.max(win.doc.documentElement.scrollHeight || win.body().scrollHeight || win.doc.documentElement.clientHeight)+'px'
});
}
},
_onBlur: function(e){
var ret = this.onBlur(e);
if(ret !== false){ // only exactly false prevents hide()
this.hide(e);
}
return ret;
}
});
cls.prototype.baseClass += " mblOpener"; // add to either mblOverlay or mblTooltip
return cls;
});
|
