/****************************************************************************\ * Dynamic JS Win - Javascript Object * * * * Written by: * * - Raphael Derosso Pereira * * ------------------------------------------------------------------------ * * 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. * \****************************************************************************/ /* Global array for created windows */ var arrayJSWin = new Array(); if (!window.__DEFINE_DJSWIN__) { __DEFINE_DJSWIN__ = true; if (document.all) { navigator.userAgent.toLowerCase().indexOf('msie 5') != -1 ? is_ie5 = true : is_ie5 = false; is_ie = true; is_moz1_6 = false; is_mozilla = false; is_ns4 = false; } else if (document.getElementById) { navigator.userAgent.toLowerCase().match('mozilla.*rv[:]1\.6.*gecko') ? is_moz1_6 = true : is_moz1_6 = false; is_ie = false; is_ie5 = false; is_mozilla = true; is_ns4 = false; } else if (document.layers) { is_ie = false; is_ie5 = false is_moz1_6 = false; is_mozilla = false; is_ns4 = true; } if (!window.dd) { throw("wz_dragdrop lib must be loaded!"); } function dJSWin(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 */ if (is_ie) { this.onclose = params.onclose; this.winContainer = document.createElement('iframe'); } this.clientArea = document.createElement('div'); this.title = document.createElement('div'); this.title_text = document.createElement('span'); this.buttons = new Array(); this.button_ext = ""; this.state = ""; this.shadows = new Array(); this.border = new Array(); this.content = _dJSWinElement(params.content_id); this.includedContents = params['include_contents']; var _this = this; 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'; } if (params['button_y_img']) { var _this = this; this.button_ext = document.createElement('IMG'); this.button_ext.id = 'button_ext'; this.button_ext.src = params['button_y_img']; this.button_ext.style.position = 'absolute'; this.button_ext.style.cursor = 'pointer'; this.button_ext.style.top = '1px'; this.button_ext.style.left = parseInt(params['width']) - 28 + 'px'; this.button_ext.style.zIndex = '1'; this.button_ext.onclick = function(){_this.hide();_this.state = 1;}; } /* 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 = params['title_color']; 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 = params['title_class']; this.title_text.style.fontWeight = 'bold'; this.title_text.style.color = params['title_text_color'] ? params['title_text_color'] : 'black'; // this.title_text.style.cursor = 'move'; this.title_text.innerHTML = params['title']; this.title_text.style.zIndex = '1'; if (is_ie) { this.winContainer.id = params['id']+'_winContainer'; this.winContainer.style.position = 'absolute'; this.winContainer.style.visibility = 'hidden'; this.winContainer.style.width = params['width']; //this.winContainer.style.height = parseInt(params['height']) + parseInt(this.title.style.height) + 'px'; this.winContainer.style.height = params['height']; // this.winContainer.style.top = '0px'; this.winContainer.style.top = this.title.style.height; this.winContainer.style.left = '0px'; this.winContainer.style.zIndex = '-1'; // this.winContainer.style.backgroundColor = params['bg_color']; // this.winContainer.className = params['win_class']; this.winContainer.src = ''; } 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 = params['win_class']; 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.state = 2;if(document.getElementById("window_QuickCatalogSearch")) document.getElementById("window_QuickCatalogSearch").style.visibility = "hidden";}; 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.style.backgroundColor = params['title_color']; this.border.b.style.backgroundColor = params['title_color']; this.border.l.style.backgroundColor = params['title_color']; this.border.r.style.backgroundColor = params['title_color']; this.border.t.className = params['title_class']; this.border.b.className = params['title_class']; this.border.l.className = params['title_class']; this.border.r.className = params['title_class']; 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'; if (is_ie) { this.border.t.style.height = '0'; this.border.b.style.height = '0'; this.border.l.style.height = parseInt(params['height']) + parseInt(this.title.style.height) + 2 + 'px'; this.border.r.style.height = parseInt(params['height']) + parseInt(this.title.style.height) + 2 + 'px'; this.border.t.style.top = '0'; this.border.b.style.top = parseInt(params['height']) + parseInt(this.title.style.height) + 'px'; this.border.l.style.top = '0'; this.border.r.style.top = '0'; } else { 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.winContainer.style.width = parseInt(this.winContainer.style.width) + 4 + 'px'; //this.winContainer.style.height = parseInt(this.winContainer.style.height) + 4 + 'px'; //this.clientArea.style.width = parseInt(this.clientArea.style.width) + 4 + 'px'; //this.clientArea.style.height = parseInt(this.clientArea.style.height) + 4 + 'px'; //this.title.style.top = parseInt(this.title.style.top) + 2 + 'px'; //this.clientArea.style.top = parseInt(this.clientArea.style.top) + 2 + 'px'; //this.buttons.xDIV.style.top = parseInt(this.buttons.xDIV.style.top) + 2 + 'px'; 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.content.style.top = parseInt(this.content.style.top) + 2 + 'px'; //this.title.style.left = parseInt(this.title.style.left) + 2 + 'px'; //this.clientArea.style.left = parseInt(this.clientArea.style.left) + 2 + 'px'; //this.buttons.xDIV.style.left = parseInt(this.buttons.xDIV.style.left) + 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'; //this.content.style.left = '2px'; } 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.winContainer.appendChild(this.title); this.winContainer.appendChild(this.buttons.xDIV); this.winContainer.appendChild(this.border.t); this.winContainer.appendChild(this.border.b); this.winContainer.appendChild(this.border.l); this.winContainer.appendChild(this.border.r); this.winContainer.appendChild(this.shadows.r); this.winContainer.appendChild(this.shadows.b); this.winContainer.appendChild(this.content); */ if (is_ie) { this.title.appendChild(this.winContainer); } else { this.title.appendChild(this.border.t); } this.title.appendChild(this.title_text); this.title.appendChild(this.clientArea); this.title.appendChild(this.buttons.xDIV); if(this.button_ext){this.title.appendChild(this.button_ext);}; 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); /* Add new window to the array */ arrayJSWin[params.content_id] = this; } dJSWin.prototype.close = function() { var _this = this; _this.state = 0; if (typeof this.onclose != 'undefined') { eval(this.onclose); } //MailArchiver remove embeded iframe object if(this.title.id == 'win_import_local_window'){ var iframeobj = Element('ma_import_local'); if(iframeobj){ iframeobj.style.display = 'none'; iframeobj.parentNode.removeChild(iframeobj); } } dd.elements[this.title.id].hide(); /* Turn the attribute visible false */ this.visible = false; //Remove attribute onclick var divBan = document.getElementById('divAppbox'); divBan.removeAttribute('onclick'); if (is_ie){ divBan.onclick = function(){}; } } dJSWin.prototype.open = function() { /* if (is_ie) { this.moveTo(document.body.offsetWidth/2 - dd.elements[this.title.id].w/2, document.body.offsetHeight/2 - dd.elements[this.winContainer.id].h/2); } else { this.moveTo(window.innerWidth/2 - dd.elements[this.title.id].w/2, window.innerHeight/2 - dd.elements[this.clientArea.id].h/2); } */ if (is_ie) { this.moveTo(document.body.offsetWidth/2 + document.body.scrollLeft - dd.elements[this.title.id].w/2, document.body.offsetHeight/2 + document.body.scrollTop - dd.elements[this.winContainer.id].h/2); } else { 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(); /* Turn the attribute visible true */ this.visible = true; } 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 (is_ie) { ADD_DHTML(this.winContainer.id+NO_DRAG); } else { ADD_DHTML(this.border.t.id+NO_DRAG); } 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.b.id+NO_DRAG); ADD_DHTML(this.border.l.id+NO_DRAG); ADD_DHTML(this.border.r.id+NO_DRAG); if (is_ie) { dd.elements[this.title.id].addChild(dd.elements[this.winContainer.id]); } else { dd.elements[this.title.id].addChild(dd.elements[this.border.t.id]); } //dd.elements[this.title.id].setZ(dd.elements[this.border.t.id].z+1); //dd.elements[this.title.id].maximizeZ(); 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].setZ('-1'); if (is_ie) { dd.elements[this.title.id].moveTo(document.body.offsetWidth/2 - dd.elements[this.winContainer.id].w/2, document.body.offsetHeight/2 - dd.elements[this.winContainer.id].h/2) } else { 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); } dd.elements[this.title.id].hide(); } function _dJSWinElement(id) { if (document.getElementById) { return document.getElementById(id); } else if (document.all) { return document.all[id]; } else { throw("Browser Not Supported!"); } } if (!dd.elements) { var div = document.createElement('div'); div.id = '__NONE__#'; div.style.position = 'absolute'; SET_DHTML(div.id); } }