Subversion Repositories Sites.tela-botanica.org

Rev

Rev 609 | Details | Compare with Previous | Last modification | View Log | RSS feed

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