2 * $Id: mclayer.js 162 2007-01-03 16:16:52Z spocke $
4 * Moxiecode floating layer script.
7 * @copyright Copyright © 2004-2007, Moxiecode Systems AB, All rights reserved.
10 function MCLayer(id) {
12 this.settings = new Array();
13 this.blockerElement = null;
14 this.isMSIE = navigator.appName == "Microsoft Internet Explorer";
16 this.autoHideCallback = null;
20 moveRelativeTo : function(re, p, a) {
21 var rep = this.getAbsPosition(re);
22 var w = parseInt(re.offsetWidth);
23 var h = parseInt(re.offsetHeight);
45 moveBy : function(dx, dy) {
46 var e = this.getElement();
47 var x = parseInt(e.style.left);
48 var y = parseInt(e.style.top);
50 e.style.left = (x + dx) + "px";
51 e.style.top = (y + dy) + "px";
56 moveTo : function(x, y) {
57 var e = this.getElement();
59 e.style.left = x + "px";
60 e.style.top = y + "px";
66 MCLayer.visibleLayer = this;
68 this.getElement().style.display = 'block';
73 this.getElement().style.display = 'none';
77 setAutoHide : function(s, cb) {
78 this.autoHideCallback = cb;
79 this.registerEventHandlers();
82 getElement : function() {
83 return document.getElementById(this.id);
86 updateBlocker : function() {
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);
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;
104 getBlocker : function() {
105 if (!this.blockerElement) {
106 var d = document, b = d.createElement("iframe");
108 b.style.cssText = 'display: none; left: 0px; position: absolute; top: 0';
109 b.src = 'javascript:false;';
113 d.body.appendChild(b);
114 this.blockerElement = b;
117 return this.blockerElement;
120 getAbsPosition : function(n) {
121 var p = {absLeft : 0, absTop : 0};
124 p.absLeft += n.offsetLeft;
125 p.absTop += n.offsetTop;
132 registerEventHandlers : function() {
136 this.addEvent(d, 'mousedown', MCLayer.prototype.onMouseDown);
142 addEvent : function(o, n, h) {
144 o.attachEvent("on" + n, h);
146 o.addEventListener(n, h, false);
149 onMouseDown : function(e) {
150 e = typeof(e) == "undefined" ? window.event : e;
151 var b = document.body;
152 var l = MCLayer.visibleLayer;
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);
163 if (!(mx > x && mx < x + w && my > y && my < y + h)) {
164 MCLayer.visibleLayer = null;
166 if (l.autoHideCallback && l.autoHideCallback(l, e, mx, my))
174 addCSSClass : function(e, c) {
175 this.removeCSSClass(e, c);
176 var a = this.explode(' ', e.className);
178 e.className = a.join(' ');
181 removeCSSClass : function(e, c) {
182 var a = this.explode(' ', e.className), i;
184 for (i=0; i<a.length; i++) {
189 e.className = a.join(' ');
192 explode : function(d, s) {
194 var oar = new Array();
196 for (var i = 0; i<ar.length; i++) {
198 oar[oar.length] = ar[i];
204 parseInt : function(s) {
205 if (s == null || s == '')