/**
* Javascript modal window
* Licensed under the Apache License, Version 2.0
* @author Matej Knopp
*/
/**
* In case wicket-ajax.js is not yet loaded, create
* Class.create function and Wicket namespace.
*/
if (typeof(Class) == "undefined") {
var Class = {
create: function() {
return function() {
this.initialize.apply(this, arguments);
}
}
}
}
if (typeof(Wicket) == "undefined")
Wicket = { };
if (typeof(Object.extend) == "undefined") {
Object.extend = function(destination, source) {
for (property in source) {
destination[property] = source[property];
}
return destination;
}
}
/**
* Flexible dragging support.
*/
Wicket.Drag = {
/**
* If no event is given as argument (IE), window.event is returned.
*/
fixEvent: function(e) {
if (typeof e == 'undefined')
e = window.event;
return e;
},
/**
* Initializes the dragging on the specified element.
* Element's onmousedown will be replaced by generated handler.
*
* @param {Element} element - element clicking on which the drag should begin
* @param {Function} onDragBegin - handler called at the begin on dragging - passed element as first parameter
* @param {Function} onDragEnd - handler called at the end of dragging - passed element as first parameter
* @param {Function} onDrag - handler called during dragging - passed element and mouse deltas
*/
init: function(element, onDragBegin, onDragEnd, onDrag) {
if (typeof(onDragBegin) == "undefined")
onDragBegin = Wicket.emptyFunction;
if (typeof(onDragEnd) == "undefined")
onDragEnd = Wicket.emptyFunction;
if (typeof(onDrag) == "undefined")
onDrag = Wicket.emptyFunction;
// set the mousedown handler
element.onmousedown = function(e) {
e = Wicket.Drag.fixEvent(e);
// HACK - for safari stopPropagation doesn't work well because
// it also prevents scrollbars and form components getting the
// event. Therefore for safari the 'ignore' flag is set on event.
if (typeof(e.ignore) == "undefined") {
Wicket.Window.stopEvent(e);
onDragBegin(element);
element.onDrag = onDrag;
element.onDragEnd = onDragEnd;
element.lastMouseX = e.clientX;
element.lastMouseY = e.clientY;
element.old_onmousemove = document.onmousemove;
element.old_onmouseup = document.onmouseup;
element.old_onselectstart = document.onselectstart;
document.onselectstart = function() { return false; }
document.onmousemove = Wicket.Drag.mouseMove;
document.onmouseup = Wicket.Drag.mouseUp;
Wicket.Drag.current = element;
return false;
}
};
},
/**
* Deinitializes the dragging support on given element.
*/
clean: function(element) {
element.onmousedown = null;
},
/**
* Called when mouse is moved. This method fires the onDrag event
* with element instance, deltaX and deltaY (the distance
* between this call and the previous one).
* The onDrag handler can optionally return an array of two integers
* - the delta correction. This is used, for example, if there is
* element being resized and the size limit has been reached (but the
* mouse can still move).
*
* @param {Event} e
*/
mouseMove: function(e) {
e = Wicket.Drag.fixEvent(e);
var o = Wicket.Drag.current;
// this happens sometimes in Safari
if (e.clientX < 0 || e.clientY < 0) {
return;
}
if (o != null) {
var deltaX = e.clientX - o.lastMouseX;
var deltaY = e.clientY - o.lastMouseY;
var res = o.onDrag(o, deltaX, deltaY);
if (res == null)
res = [0, 0];
o.lastMouseX = e.clientX + res[0];
o.lastMouseY = e.clientY + res[1];
}
return false;
},
/**
* Called when the mouse button is released.
* Cleans all temporary variables and callback methods.
*
* @param {Event} e
*/
mouseUp: function(e) {
e = Wicket.Drag.fixEvent(e);
var o = Wicket.Drag.current;
o.onDragEnd(o);
o.onDrag = null;
o.onDragEnd = null;
o.lastMouseX = null;
o.lastMouseY = null;
document.onmousemove = o.old_onmousemove;
document.onmouseup = o.old_onmouseup;
document.onselectstart = o.old_onselectstart;
o.old_mousemove = null;
o.old_mouseup = null;
o.old_onselectstart = null;
Wicket.Drag.current = null;
}
};
/**
* Supporting code for getting mouse move and mouse up events from iframes.
* The problem when dragging a div with an iframe is that when the mouse cursor
* gets over an iframe, all mouse events are received by the iframe's document. (IE and FF)
*
* This code can recursively traverse all iframes in document and temporatily forward
* events from their documents to parent document.
*/
Wicket.Iframe = {
/**
* Returns the horizontal position of given element (in pixels).
*/
findPosX: function(e) {
if (e.offsetParent) {
var c = 0;
while (e.offsetParent) {
c += e.offsetLeft
e = e.offsetParent;
}
return c;
} else if (e.x) {
return e.x;
} else {
return 0;
}
},
/**
* Returns the vertical position of given element (in pixels).
*/
findPosY: function(e) {
if (e.offsetParent) {
var c = 0;
while (e.offsetParent) {
c += e.offsetTop
e = e.offsetParent;
}
return c;
} else if (e.y) {
return e.y;
} else {
return 0;
}
},
/**
* Forwards the events from iframe to the parent document (works recursively).
* @param {Document} doc - document to which the events will be forwardeded
* @param {HTMLElement} iframe - source iframe
* @param {Array} revertList - list to which altered iframes will be added
*/
forwardEvents: function(doc, iframe, revertList) {
try {
var idoc = iframe.contentWindow.document;
idoc.old_onmousemove = idoc.onmousemove;
idoc.onmousemove = function(evt) {
if (evt == null)
evt = iframe.contentWindow.event;
var e = new Object();
var dx = 0;
var dy = 0;
if (Wicket.Browser.isIE() || Wicket.Browser.isGecko) {
dx = Wicket.Window.getScrollX();
dy = Wicket.Window.getScrollY();
}
e.clientX = evt.clientX + Wicket.Iframe.findPosX(iframe) - dx;
e.clientY = evt.clientY + Wicket.Iframe.findPosY(iframe) - dy;
doc.onmousemove(e);
}
idoc.old_onmouseup = idoc.old_onmousemove;
idoc.onmouseup = function(evt) {
if (evt == null)
evt = iframe.contentWindow.event;
var e = new Object();
var dx = 0;
var dy = 0;
if (Wicket.Browser.isIE() || Wicket.Browser.isGecko()) {
dx = Wicket.Window.getScrollX();
dy = Wicket.Window.getScrollY();
}
e.clientX = evt.clientX + Wicket.Iframe.findPosX(iframe) - dx;
e.clientY = evt.clientY + Wicket.Iframe.findPosY(iframe) - dy;
doc.onmouseup(e);
}
revertList.push(iframe);
Wicket.Iframe.documentFix(idoc, revertList);
} catch (ignore) {
}
},
/**
* Reverts the changes made to the given iframe.
* @param {HTMLElement} iframe
*/
revertForward: function(iframe) {
var idoc = iframe.contentWindow.document;
idoc.onmousemove = idoc.old_onmousemove;
idoc.onmouseup = idoc.old_onmouseup;
idoc.old_onmousemove = null;
idoc.old_onmouseup = null;
},
/**
* Forward events from all iframes of the given document (recursive)
* @param {Document} doc - document to be fixed
* @param {Array} revertList - all affected iframes will be stored here
*/
documentFix: function(doc, revertList) {
var iframes = doc.getElementsByTagName("iframe");
for (var i = 0; i < iframes.length; ++i) {
var iframe = iframes[i];
if (iframe.tagName != null)
Wicket.Iframe.forwardEvents(doc, iframe, revertList);
}
},
/**
* Reverts the changes made to each iframe in the given array.
* @param {Array} revertList
*/
documentRevert: function(revertList) {
for (var i = 0; i < revertList.length; ++i) {
var iframe = revertList[i];
Wicket.Iframe.revertForward(iframe);
}
}
}
/**
* Draggable (and optionally resizable) window that can either hold a div
* or an iframe.
*/
Wicket.Window = Class.create();
/**
* Display confirmation dialog if the user is about to leave a page (IE and FF).
*/
Wicket.Window.unloadConfirmation = true;
/**
* Creates a wicket window instance. The advantage of using this is
* that in case an iframe modal window is opened in an already displayed
* iframe modal window, the new window is created as a top-level window.
*
*/
Wicket.Window.create = function(settings) {
var win;
// if it is an iframe window...
if (typeof(settings.src) != "undefined" && Wicket.Browser.isKHTML() == false) {
// attempt to get class crom parent
try {
win = window.parent.Wicket.Window;
} catch (ignore) {
}
}
// no parent...
if (typeof(win) == "undefined") {
win = Wicket.Window;
}
// create and return instance
return new win(settings);
}
/**
* Returns the current top level window (null if none).
*/
Wicket.Window.get = function() {
var win = null;
if (typeof(Wicket.Window.current) != "undefined") {
win = Wicket.Window.current;
} else
{
try {
win = window.parent.Wicket.Window.current;
} catch (ignore) {
}
}
return win;
}
/**
* Closes the current wicket open window. This method is supposed to
* be called from inside the window (therefore it checks window.parent).
*/
Wicket.Window.close = function() {
var win;
try {
win = window.parent.Wicket.Window;
} catch (ignore) {
}
if (typeof(win) != "undefined" && typeof(win.current) != "undefined") {
// we can't call close directly, because it will delete our window,
// so we will schedule it as timeout for parent's window
window.parent.setTimeout(function() {
win.current.close();
}, 0);
}
}
Wicket.Window.prototype = {
/**
* Creates a new window instance.
* Note:
* Width refers to the width of entire window (including frame).
* Height refers to the height of user content.
*
* @param {Object} settings - map that contains window settings. the default
* values are below - together with description
*/
initialize: function(settings) {
// override default settings with user settings
this.settings = Object.extend({
minWidth: 200, /* valid only if resizable */
minHeight: 150, /* valid only if resizable */
className: "w_blue", /* w_silver */
width: 600, /* initial width */
height: 300, /* may be null for non-iframe, non-resizable window (automatic height) */
resizable: true,
widthUnit: "px", /* valid only if not resizable */
heightUnit: "px", /* valid only if not resizable */
src: null, /* iframe src - this takes precedence over the "element" property */
element: null, /* content element (for non-iframe window) */
iframeName: null, /* name of the iframe */
cookieId: null, /* id of position (and size if resizable) cookie */
title: null, /* window title. if null and window content is iframe, title of iframe document will be used. */
onCloseButton: function() { this.close(); }.bind(this), /* called when close button is clicked */
onClose: function() { }, /* called when window is closed */
mask: "semi-transparent" /* or "transparent" */
}, settings || { });
},
/**
* Returns true if the window is iframe-based.
*/
isIframe: function() {
return this.settings.src != null;
},
/**
* Creates the DOM elements of the window.
*/
createDOM: function() {
var idWindow = this.newId();
var idClassElement = this.newId();
var idCaption = this.newId();
var idFrame = this.newId();
var idTop = this.newId();
var idTopLeft = this.newId();
var idTopRight = this.newId();
var idLeft = this.newId();
var idRight = this.newId();
var idBottomLeft = this.newId();
var idBottomRight = this.newId();
var idBottom = this.newId();
var idCaptionText = this.newId();
var markup = Wicket.Window.getMarkup(idWindow, idClassElement, idCaption, idFrame,
idTop, idTopLeft, idTopRight, idLeft, idRight, idBottomLeft, idBottomRight,
idBottom, idCaptionText, this.isIframe());
var element = document.createElement("div");
document.body.appendChild(element);
Wicket.replaceOuterHtml(element, markup);
var _ = function(name) { return document.getElementById(name); }
this.window = _(idWindow);
this.classElement = _(idClassElement);
this.caption = _(idCaption);
this.content = _(idFrame);
this.top = _(idTop);
this.topLeft = _(idTopLeft);
this.topRight = _(idTopRight);
this.left = _(idLeft);
this.right = _(idRight);
this.bottomLeft = _(idBottomLeft);
this.bottomRight = _(idBottomRight);
this.bottom = _(idBottom);
this.captionText = _(idCaptionText);
if (Wicket.Browser.isIE()) {
// IE stupid 3px bug - not fixed even in IE7 quirks!
if (Wicket.Browser.isIE7() == false || Wicket.Browser.isIEQuirks()) {
this.topLeft.style.marginRight = "-3px";
this.topRight.style.marginLeft = "-3px";
this.bottomLeft.style.marginRight = "-3px";
this.bottomRight.style.marginLeft = "-3px";
}
}
// HACK - IE doesn't support position:fixed. Gecko does, however for a reason
// we need to have background position: absolute, which makes the movement of
// the window really jerky if the window stays position: fixed
if (Wicket.Browser.isIE() || Wicket.Browser.isGecko()) {
this.window.style.position = "absolute";
}
// fix the cursors
if (this.settings.resizable == false) {
this.top.style.cursor = this.topLeft.style.cursor = this.topRight.style.cursor =
this.bottom.style.cursor = this.bottomLeft.style.cursor = this.bottomRight.style.cursor =
this.left.style.cursor = this.right.style.cursor = "default";
}
},
/**
* Creates the new uniqe id for window element.
*/
newId: function() {
return "_wicket_window_" + Wicket.Window.idCounter++;
},
/**
* Binds the handler to the drag event on given element.
*/
bind: function(element, handler) {
Wicket.Drag.init(element, this.onBegin.bind(this), this.onEnd.bind(this), handler.bind(this));
},
/**
* Unbinds the handler from a drag event on given element.
*/
unbind: function(element) {
Wicket.Drag.clean(element);
},
/**
* Binds the event handlers to the elements.
*/
bindInit: function() {
this.bind(this.caption, this.onMove);
if (this.settings.resizable) {
this.bind(this.bottomRight, this.onResizeBottomRight);
this.bind(this.bottomLeft, this.onResizeBottomLeft);
this.bind(this.bottom, this.onResizeBottom);
this.bind(this.left, this.onResizeLeft);
this.bind(this.right, this.onResizeRight);
this.bind(this.topLeft, this.onResizeTopLeft);
this.bind(this.topRight, this.onResizeTopRight);
this.bind(this.top, this.onResizeTop);
} else {
this.bind(this.bottomRight, this.onMove);
this.bind(this.bottomLeft, this.onMove);
this.bind(this.bottom, this.onMove);
this.bind(this.left, this.onMove);
this.bind(this.right, this.onMove);
this.bind(this.topLeft, this.onMove);
this.bind(this.topRight, this.onMove);
this.bind(this.top, this.onMove);
}
this.caption.getElementsByTagName("a")[0].onclick = this.settings.onCloseButton.bind(this);
},
/**
* Unbinds the event handlers.
*/
bindClean: function() {
this.unbind(this.caption);
this.unbind(this.bottomRight);
this.unbind(this.bottomLeft);
this.unbind(this.bottom);
this.unbind(this.left);
this.unbind(this.right);
this.unbind(this.topLeft);
this.unbind(this.topRight);
this.unbind(this.top);
this.caption.getElementsByTagName("a")[0].onclick = null;
},
/**
* Places the window to the center of the viewport.
*/
center: function(shiftX, shiftY) {
var scTop = 0;
var scLeft = 0;
if (Wicket.Browser.isIE() || Wicket.Browser.isGecko()) {
scLeft = Wicket.Window.getScrollX();
scTop = Wicket.Window.getScrollY();
}
var width = Wicket.Window.getViewportWidth();
var height = Wicket.Window.getViewportHeight();
var modalWidth = this.window.offsetWidth;
var modalHeight = this.window.offsetHeight;
var left = (width / 2) - (modalWidth / 2) + scLeft;
var top = (height / 2) - (modalHeight / 2) + scTop;
this.window.style.left = shiftX + left + "px";
this.window.style.top = shiftY + top + "px";
},
/**
* Saves the position (and size if resizable) as a cookie.
*/
savePosition: function() {
if (typeof(this.settings.cookieId) != "undefined" &&
this.settings.cookieId != null) {
var key = "wicket-modal-" + this.settings.cookieId + "-";
var exp = 31;
var s = Wicket.Cookie.set;
s(key + "left", this.window.style.left, exp);
s(key + "top", this.window.style.top, exp);
if (this.settings.resizable) {
s(key + "width", this.window.style.width, exp);
s(key + "height", this.content.style.height, exp);
}
};
},
/**
* Restores the position (and size if resizable) from the cookie.
*/
loadPosition: function() {
if (typeof(this.settings.cookieId) != "undefined" &&
this.settings.cookieId != null) {
var key = "wicket-modal-" + this.settings.cookieId + "-";
var g = Wicket.Cookie.get;
var left = g(key + "left");
var top = g(key + "top");
if (this.settings.resizable) {
var width = g(key + "width");
var height = g(key + "height");
}
if (left != null)
this.window.style.left = left;
if (top != null)
this.window.style.top = top;
if (width != null)
this.window.style.width = width;
if (height != null)
this.content.style.height = height;
}
},
/**
* Creates the mask accordingly to the settings.
*/
createMask: function() {
if (this.settings.mask == "transparent")
this.mask = new Wicket.Window.Mask(true);
else if (this.settings.mask == "semi-transparent")
this.mask = new Wicket.Window.Mask(false);
if (typeof(this.mask) != "undefined") {
this.mask.show();
}
},
/**
* Destroys the mask.
*/
destroyMask: function() {
this.mask.hide();
this.mask = null;
},
/**
* Loads the content
*/
load: function() {
if (this.settings.title == null)
this.update = window.setInterval(this.updateTitle.bind(this), 100);
this.content.src = this.settings.src;
this.content.contentWindow.name = this.settings.iframeName;
},
/**
* Shows the window.
*/
show: function(shiftX, shiftY) {
// create the DOM elements
this.createDOM();
// set the class of window (blue or silver by default)
this.classElement.className = this.settings.className;
// is it an iframe window?
if (this.isIframe()) {
// load the file
this.load();
} else {
// it's an element content
// is the element specified?
if (this.settings.element == null) {
throw "Either src or element must be set.";
}
// reparent the element
this.oldParent = this.settings.element.parentNode;
this.settings.element.parentNode.removeChild(this.settings.element);
this.content.appendChild(this.settings.element);
// set the overflow style so that scrollbars are shown when the element is bigger than window
this.content.style.overflow="auto";
}
// bind the events
this.bindInit();
// if the title is specified set it
if (this.settings.title != null)
this.captionText.innerHTML = this.settings.title;
// initial width and height
this.window.style.width = this.settings.width + (this.settings.resizable ? "px" : this.settings.widthUnit);
if (this.settings.height != null)
this.content.style.height = this.settings.height + (this.settings.resizable ? "px" : this.settings.heightUnit);
// center the window
this.center(shiftX, shiftY);
// load position from cookie
this.loadPosition();
var doShow = function() {
// if there is a previous window
if (typeof(this.oldWindow) != "undefined") {
// lower it's z-index so that it's moved under the mask
this.oldWindow.window.style.zIndex = Wicket.Window.Mask.zIndex - 1;
}
this.window.style.visibility="visible";
}.bind(this);
// is there a window displayed already?
if (Wicket.Window.current != null) {
// save the reference to it
this.oldWindow = Wicket.Window.current;
}
// keep reference to this window
Wicket.Window.current = this;
// show the window
if (Wicket.Browser.isGecko() && this.isIframe()) {
// HACK
// gecko flickers when showing the window
// unless the showing is postponed a little
window.setTimeout(function() { doShow(); }, 0);
} else {
doShow();
}
// if the content supports focus and blur it, which means
// that the already focused element will lose it's focus
if (this.content.focus) {
this.content.focus();
this.content.blur();
}
// preserve old unload hanler
this.old_onunload = window.onunload;
// new unload handler - close the window to prevent memory leaks in ie
window.onunload = function() {
this.close(true);
if (this.old_onunload != null)
return this.old_onunload();
}.bind(this);
// preserve old beforeunload handler
this.old_onbeforeunload = window.onbeforeunload;
if (Wicket.Window.unloadConfirmation == true) {
// new beforeunload handler - ask user before reloading window
window.onbeforeunload = function() {
return "Reloading this page will cause the modal window disappear.";
}
}
// create the mask that covers the background
this.createMask();
},
/**
* Returns true if the window can be closed.
*/
canClose: function() {
return true;
},
/**
* Prevent user from closing the window if there's another (nested) modal window in the iframe.
*/
canCloseInternal: function() {
try {
if (this.isIframe() == true) {
var current = this.content.contentWindow.Wicket.Window.current;
if (typeof(current) != "undefined" && current != null) {
alert('You can\'t close this modal window. Close the top-level modal window first.');
return false;
}
}
} catch (ignore) {
}
return true;
},
/**
* Closes the window.
* @param {Boolean} force - internal argument
*/
close: function(force) {
// can user close the window?
if (force != true && (!this.canClose() || !this.canCloseInternal()))
return;
// if the update handler was set clean it
if (typeof(this.update) != "undefined")
window.clearInterval(this.update);
// clean event bindings
this.bindClean();
// hide elements
this.window.style.display = "none";
// if the window has a div content, the div is reparented to it's old parent
if (typeof(this.oldParent != "undefined")) {
try {
this.content.removeChild(this.settings.element);
this.oldParent.appendChild(this.settings.element);
this.oldParent = null;
} catch (ignore) {
}
}
// remove the elements from document
this.window.parentNode.removeChild(this.window);
// clean references to elements
this.window = this.classElement = this.caption = this.bottomLeft = this.bottomRight = this.bottom =
this.left = this.right = this.topLeft = this.topRight = this.top = this.captionText = null;
// restore old unload handler
window.onunload = this.old_onunload;
this.old_onunload = null;
// restore old beforeunload handler
window.onbeforeunload = this.old_onbeforeunload;
this.old_onbeforeunload = null;
// hids and cleanup the mask
this.destroyMask();
if (force != true) {
// call onclose handler
this.settings.onClose();
}
// if there was a window shown before this one
if (this.oldWindow != null) {
// set the old as current
Wicket.Window.current = this.oldWindow;
// increase it's z-index so that it's moved above the mask
Wicket.Window.current.window.style.zIndex = Wicket.Window.Mask.zIndex + 1;
this.oldWindow = null;
} else {
// remove reference to the window
Wicket.Window.current = null;
}
},
/**
* Cleans the internal state of the window
*/
destroy: function() {
this.settings = null;
},
/**
* If the window is Iframe, updates the title with iframe's document title.
*/
updateTitle: function() {
try {
if (this.content.contentWindow.document.title != null) {
if (this.captionText.innerHTML != this.content.contentWindow.document.title) {
this.captionText.innerHTML = this.content.contentWindow.document.title;
// konqueror doesn't refresh caption text properly
if (Wicket.Browser.isKHTML()) {
this.captionText.style.display = 'none';
window.setTimeout(function() { this.captionText.style.display="block";}.bind(this), 0);
}
}
}
} catch (ignore) {
Wicket.Log.info(ignore);
}
},
/**
* Called when dragging has started.
*/
onBegin: function(object) {
if (this.isIframe() && (Wicket.Browser.isGecko() || Wicket.Browser.isIE())) {
this.revertList = new Array();
Wicket.Iframe.documentFix(document, this.revertList);
}
},
/**
* Called when dragging has ended.
*/
onEnd: function(object) {
if (typeof(this.revertList) != "undefined" && this.revertList != null) {
Wicket.Iframe.documentRevert(this.revertList);
this.revertList = null;
if (Wicket.Browser.isKHTML() || this.content.style.visibility=='hidden') {
this.content.style.visibility='hidden';
window.setTimeout(function() { this.content.style.visibility='visible'; }.bind(this), 0 );
}
this.revertList = null;
}
this.savePosition();
},
/**
* Called when window is moving (draggin the caption).
*/
onMove: function(object, deltaX, deltaY) {
var w = this.window;
var x = parseInt(w.style.left, 10) + deltaX;
var y = parseInt(w.style.top, 10) + deltaY;
if (x < 0)
x = 0;
if (y < 0)
y = 0;
w.style.left = x + "px";
w.style.top = y + "px";
},
/**
* Called when window is resizing.
*/
resizing: function() {
},
/**
* Ensures that the size of window is not smaller than minimal size.
*/
clipSize : function(swapX, swapY) {
this.res = [0, 0];
if (this.width < this.settings.minWidth) {
this.left -= this.settings.minWidth - this.width;
this.res[0] = this.settings.minWidth - this.width;
this.width = this.settings.minWidth;
}
if (this.height < this.settings.minHeight) {
this.top -= this.settings.minHeight - this.height;
this.res[1] = this.settings.minHeight - this.height;
this.height = this.settings.minHeight;
}
if (swapX == true)
this.res[0] = -this.res[0];
if (swapY == true)
this.res[1] = -this.res[1];
},
//
// These methods are handlers for parts of window frame
//
onResizeBottomRight: function(object, deltaX, deltaY) {
var w = this.window;
var f = this.content;
this.width = parseInt(w.style.width, 10) + deltaX;
this.height = parseInt(f.style.height, 10) + deltaY;
this.clipSize();
w.style.width = this.width + "px";
f.style.height = this.height + "px";
this.resizing();
return this.res;
},
onResizeBottomLeft: function(object, deltaX, deltaY) {
var w = this.window;
var f = this.content;
this.width = parseInt(w.style.width, 10) - deltaX;
this.height = parseInt(f.style.height, 10) + deltaY;
this. left = parseInt(w.style.left, 10) + deltaX;
this.clipSize(true);
w.style.width = this.width + "px";
w.style.left = this.left + "px";
f.style.height = this.height + "px";
return this.res;
},
onResizeBottom: function(object, deltaX, deltaY) {
var f = this.content;
this.height = parseInt(f.style.height, 10) + deltaY;
this.clipSize();
f.style.height = this.height + "px";
this.resizing();
return this.res;
},
onResizeLeft: function(object, deltaX, deltaY) {
var w = this.window;
this.width = parseInt(w.style.width, 10) - deltaX;
this.left = parseInt(w.style.left, 10) + deltaX;
this.clipSize(true);
w.style.width = this.width + "px";
w.style.left = this.left + "px";
this.resizing();
return this.res;
},
onResizeRight: function(object, deltaX, deltaY) {
var w = this.window;
this.width = parseInt(w.style.width, 10) + deltaX;
this.clipSize();
w.style.width = this.width + "px";
this.resizing();
return this.res;
},
onResizeTopLeft: function(object, deltaX, deltaY) {
var w = this.window;
var f = this.content;
this.width = parseInt(w.style.width, 10) - deltaX;
this.height = parseInt(f.style.height, 10) - deltaY;
this.left = parseInt(w.style.left, 10) + deltaX;
this.top = parseInt(w.style.top, 10) + deltaY;
this.clipSize(true, true);
w.style.width = this.width + "px";
w.style.left = this.left + "px";
f.style.height = this.height + "px";
w.style.top = this.top + "px";
this.resizing();
return this.res;
},
onResizeTopRight: function(object, deltaX, deltaY) {
var w = this.window;
var f = this.content;
this.width = parseInt(w.style.width, 10) + deltaX;
this.height = parseInt(f.style.height, 10) - deltaY;
this.top = parseInt(w.style.top, 10) + deltaY;
this.clipSize(false, true);
w.style.width = this.width + "px";
f.style.height = this.height + "px";
w.style.top = this.top + "px";
this.resizing();
return this.res;
},
onResizeTop: function(object, deltaX, deltaY) {
var f = this.content;
var w = this.window;
this.height = parseInt(f.style.height, 10) - deltaY;
this.top = parseInt(w.style.top, 10) + deltaY;
this.clipSize(false, true);
f.style.height = this.height + "px";
w.style.top = this.top + "px";
this.resizing();
return this.res;
}
}
/**
* Counter for generating unique component ids.
*/
Wicket.Window.idCounter = 0;
/**
* Prevent event from bubbling up in the element hierarchy.
*/
Wicket.Window.stopEvent = function(e) {
if (typeof(e) == "undefined")
e = window.event;
e.cancelBubble = true;
if (e.stopPropagation)
e.stopPropagation();
}
/**
* Returns the modal window markup with specified element identifiers.
*/
Wicket.Window.getMarkup = function(idWindow, idClassElement, idCaption, idContent, idTop, idTopLeft, idTopRight, idLeft, idRight, idBottomLeft, idBottomRight, idBottom, idCaptionText, isFrame) {
var s =
""+
"
"+
"
"+
"
"+
"
"+
"
"+
"
"+
"
"+
"
"+
"
"+
"
"+
"
"+
"
"+
"
"+
"
"+
"
"+
"
"+
"
";
if (isFrame) {
s+=
"
";
} else {
s+=
"
";
}
s+=
"
"+
"
"+
"
"+
"
"+
"
"+
"
"+
"
"+
"
"+
"
"+
"
"+
"
"+
"
"+
"
"+
"
"+
"
"+
"
"+
"
show() to
* make it visible.
* @param {boolean} transparent - whether the mask should be transparent (true) or
* semi-transparent (false).
*/
initialize: function(transparent) {
this.transparent = transparent;
},
/**
* Shows the mask.
*/
show: function() {
// if the mask is not alrady shown...
if (typeof(Wicket.Window.Mask.element) == "undefined" ||
Wicket.Window.Mask.element == null) {
// crate the mask element and add it to document
var e = document.createElement("div");
document.body.appendChild(e);
// set the proper css class name
if (this.transparent) {
e.className = "wicket-mask-transparent";
} else {
e.className = "wicket-mask-dark";
}
e.style.zIndex = Wicket.Window.Mask.zIndex;
// HACK - KHTML doesn't support colors with alpha transparency
// if the mask is not transparent we have to either
// make the background image visible (setting color to transparent) - for KHTML
// or make the background-image invisible (setting it to null) - for other browsers
if (this.transparent == false) {
if (Wicket.Browser.isKHTML() == false) {
e.style.backgroundImage = "none";
} else {
e.style.backgroundColor = "transparent";
}
}
// HACK - it really sucks that we have to set this to absolute even for gecko.
// however background with position:fixed makes the text cursor in textfieds
// in modal window disappear
if (Wicket.Browser.isIE() || Wicket.Browser.isGecko()) {
e.style.position = "absolute";
}
// set the element
this.element = e;
// preserver old handlers
this.old_onscroll = window.onscroll;
this.old_onresize = window.onresize;
// set new handlers
window.onscroll = this.onScrollResize.bind(this);
window.onresize = this.onScrollResize.bind(this);
// fix the mask position
this.onScrollResize(true);
// set a static reference to mask
Wicket.Window.Mask.element = e;
} else {
// mask is already shown - don't hide it
this.dontHide = true;
}
// disable user interaction
this.hideSelectBoxes();
this.disableTabs();
this.disableFocus();
},
/**
* Hides the mask.
*/
hide: function() {
// if the mask is visible and we can hide it
if (typeof(Wicket.Window.Mask.element) != "undefined" && typeof(this.dontHide) == "undefined") {
// remove element from document
document.body.removeChild(this.element);
this.element = null;
// restore old handlers
window.onscroll = this.old_onscroll;
window.onresize = this.old_onresize;
Wicket.Window.Mask.element = null;
}
// show old select boxes (ie only)
this.showSelectBoxes();
// restore tab order
this.restoreTabs();
// revert onfocus handlers
this.enableFocus();
},
/**
* Used to update the position (ie) and size (ie, opera) of the mask.
*/
onScrollResize: function(dontChangePosition) {
// if the iframe is not position:fixed fix it's position
if (this.element.style.position == "absolute") {
var w = Wicket.Window.getViewportWidth();
var h = Wicket.Window.getViewportHeight();
var scTop = 0;
var scLeft = 0;
scLeft = Wicket.Window.getScrollX();
scTop = Wicket.Window.getScrollY();
this.element.style.top = scTop + "px";
this.element.style.left = scLeft + "px";
if (document.all) { // opera or explorer
this.element.style.width = w;
}
this.element.style.height = h;
}
},
/**
* Returns true if 'element' is a child (anywhere in hierarchy) of 'parent'
*/
isParent: function(element, parent) {
if (element.parentNode == parent)
return true;
if (typeof(element.parentNode) == "undefined" ||
element.parentNode == document.body)
return false;
return this.isParent(element.parentNode, parent);
},
/**
* For internet explorer hides the select boxes (because they
* have always bigger z-order than any other elements).
*/
hideSelectBoxes : function() {
if (Wicket.Browser.isIE() && Wicket.Browser.isIE7() == false) {
var win = Wicket.Window.current;
this.boxes = new Array();
var selects = document.getElementsByTagName("select");
for (var i = 0; i < selects.length; i++) {
var element = selects[i];
// if this is not an iframe window and the select is child of window content,
// don't hide it
if (win.isIframe() == false && this.isParent(element, win.content)) {
continue;
}
if (element.style.visibility != "hidden") {
element.style.visibility = "hidden";
this.boxes.push(element);
}
}
}
},
/**
* Shows the select boxes if they were hidden.
*/
showSelectBoxes: function() {
if (typeof (this.boxes) != "undefined") {
for (var i = 0; i < this.boxes.length; ++i) {
var element = this.boxes[i];
element.style.visibility="visible";
}
this.boxes = null;
}
},
/**
* Disable focus on element and all it's children.
*/
disableFocusElement: function(element, revertList) {
if (typeof(Wicket.Window.current) != "undefined" &&
Wicket.Window.current != null &&
Wicket.Window.current.window != element) {
revertList.push([element, element.onfocus]);
element.onfocus = function() { element.blur(); }
for (var i = 0; i < element.childNodes.length; ++i) {
this.disableFocusElement(element.childNodes[i], revertList);
}
}
},
/**
* Disable focus on all elements in document
*/
disableFocus: function() {
// explorer doesn't need this, because for IE disableTabs() is called.
// plus in IE this causes problems because it scrolls document );
if (Wicket.Browser.isIE() == false) {
this.focusRevertList = new Array();
var body = document.getElementsByTagName("body")[0];
for (var i = 0; i < body.childNodes.length; ++i) {
this.disableFocusElement(body.childNodes[i], this.focusRevertList);
}
}
},
/**
* Enables focus on all elements where the focus has been disabled.
*/
enableFocus: function() {
if (typeof(this.focusRevertList) != "undefined") {
for (var i = 0; i < this.focusRevertList.length; ++i) {
var item = this.focusRevertList[i];
item[0].onfocus = item[1];
}
}
this.focusRevertList = null;
},
/**
* Disable tab indexes (ie).
*/
disableTabs: function () {
this.tabbableTags = new Array("A","BUTTON","TEXTAREA","INPUT","IFRAME");
if (Wicket.Browser.isIE()) {
var win = Wicket.Window.current;
var i = 0;
this.tabIndexes = new Array();
for (var j = 0; j < this.tabbableTags.length; j++) {
var tagElements = document.getElementsByTagName(this.tabbableTags[j]);
for (var k = 0 ; k < tagElements.length; k++) {
// if this is not an iframe window and the element is child of window content,
// don't disable tab on it
if (win.isIframe() == true || this.isParent(tagElements[k], win.content) == false) {
this.tabIndexes[i] = tagElements[k].tabIndex;
tagElements[k].tabIndex="-1";
}
i++;
}
}
}
},
/**
* Restore tab indexes if they were disabled.
*/
restoreTabs: function() {
if (typeof(this.tabIndexes) != 'undefined') {
var i = 0;
for (var j = 0; j < this.tabbableTags.length; j++) {
var tagElements = document.getElementsByTagName(this.tabbableTags[j]);
for (var k = 0 ; k < tagElements.length; k++) {
tagElements[k].tabIndex = this.tabIndexes[i];
tagElements[k].tabEnabled = true;
i++;
}
}
this.tabIndexes = null;
}
}
}
/**
* Returns the height of visible area.
*/
Wicket.Window.getViewportHeight = function() {
if (window.innerHeight != window.undefined)
return window.innerHeight;
if (document.compatMode == 'CSS1Compat')
return document.documentElement.clientHeight;
if (document.body)
return document.body.clientHeight;
return window.undefined;
}
/**
* Returns thewidth of visible area.
*/
Wicket.Window.getViewportWidth = function() {
if (window.innerWidth != window.undefined)
return window.innerWidth;
if (document.compatMode == 'CSS1Compat')
return document.documentElement.clientWidth;
if (document.body)
return document.body.clientWidth;
return window.undefined;
}
/**
* Returns the horizontal scroll offset
*/
Wicket.Window.getScrollX = function() {
var iebody = (document.compatMode && document.compatMode != "BackCompat") ? document.documentElement : document.body
return document.all? iebody.scrollLeft : pageXOffset
}
/**
* Returns the vertical scroll offset
*/
Wicket.Window.getScrollY = function() {
var iebody = (document.compatMode && document.compatMode != "BackCompat") ? document.documentElement : document.body
return document.all? iebody.scrollTop : pageYOffset
}
/**
* Convenience methods for getting and setting cookie values.
*/
Wicket.Cookie = {
/**
* Returns the value for cookie of given name.
* @param {String} name - name of cookie
*/
get: function(name) {
if (document.cookie.length > 0) {
start = document.cookie.indexOf (name + "=");
if (start != -1) {
start = start + name.length + 1;
end = document.cookie.indexOf(";", start);
if (end == -1) {
end = document.cookie.length;
}
return unescape(document.cookie.substring(start,end))
}
} else {
return null
}
},
/**
* Sets the value for cookie of given name.
* @param {Object} name - name of cookie
* @param {Object} value - new value
* @param {Object} expiredays - how long will the cookie be persisted
*/
set: function(name, value, expiredays) {
var exdate = new Date();
exdate.setDate(exdate.getDate() + expiredays);
document.cookie = name + "=" + escape(value) + ((expiredays==null) ? "" : ";expires="+exdate);
}
};