Subversion Repositories Sites.tela-botanica.org

Rev

Details | 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 
}