/**-----------------**-----------------**-----------------** ThetisBox ver.1.0.2 Copyright (c) 2007, MORITA Shintaro. All rights reserved. http://sysphonic.com/ This module is released under New BSD License. Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met: * Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer. * Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution. * Neither the name of the Sysphonic nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission. THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. **-----------------**-----------------**-----------------**/ var __thetisbox_id = 0; var __thetisbox_title = 'Thetis'; var __thetisbox_OK = 'OK'; var __thetisbox_Cancel = 'Cancel'; var __thetisbox_Close = 'Close'; var __thetisbox_folder_img = null; /**----------------**----------------**----------------**----------------**/ var ThetisBox = Class.create(); ThetisBox.Base = function() {}; ThetisBox.Base.prototype = { id: 0, position: null } ThetisBox.setTitle = function(title) {__thetisbox_title=title}; ThetisBox.setOK = function(ok) {__thetisbox_OK=ok}; ThetisBox.setCancel = function(cancel) {__thetisbox_Cancel=cancel}; ThetisBox.setClose = function(close) {__thetisbox_Close=close}; ThetisBox.setFolderImg = function(image) {__thetisbox_folder_img=image}; ThetisBox.getContainer = function(elem) { while (elem.parentNode.tagName.toLowerCase() != "html") { elem = elem.parentNode; if (elem.id != null && elem.id.indexOf("divThetisBox-") >= 0) { return elem; } } return null; } Object.extend(Object.extend(ThetisBox.prototype, ThetisBox.Base.prototype), { initialize: function(element) { this.element = $(element); this.id = ++__thetisbox_id; }, // INPUT drawInput: function(action, hasTitlebar, allowEmpty) { avoidEmpty = ''; if (!allowEmpty) { avoidEmpty = 'if (document.formThetisBox'+this.id+'.thetisBoxEdit.value == \'\') {return false};'; } var content = ""; content += ""; var d = document.createElement("div"); d.innerHTML = content; document.body.appendChild(d); }, // TEXTAREA drawTextArea: function(action, hasTitlebar, allowEmpty) { avoidEmpty = ''; if (!allowEmpty) { avoidEmpty = 'if (ThetisBox.trim(document.formThetisBox'+this.id+'.thetisBoxEdit.value, true).length <= 0) {return false};'; } var content = ""; content += ""; var d = document.createElement("div"); d.innerHTML = content; document.body.appendChild(d); }, // TREE drawTree: function(action, hasTitlebar) { var content = ""; content += ""; var d = document.createElement("div"); d.innerHTML = content; document.body.appendChild(d); }, // CONFIRM drawConfirm: function(ok_act, cancel_act, hasTitlebar) { var content = ""; content += ""; var d = document.createElement("div"); d.innerHTML = content; document.body.appendChild(d); }, // MESSAGE drawMessage: function(hasTitlebar) { var content = ""; content += ""; var d = document.createElement("div"); d.innerHTML = content; document.body.appendChild(d); }, // PROGRESS drawProgress: function(hasTitlebar, hasCaption) { var content = ""; content += ""; var d = document.createElement("div"); d.innerHTML = content; document.body.appendChild(d); var progressor = new ThetisBoxProgressor(this.id); ThetisBoxProgressors.push(progressor); progressor.update(); }, // TIPS drawTips: function(hasTitlebar) { var content = ""; content += ""; var d = document.createElement("div"); d.innerHTML = content; document.body.appendChild(d); setTimeout("ThetisBox.remove("+this.id+");", 4000) }, // IFRAME drawIFrame: function(hasTitlebar, src) { var content = ""; content += ""; var d = document.createElement('div'); d.innerHTML = content; document.body.appendChild(d); }, // TRAY drawTray: function(hasTitlebar, cap) { var content = ""; content += ""; var d = document.createElement('div'); d.innerHTML = content; document.body.appendChild(d); }, // Show show: function(p_position, p_size, p_type, p_action, p_caption, p_def) { if (p_type == "INPUT") { if (this.bgcolor_title == null) this.bgcolor_title = "fuchsia"; if (this.bgcolor_body == null) this.bgcolor_body = "peachpuff"; this.drawInput(p_action, true, false); } else if (p_type == "TEXTAREA") { if (this.bgcolor_title == null) this.bgcolor_title = "dodgerblue"; if (this.bgcolor_body == null) this.bgcolor_body = "skyblue"; this.drawTextArea(p_action, true, false); } else if (p_type == "TREE") { if (this.bgcolor_title == null) this.bgcolor_title = "darkgoldenrod"; if (this.bgcolor_body == null) this.bgcolor_body = "moccasin"; this.drawTree(p_action, true); } else if (p_type == "CONFIRM") { if (this.bgcolor_title == null) this.bgcolor_title = "fuchsia"; if (this.bgcolor_body == null) this.bgcolor_body = "peachpuff"; var ok_act = ""; var cancel_act = ""; if (ThetisBox.isArray(p_action)) { try { ok_act = p_action[0]; cancel_act = p_action[1]; } catch (e) {} } else { ok_act = p_action; } this.drawConfirm(ok_act, cancel_act, true); } else if (p_type == "MESSAGE") { if (this.bgcolor_title == null) this.bgcolor_title = "fuchsia"; if (this.bgcolor_body == null) this.bgcolor_body = "peachpuff"; this.drawMessage(true); } else if (p_type == "PROGRESS") { if (this.bgcolor_title == null) this.bgcolor_title = "fuchsia"; if (this.bgcolor_body == null) this.bgcolor_body = "palegreen"; this.drawProgress(false, (p_caption != null && p_caption.length > 0)); } else if (p_type == "TIPS") { if (this.bgcolor_title == null) this.bgcolor_title = "fuchsia"; if (this.bgcolor_body == null) this.bgcolor_body = "yellow"; this.drawTips(false); } else if (p_type == "IFRAME") { if (this.bgcolor_title == null) this.bgcolor_title = "royalblue"; if (this.bgcolor_body == null) this.bgcolor_body = "#7FD6FF"; // "skyblue" this.drawIFrame(true, p_def); } else if (p_type == "TRAY") { if (this.bgcolor_title == null) this.bgcolor_title = "royalblue"; if (this.bgcolor_body == null) this.bgcolor_body = "#7FD6FF"; // "skyblue" this.drawTray(true, p_caption); } var box = $("divThetisBox-"+this.id); var edit = $("thetisBoxEdit-"+this.id); var cap = $("thetisBoxCaption-"+this.id); var content = $("thetisBoxContent-"+this.id); // Default Value if (edit != null) { edit.value = p_def; } // Caption if (cap != null && p_caption != null) { cap.innerHTML = p_caption; } // Content if (content != null && p_def != null) { content.innerHTML = p_def; } // Size and Position var x=0, y=0, width=350, height=0; var size = p_size.split(","); if (size.length >= 2) { if (parseInt(size[0]) > 0) { width = parseInt(size[0]); } height = parseInt(size[1]); } if (width > 0) { box.style.width = width + "px"; } else { width = 350; } if (height > 0) { box.style.height = height + "px"; var chg_h = null; switch (p_type) { case "IFRAME": chg_h = $("iframe_thetisbox-"+this.id); break; case "TRAY": chg_h = content; break; default: break; } if (chg_h != null) { var cap_height = 0; if (cap != null) { box.style.display = "inline"; // to get cap_height cap_height = cap.offsetHeight; } chg_h.style.height = (height-cap_height-80) + "px"; } } else { switch(p_type) { case "TEXTAREA": height = 250; break; case "TREE": height = 420; break; case "PROGRESS": height = 100; break; case "TIPS": height = 70; break; case "IFRAME": height = 320; break; case "TRAY": height = 320; break; case "INPUT": case "CONFIRM": case "MESSAGE": default: height = 160; break; } } var clientRegion = ThetisBox.getClientRegion(); var bodyScroll = ThetisBox.getBodyScroll(); var pos = p_position.split(","); if (pos.length == 1) { switch(pos[0]) { case "CENTER": x = bodyScroll.left + (clientRegion.width - width)/2; y = bodyScroll.top + (clientRegion.height - height)/2; break; case "TOP-LEFT": x = bodyScroll.left; y = bodyScroll.top; break; case "TOP-RIGHT": default: x = bodyScroll.left + clientRegion.width - width; y = bodyScroll.top; break; } } else if (pos.length >= 2) { x = parseInt(pos[0]); y = parseInt(pos[1]); } box.style.left = x + "px"; box.style.top = y + "px"; box.style.visibility = "visible"; box.style.display = "inline"; // Focus if (edit != null) { edit.focus(); } box.onmousedown = this.onMouseDown; box.onmousemove = this.onMouseMove; box.onmouseup = this.onMouseUp; this.defaultFired = false; return this.id; }, // Remove remove: function() { ThetisBox.remove(this.id); }, // Hide hide: function() { ThetisBox.hide(this.id); }, // Form Tag setFormTag: function(f) { this.form_tag = f; }, // Additional Parameters setAdditionalParams: function(params) { this.additionalParams = params; }, // Tree buildTree: function(parentTreeId, array) { return ThetisBox.buildTree(parentTreeId, array, "document.formThetisBox"+this.id, "thetisBoxTree-"+this.id, "thetisBoxSelKeeper-"+this.id, this.folderImg); }, selectTree: function(menuId) { ThetisBox.selectTree("thetisBoxSelKeeper-"+this.id, "a_thetisBoxTree-"+this.id+":"+menuId, "document.formThetisBox"+this.id); }, setTree: function(url, selectId) { var d = document.createElement("div"); d.innerHTML = "
" + "" + "" + "" + "
"; document.body.appendChild(d); var thetisBox = new ThetisBox; thetisBox.show("CENTER", "", "PROGRESS", "", "", ""); var updater = new Ajax.Updater( "thetisBoxTree-"+this.id, url, { asynchronous: true, evalScripts: true, onComplete: function(request) { d.parentNode.removeChild(d); thetisBox.remove(); }, parameters: Form.serialize(document.form_ajax_thetisBoxTree) } ); }, // Start Dragging onMouseDown: function(e) { var id = this.id.split("-")[1]; // Excluded Control Area var excludeArray = new Array( "thetisBoxOK-"+id, "thetisBoxCancel-"+id, "thetisBoxClose-"+id, "thetisBoxEdit-"+id, "thetisBoxTree-"+id, "thetisBoxContent-"+id ); var bodyScroll = ThetisBox.getBodyScroll(); for (var i=0; i < excludeArray.length; i++) { var excludeCtrl = $(excludeArray[i]); if (excludeCtrl == null) { //alert(excludeArray[i] + "is null!!"); continue; } var isWithin = false; if (document.all) { isWithin = Position.within(excludeCtrl, bodyScroll.left+event.clientX, bodyScroll.top+event.clientY); } else if (document.getElementById) { isWithin = Position.within(excludeCtrl, bodyScroll.left+e.clientX, bodyScroll.top+e.clientY); } if (isWithin == true) { return true; } } // Starting to Drag this.selected = true; if (document.all) { this.offsetX = event.clientX + bodyScroll.left - parseInt(this.style.left); this.offsetY = event.clientY + bodyScroll.top - parseInt(this.style.top); } else if (document.getElementById) { this.offsetX = e.pageX - parseInt(this.style.left); this.offsetY = e.pageY - parseInt(this.style.top); } return false; }, // Dragging onMouseMove: function(e) { if (!this.selected) { return true; } var l, t; if (document.all) { var bodyScroll = ThetisBox.getBodyScroll(); l = event.clientX + bodyScroll.left - this.offsetX; t = event.clientY + bodyScroll.top - this.offsetY; } else if (document.getElementById) { l = e.pageX - this.offsetX; t = e.pageY - this.offsetY; } if (l >= 0 && t >= 0 && l <= 5000 && t <= 10000) { this.style.left = l + "px"; this.style.top = t + "px"; } else { this.selected = false; try { document.selection.empty(); } catch(e){} } return false; }, // Release onMouseUp: function(e) { this.selected = false; }, setOnClose: function(func) { ThetisBox.setOnClose(this.id, func); }, defaultFired: false, offsetX: 0, offsetY: 0, additionalParams: null, title: __thetisbox_title, button_ok: __thetisbox_OK, button_cancel: __thetisbox_Cancel, button_close: __thetisbox_Close, folder_img: __thetisbox_folder_img, form_tag: "", bgcolor_title: null, bgcolor_body: null, progress: false, overflow: "auto" }); ThetisBox.hide = function(id) { var box = $("divThetisBox-"+id); if (box == null) { return; } box.style.display = "none"; } ThetisBox.remove = function(id) { var box = $("divThetisBox-"+id); if (box == null) { return; } var ary = ThetisBoxEventHandlers; var onClose = null; for (var i=0; i < ary.length; i++) { if (ary[i][0] == id) { onClose = ary[i][1]; ary.splice(i, 1); break; } } ary = ThetisBoxProgressors; for (var i=0; i < ary.length; i++) { if (ary[i].id == id) { ary.splice(i, 1); break; } } box.style.display = "none"; box.parentNode.removeChild(box); if (onClose != null) { setTimeout(onClose, 100); } } ThetisBox.isAlive = function() { return ($("divThetisBox-"+id) != null); } ThetisBox.clear = function() { for (var i=__thetisbox_id; i>=0; i--) { ThetisBox.remove(i); } } ThetisBox.setOnClose = function(id, func) { var ary = ThetisBoxEventHandlers; for (var i=0; i < ary.length; i++) { if (ary[i][0] == id) { ary.splice(i, 1); } } ary.push(new Array(id, func)); } // Default Buttons ThetisBox.fireDefaultButton = function(event, id, target) { var box = $("divThetisBox-"+id); if (event.keyCode == 13) { // [Enter] if (box.defaultFired) { return false; } else { var defaultButton = $(target); if (defaultButton.click != "undefined") { box.defaultFired = true; defaultButton.click(); event.cancelBubble = true; return false; } } } else if (event.keyCode == 27) { // [ESC] if (!box.defaultFired) { ThetisBox.remove(id); } } return true; } var ThetisBoxEventHandlers = new Array(); /**----------------**----------------**----------------**----------------**/ var ThetisBoxProgressors = new Array(); var ThetisBoxProgressor = Class.create(); ThetisBoxProgressor.prototype = { id: 0, progressAt: 0, progressTimer: null, progressDirection: 1, initialize: function(id) { this.id = id; }, clear: function() { for (var i=1; i<=20; i++) { $("thetisBoxProgress-"+this.id+"_"+i).style.backgroundColor = "transparent"; } this.progressAt = 0; this.progressDirection = 1; }, update: function() { if ($("thetisBoxProgress-"+this.id+"_1") == null) { clearTimeout(this.progressTimer); return; } if (this.progressDirection > 0) { this.progressAt++; } else { this.progressAt--; } var pause = false; if (this.progressAt < 1 || this.progressAt > 20) { switch (this.progressDirection) { case 1: this.progressAt = 0; this.progressDirection = 2; break; case 2: pause = true; this.progressAt = 21; this.progressDirection = -1; break; case -1: this.progressAt = 21; this.progressDirection = -2; break; case -2: pause = true; this.progressAt = 0; this.progressDirection = 1; break; } } else { var bgcolor; if (Math.abs(this.progressDirection) == 1) { bgcolor = "lime"; } else { bgcolor = "transparent"; } $("thetisBoxProgress-"+this.id+"_"+this.progressAt).style.backgroundColor = bgcolor; } this.progressTimer = setTimeout("ThetisBoxProgressor.progress("+this.id+")", pause?700:20); } } ThetisBoxProgressor.progress = function(id) { var progressor = null; for (var i=0; i < ThetisBoxProgressors.length; i++) { if (ThetisBoxProgressors[i].id == id) { progressor = ThetisBoxProgressors[i]; break; } } if (progressor == null) { return; } progressor.update(); } /**----------------**----------------**----------------**----------------**/ ThetisBox.buildTree = function(parentTreeId, array, frm, rootDiv, selKeeperId, folderImg) { var parent = null; if (parentTreeId == "") { parent = $(rootDiv); } else { parent = $(rootDiv+":"+parentTreeId); if (parent == null) { alert("No parentTree found! "+parentTreeId); return null; } } var firstMenuId = null; for (var i=0; i < array.length; i++) { var div_id = rootDiv + ":" + array[i][0] var base = document.createElement("div"); base.id = "base_" + div_id; var appName = window.navigator.appName; var is_MS = (appName.toLowerCase().indexOf('explorer') >= 0); // MSIE, Sleipnir var is_dtdStandard = (document.compatMode == 'CSS1Compat'); if (is_MS) { if (is_dtdStandard) { base.style.padding = "0px"; base.style.display = "inline"; } else { base.style.padding = "0px"; base.style.paddingTop = "2px"; base.style.paddingBottom = "2px"; base.style.display = "block"; } } else { base.style.padding = "0px"; base.style.display = "block"; } base.noWrap = true; parent.appendChild(base); var menu = document.createElement("a"); menu.id = "a_" + div_id; if (firstMenuId == null) { firstMenuId = menu.id; } base.appendChild(menu); base.appendChild(document.createElement("br")); menu.innerHTML = ""; if (folderImg != null) { if (ThetisBox.isArray(folderImg) && folderImg.length > 0) { try { menu.innerHTML += ""; menu.innerHTML += ""; menu.innerHTML += " "; } catch (e) {} } else if (folderImg != "") { menu.innerHTML += ""; menu.innerHTML += " "; } } menu.innerHTML += ""+array[i][1]+""; menu.value = array[i][2]; // action var onclick = ""; if (array[i].length > 3) { onclick = array[i][3]; } if (menu.value == "") { // Folder var d = document.createElement("div"); d.id = div_id; d.className = "treeBlock"; d.style.paddingLeft = "30px"; d.style.borderLeft = "1px dotted navy"; base.appendChild(d); menu.href = "javaScript:"+onclick+" var selKeeper=$('"+selKeeperId+"'); if (selKeeper != null) { if (selKeeper.value == '"+menu.id+"') { ThetisBox.toggleTree('"+d.id+"'); } ThetisBox.selectTree('"+selKeeperId+"', '"+menu.id+"', "+frm+"); }"; } else { menu.href = "javaScript:"+onclick+" var selKeeper=$('"+selKeeperId+"'); if (selKeeper != null) { ThetisBox.selectTree('"+selKeeperId+"', '"+menu.id+"', "+frm+"); }"; } } return firstMenuId; } ThetisBox.trimTree = function(rootDiv) { return; // doesn't work var d = $(rootDiv); if (d == null) { return; } var childs = d.childNodes; if (childs != null && childs.length > 0) { for (var i=0; i < childs.length; i++) { if (childs[i].className != "treeBlock") { continue; } ThetisBox.trimTree(childs[i].id); } } else { d.parentNode.removeChild(d); } } ThetisBox.toggleTree = function(divId) { var tree = document.getElementById(divId); if (tree == null) { return; } ThetisBox._openTree(tree, (tree.style.display == "none")); } ThetisBox.openTree = function(divId, open) { var tree = document.getElementById(divId); if (tree == null) { return; } ThetisBox._openTree(tree, open); } ThetisBox._openTree = function(tree, open) { var openImg = document.getElementById(tree.id + "_open"); var closeImg = document.getElementById(tree.id + "_close"); if (open == true) { tree.style.display = "block"; if (openImg != null) { openImg.style.display = "inline"; } if (closeImg != null) { closeImg.style.display = "none"; } } else { tree.style.display = "none"; if (openImg != null) { openImg.style.display = "none"; } if (closeImg != null) { closeImg.style.display = "inline"; } } } ThetisBox.selectTree = function(selKeeperId, menuId, frm) { var lastSelected = $(selKeeperId).value; if (lastSelected != "") { $(lastSelected).style.backgroundColor = ""; } if ($(menuId) == null) { return; } var action = $(menuId).value; if (action != null && action.length > 0) { $(menuId).style.backgroundColor = "magenta"; } else { $(menuId).style.backgroundColor = "aquamarine"; } $(selKeeperId).value = menuId; if (frm != null && action != null) { frm.action = action; } } ThetisBox.trim = function(str, trimCRLF) { if (str == null) { return null; } var avoid = " \u3000\t"; if (trimCRLF) { avoid += "\r\n"; } var start = -1; var end = -1; for (var i=0; i < str.length; i++){ if (avoid.indexOf(str.charAt(i)) < 0) { start = i; break; } } for (var i=str.length -1; i >= 0; i--){ if (avoid.indexOf(str.charAt(i)) < 0) { end = i+1; break; } } if (start == -1){ return ""; } return str.substring(start, end); } ThetisBox.isArray = function(obj) { return ((typeof obj == "object") && (obj.constructor == Array)); } ThetisBox.getBodyScroll = function() { var obj = new Object(); obj.left = 0; obj.top = 0; if (document.documentElement != null) { obj.left = document.documentElement.scrollLeft; obj.top = document.documentElement.scrollTop; } if (document.body != null) { if (isNaN(obj.left) || obj.left == 0) { obj.left = document.body.scrollLeft; } if (isNaN(obj.top) || obj.top == 0) { obj.top = document.body.scrollTop; } } return obj; } ThetisBox.getClientRegion = function() { var obj = new Object(); obj.width = window.innerWidth; obj.height = window.innerHeight; if (isNaN(obj.width)) { obj.width = document.documentElement.clientWidth; if ((isNaN(obj.width) || obj.width == 0) && document.body != null) { obj.width = document.body.clientWidth; } } if (isNaN(obj.height)) { obj.height = document.documentElement.clientHeight; if ((isNaN(obj.height) || obj.height == 0) && document.body != null) { obj.height = document.body.clientHeight; } } return obj; }