Roundcubemail devel
view | history | commit | commitdiff
svncommit
2006-10-22 5c52d06844779efbf4034663f5e68db10619b367
commit | author | age
a0109c 1 /**
S 2  * $RCSfile: mclayer.js,v $
3  * $Revision: 1.2 $
4  * $Date: 2006/02/06 20:11:09 $
5  *
6  * Moxiecode floating layer script.
7  *
8  * @author Moxiecode
9  * @copyright Copyright © 2004-2006, Moxiecode Systems AB, All rights reserved.
10  */
11
12 function MCLayer(id) {
13     this.id = id;
14     this.settings = new Array();
15     this.blockerElement = null;
16     this.isMSIE = navigator.appName == "Microsoft Internet Explorer";
17     this.events = false;
18     this.autoHideCallback = null;
19 }
20
21 MCLayer.prototype = {
22     moveRelativeTo : function(re, p, a) {
23         var rep = this.getAbsPosition(re);
24         var w = parseInt(re.offsetWidth);
25         var h = parseInt(re.offsetHeight);
26         var x, y;
27
28         switch (p) {
29             case "tl":
30                 break;
31
32             case "tr":
33                 x = rep.absLeft + w;
34                 y = rep.absTop;
35                 break;
36
37             case "bl":
38                 break;
39
40             case "br":
41                 break;
42         }
43
44         this.moveTo(x, y);
45     },
46
47     moveBy : function(dx, dy) {
48         var e = this.getElement();
49         var x = parseInt(e.style.left);
50         var y = parseInt(e.style.top);
51
52         e.style.left = (x + dx) + "px";
53         e.style.top = (y + dy) + "px";
54
55         this.updateBlocker();
56     },
57
58     moveTo : function(x, y) {
59         var e = this.getElement();
60
61         e.style.left = x + "px";
62         e.style.top = y + "px";
63
64         this.updateBlocker();
65     },
66
67     show : function() {
68         MCLayer.visibleLayer = this;
69
70         this.getElement().style.display = 'block';
71         this.updateBlocker();
72     },
73
74     hide : function() {
75         this.getElement().style.display = 'none';
76         this.updateBlocker();
77     },
78
79     setAutoHide : function(s, cb) {
80         this.autoHideCallback = cb;
81         this.registerEventHandlers();
82     },
83
84     getElement : function() {
85         return document.getElementById(this.id);
86     },
87
88     updateBlocker : function() {
89         if (!this.isMSIE)
90             return;
91
92         var e = this.getElement();
93         var b = this.getBlocker();
94         var x = this.parseInt(e.style.left);
95         var y = this.parseInt(e.style.top);
96         var w = this.parseInt(e.offsetWidth);
97         var h = this.parseInt(e.offsetHeight);
98
99         b.style.left = x + 'px';
100         b.style.top = y + 'px';
101         b.style.width = w + 'px';
102         b.style.height = h + 'px';
103         b.style.display = e.style.display;
104     },
105
106     getBlocker : function() {
107         if (!this.blockerElement) {
108             var d = document, b = d.createElement("iframe");
109
110             b.style.cssText = 'display: none; left: 0px; position: absolute; top: 0';
111             b.src = 'javascript:false;';
112             b.frameBorder = '0';
113             b.scrolling = 'no';
114
115             d.body.appendChild(b);
116             this.blockerElement = b;
117         }
118
119         return this.blockerElement;
120     },
121
122     getAbsPosition : function(n) {
123         var p = {absLeft : 0, absTop : 0};
124
125         while (n) {
126             p.absLeft += n.offsetLeft;
127             p.absTop += n.offsetTop;
128             n = n.offsetParent;
129         }
130
131         return p;
132     },
133
134     registerEventHandlers : function() {
135         if (!this.events) {
136             var d = document;
137
138             this.addEvent(d, 'mousedown', MCLayer.prototype.onMouseDown);
139
140             this.events = true;
141         }
142     },
143
144     addEvent : function(o, n, h) {
145         if (o.attachEvent)
146             o.attachEvent("on" + n, h);
147         else
148             o.addEventListener(n, h, false);
149     },
150
151     onMouseDown : function(e) {
152         e = typeof(e) == "undefined" ? window.event : e;
153         var b = document.body;
154         var l = MCLayer.visibleLayer;
155
156         if (l) {
157             var mx = l.isMSIE ? e.clientX + b.scrollLeft : e.pageX;
158             var my = l.isMSIE ? e.clientY + b.scrollTop : e.pageY;
159             var el = l.getElement();
160             var x = parseInt(el.style.left);
161             var y = parseInt(el.style.top);
162             var w = parseInt(el.offsetWidth);
163             var h = parseInt(el.offsetHeight);
164
165             if (!(mx > x && mx < x + w && my > y && my < y + h)) {
166                 MCLayer.visibleLayer = null;
167
168                 if (l.autoHideCallback && l.autoHideCallback(l, e, mx, my))
169                     return true;
170
171                 l.hide();
172             }
173         }
174     },
175
176     addCSSClass : function(e, c) {
177         this.removeCSSClass(e, c);
178         var a = this.explode(' ', e.className);
179         a[a.length] = c;
180         e.className = a.join(' ');
181     },
182
183     removeCSSClass : function(e, c) {
184         var a = this.explode(' ', e.className), i;
185
186         for (i=0; i<a.length; i++) {
187             if (a[i] == c)
188                 a[i] = '';
189         }
190
191         e.className = a.join(' ');
192     },
193
194     explode : function(d, s) {
195         var ar = s.split(d);
196         var oar = new Array();
197
198         for (var i = 0; i<ar.length; i++) {
199             if (ar[i] != "")
200                 oar[oar.length] = ar[i];
201         }
202
203         return oar;
204     },
205
206     parseInt : function(s) {
207         if (s == null || s == '')
208             return 0;
209
210         return parseInt(s);
211     }
212 }