egroupware_official/phpgwapi/js/dJSWin/dJSWin.js

  /****************************************************************************\
   * Dynamic JS Win - Javascript Object                                       *
   *                                                                          *
   * Written by:                                                              *
   *  - Raphael Derosso Pereira <raphaelpereira@users.sourceforge.net>        *
   * ------------------------------------------------------------------------ *
   *  This program is free software; you can redistribute it and/or modify it *
   *  under the terms of the GNU General Public License as published by the   *
   *  Free Software Foundation; either version 2 of the License, or (at your  *
   *  option) any later version.                                              *
  \****************************************************************************/
	
	if (!window.dd)
	{
		throw("wz_dragdrop lib must be loaded!");
	}
		
	function dJSWin(params)
	{
		this.init(params);
	}

	dJSWin.prototype.init = function(params)
	{
		if (!params || typeof(params) != 'object' || !params.id || !params.width || !params.height || !params.content_id)
		{
			throw("Can't create empty window or window without width, height or ID");
		}

		/* Internal Variables */
		this.clientArea = document.createElement('div');
		this.title = document.createElement('div');
		this.title_text = document.createElement('span');
		this.buttons = new Array();
		this.shadows = new Array();
		this.border = new Array();
		this.content = Element(params.content_id);
		this.includedContents = params['include_contents'];
		var _this = this;
		var style;

		style = document.createElement('link');
		style.href = GLOBALS['serverRoot'] + "phpgwapi/js/dJSWin/dJSWin.css";
		style.rel = "stylesheet";
		style.type = "text/css";
		document.body.appendChild(style);

		if (is_moz1_6)
		{
			var content_ = this.content;
			this.content = this.content.cloneNode(true);

			content_.id = content_.id+'CLONE';
			content_.style.display = 'none';
		}

		this.border['t'] = document.createElement('div');
		this.border['b'] = document.createElement('div');
		this.border['l'] = document.createElement('div');
		this.border['r'] = document.createElement('div');

		this.shadows['r'] = document.createElement('div');
		this.shadows['b'] = document.createElement('div');

		this.buttons['xDIV'] = document.createElement('div');

		if (params['button_x_img'])
		{
			this.buttons['xIMG'] = document.createElement('IMG');
			this.buttons['xIMG'].src = params['button_x_img'];
			this.buttons['xIMG'].style.cursor = 'hand';
			this.buttons['xDIV'].appendChild(this.buttons['xIMG']);
		}
		else
		{
			this.buttons.xDIV.innerHTML = 'X';
		}
		
		/* Inicialization */
		this.title.id = params['id'];
		this.title.style.position = 'absolute';
		this.title.style.visibility = 'hidden';
		this.title.style.width = parseInt(params['width']) + 2 + 'px';
		this.title.style.height = params['title_height'] ? params['title_height'] : '18px';
		this.title.style.backgroundColor = '#3978d6';
	//	this.title.className = 'dJSWin_title';
		this.title.style.top = '0px';
		this.title.style.left = '0px';
		this.title.style.zIndex = '1';
		
		this.title_text.style.position = 'relative';
		this.title_text.className = 'dJSWin_title_text';
//		this.title_text.style.cursor = 'move';
		this.title_text.innerHTML = params['title'];
		this.title_text.style.zIndex = '1';

		this.clientArea.id = params['id']+'_clientArea';
		this.clientArea.style.position = 'absolute';
		this.clientArea.style.visibility = 'hidden';
		this.clientArea.style.width  = parseInt(params['width']) + 2 + 'px';
		this.clientArea.style.height = params['height'];
		this.clientArea.style.top = parseInt(this.title.style.height) + 'px';
		this.clientArea.style.left = '0px';
	//	this.clientArea.style.backgroundColor = params['bg_color'];
//		this.clientArea.style.overflow = 'auto';
		this.clientArea.className = 'dJSWin_main';
		
		this.buttons.xDIV.id = params['id']+'_button';
		this.buttons.xDIV.style.position = 'absolute';
		this.buttons.xDIV.style.visibility = 'hidden';
		this.buttons.xDIV.style.cursor = 'hand';
		this.buttons.xDIV.style.top = '1px';
		this.buttons.xDIV.style.left = parseInt(params['width']) - 13 + 'px';
		this.buttons.xDIV.style.zIndex = '1';
		this.buttons.xDIV.onclick = function() {_this.close();};
		
		this.content.style.visibility = 'hidden';
		//this.content.style.top = parseInt(this.title.style.height) + 'px';
		this.content.style.top = '0px';
		this.content.style.left = '0px';
		
		this.shadows.b.id = params['id']+'_shadowb';
		this.shadows.b.style.position = 'absolute';
		this.shadows.b.style.visibility = 'hidden';
		this.shadows.b.style.backgroundColor = '#666';
		this.shadows.b.style.width = params['width'];
		this.shadows.b.style.height = '4px';
		this.shadows.b.style.top = parseInt(this.title.style.height) + parseInt(params['height']) + 'px';
		this.shadows.b.style.left = '4px';
		
		this.shadows.r.id = params['id']+'_shadowr';
		this.shadows.r.style.position = 'absolute';
		this.shadows.r.style.visibility = 'hidden';
		this.shadows.r.style.backgroundColor = '#666';
		this.shadows.r.style.width = '4px';
		this.shadows.r.style.height = parseInt(params['height']) + parseInt(this.title.style.height) + 'px';
		this.shadows.r.style.top  = '4px';
		this.shadows.r.style.left = params['width'];

		this.border.t.id = params['id']+'_border_t';
		this.border.b.id = params['id']+'_border_b';
		this.border.l.id = params['id']+'_border_l';
		this.border.r.id = params['id']+'_border_r';
		
		this.border.t.style.position = 'absolute';
		this.border.b.style.position = 'absolute';
		this.border.l.style.position = 'absolute';
		this.border.r.style.position = 'absolute';

		this.border.t.style.visibility = 'hidden';
		this.border.b.style.visibility = 'hidden';
		this.border.l.style.visibility = 'hidden';
		this.border.r.style.visibility = 'hidden';

		this.border.t.className = 'dJSWin_title';
		this.border.b.className = 'dJSWin_title';
		this.border.l.className = 'dJSWin_title';
		this.border.r.className = 'dJSWin_title';
		
		this.border.t.style.border = '0px';
		this.border.b.style.border = '0px';
		this.border.l.style.border = '0px';
		this.border.r.style.border = '0px';

		if (params['border'])
		{
			this.border.t.style.width = parseInt(params['width']) + 2 + 'px';
			this.border.b.style.width = parseInt(params['width']) + 2 + 'px';
			this.border.l.style.width = '2px';
			this.border.r.style.width = '2px';

			this.border.t.style.height = '2px';
			this.border.b.style.height = '2px';
			this.border.l.style.height = parseInt(params['height']) + parseInt(this.title.style.height) + 4 + 'px';
			this.border.r.style.height = parseInt(params['height']) + parseInt(this.title.style.height) + 4 + 'px';

			this.border.t.style.top = '-2px';
			this.border.b.style.top = parseInt(params['height']) + parseInt(this.title.style.height) + 'px';
			this.border.l.style.top = '-2px'; 
			this.border.r.style.top = '-2px';

			this.border.t.style.left = '-2px';
			this.border.b.style.left = '-2px';
			this.border.l.style.left = '-2px';
			this.border.r.style.left = params['width'];

			this.shadows.b.style.top = parseInt(this.shadows.b.style.top) + 2 + 'px';
			this.shadows.r.style.top = parseInt(this.shadows.r.style.top) + 2 + 'px';
			this.shadows.b.style.left = parseInt(this.shadows.b.style.left) + 2 + 'px';
			this.shadows.r.style.left = parseInt(this.shadows.r.style.left) + 2 + 'px';
		}
		else
		{
			this.border.t.style.width = '0px';
			this.border.b.style.width = '0px';
			this.border.l.style.width = '0px';
			this.border.r.style.width = '0px';
		}
		
		if (!is_moz1_6)
		{
			this.content.parentNode.removeChild(this.content);
		}
		
		this.title.appendChild(this.title_text);
		this.title.appendChild(this.clientArea);
		this.title.appendChild(this.buttons.xDIV);
		this.title.appendChild(this.border.t);
		this.title.appendChild(this.border.b);
		this.title.appendChild(this.border.l);
		this.title.appendChild(this.border.r);
		this.title.appendChild(this.shadows.r);
		this.title.appendChild(this.shadows.b);
		this.clientArea.appendChild(this.content);
		
		document.body.appendChild(this.title);
		this.draw();
	}

	dJSWin.prototype.close = function()
	{
		dd.elements[this.title.id].hide();
	}

	dJSWin.prototype.open = function()
	{
		this.moveTo(window.innerWidth/2 + window.pageXOffset - dd.elements[this.title.id].w/2,
		            window.innerHeight/2 + window.pageYOffset - dd.elements[this.clientArea.id].h/2);
		
		dd.elements[this.title.id].maximizeZ();
		dd.elements[this.title.id].show();
	}

	dJSWin.prototype.show = function()
	{
		this.open();
	}

	dJSWin.prototype.hide = function()
	{
		this.close();
	}

	dJSWin.prototype.moveTo = function(x,y)
	{
		dd.elements[this.title.id].moveTo(x,y);
	}

	dJSWin.prototype.x = function()
	{
		return dd.elements[this.title.id].x;
	}

	dJSWin.prototype.y = function()
	{
		return dd.elements[this.title.id].y;
	}

	dJSWin.prototype.draw = function()
	{
		if (dd.elements && dd.elements[this.title.id])
		{
			return;
		}

		if (this.drawn)
		{
			return;
		}

		this.drawn = true;

		ADD_DHTML(this.title.id+CURSOR_MOVE);
		ADD_DHTML(this.clientArea.id+NO_DRAG);
		ADD_DHTML(this.buttons.xDIV.id+NO_DRAG);
		ADD_DHTML(this.content.id+NO_DRAG);
		ADD_DHTML(this.shadows.r.id+NO_DRAG);
		ADD_DHTML(this.shadows.b.id+NO_DRAG);
		ADD_DHTML(this.border.t.id+NO_DRAG);
		ADD_DHTML(this.border.b.id+NO_DRAG);
		ADD_DHTML(this.border.l.id+NO_DRAG);
		ADD_DHTML(this.border.r.id+NO_DRAG);
		
		dd.elements[this.title.id].addChild(dd.elements[this.border.t.id]);

		dd.elements[this.title.id].addChild(dd.elements[this.clientArea.id]);
		dd.elements[this.title.id].addChild(dd.elements[this.buttons.xDIV.id]);
		dd.elements[this.title.id].addChild(dd.elements[this.content.id]);
		dd.elements[this.title.id].addChild(dd.elements[this.shadows.r.id]);
		dd.elements[this.title.id].addChild(dd.elements[this.shadows.b.id]);
		dd.elements[this.title.id].addChild(dd.elements[this.border.b.id]);
		dd.elements[this.title.id].addChild(dd.elements[this.border.l.id]);
		dd.elements[this.title.id].addChild(dd.elements[this.border.r.id]);


		if (typeof(this.includedContents) == 'object')
		{
			for (var i in this.includedContents)
			{
				ADD_DHTML(this.includedContents[i]+NO_DRAG);
				dd.elements[this.title.id].addChild(dd.elements[this.includedContents[i]]);
			}
		}

		dd.elements[this.title.id].hide();
		dd.elements[this.title.id].moveTo(window.innerWidth/2 - dd.elements[this.clientArea.id].w/2,
		                                  window.innerHeight/2 - dd.elements[this.clientArea.id].h/2);
		
	}

	if (!dd.elements)
	{
		var div = document.createElement('div');
		div.id = '__NONE__#';
		div.style.position = 'absolute';
		
		SET_DHTML(div.id);
	}