egroupware_official/phpgwapi/js/dJSWin/dJSWin.js
viniciuscb 0a28f3812e Some changes:
- Inclusion of the following javascript directories:
  * Connector: javascript object to interface xmlhttprequest object. This object allows
      asynchronous posts and support for messages while this post is being done, such as
      "wait, contacting server", etc.
  * JsAPI: general javascript functions and methods
  * jsolait: performs conversion from a xmlrpc message to a javascript object
  * xmlRpcMsgCreator: performs conversion from a javascript object to a xmlrpc message
  * dynapi: cross-browser class to draw layers

- Update in setup version: now is 1.0.1.008; Update your versions. There was made a
  change in phpgw_vfs2_files table in handling of modified files.

- Upgrade of vfs2 classes and PclZip class

- Changes in javascript object and common object to allow the javascript backend to
  applications to work (now just filescenter will use it...)
2005-06-18 20:43:14 +00:00

319 lines
11 KiB
JavaScript

/****************************************************************************\
* 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);
}