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 }