Rev 1688 | Blame | Compare with Previous | Last modification | View Log | RSS feed
/*
Copyright (c) 2004-2006, The Dojo Foundation
All Rights Reserved.
Licensed under the Academic Free License version 2.1 or above OR the
modified BSD license. For more information on Dojo licensing, see:
http://dojotoolkit.org/community/licensing.shtml
*/
dojo.provide("dojo.widget.PopupContainer");
dojo.require("dojo.html.style");
dojo.require("dojo.html.layout");
dojo.require("dojo.html.selection");
dojo.require("dojo.html.iframe");
dojo.require("dojo.event.*");
dojo.require("dojo.widget.*");
dojo.require("dojo.widget.HtmlWidget");
dojo.declare("dojo.widget.PopupContainerBase", null, function () {
this.queueOnAnimationFinish = [];
}, {isShowingNow:false, currentSubpopup:null, beginZIndex:1000, parentPopup:null, parent:null, popupIndex:0, aroundBox:dojo.html.boxSizing.BORDER_BOX, openedForWindow:null, processKey:function (evt) {
return false;
}, applyPopupBasicStyle:function () {
with (this.domNode.style) {
display = "none";
position = "absolute";
}
}, aboutToShow:function () {
}, open:function (x, y, parent, explodeSrc, orient, padding) {
if (this.isShowingNow) {
return;
}
if (this.animationInProgress) {
this.queueOnAnimationFinish.push(this.open, arguments);
return;
}
this.aboutToShow();
var around = false, node, aroundOrient;
if (typeof x == "object") {
node = x;
aroundOrient = explodeSrc;
explodeSrc = parent;
parent = y;
around = true;
}
this.parent = parent;
dojo.body().appendChild(this.domNode);
explodeSrc = explodeSrc || parent["domNode"] || [];
var parentPopup = null;
this.isTopLevel = true;
while (parent) {
if (parent !== this && (parent.setOpenedSubpopup != undefined && parent.applyPopupBasicStyle != undefined)) {
parentPopup = parent;
this.isTopLevel = false;
parentPopup.setOpenedSubpopup(this);
break;
}
parent = parent.parent;
}
this.parentPopup = parentPopup;
this.popupIndex = parentPopup ? parentPopup.popupIndex + 1 : 1;
if (this.isTopLevel) {
var button = dojo.html.isNode(explodeSrc) ? explodeSrc : null;
dojo.widget.PopupManager.opened(this, button);
}
if (this.isTopLevel && !dojo.withGlobal(this.openedForWindow || dojo.global(), dojo.html.selection.isCollapsed)) {
this._bookmark = dojo.withGlobal(this.openedForWindow || dojo.global(), dojo.html.selection.getBookmark);
} else {
this._bookmark = null;
}
if (explodeSrc instanceof Array) {
explodeSrc = {left:explodeSrc[0], top:explodeSrc[1], width:0, height:0};
}
with (this.domNode.style) {
display = "";
zIndex = this.beginZIndex + this.popupIndex;
}
if (around) {
this.move(node, padding, aroundOrient);
} else {
this.move(x, y, padding, orient);
}
this.domNode.style.display = "none";
this.explodeSrc = explodeSrc;
this.show();
this.isShowingNow = true;
}, move:function (x, y, padding, orient) {
var around = (typeof x == "object");
if (around) {
var aroundOrient = padding;
var node = x;
padding = y;
if (!aroundOrient) {
aroundOrient = {"BL":"TL", "TL":"BL"};
}
dojo.html.placeOnScreenAroundElement(this.domNode, node, padding, this.aroundBox, aroundOrient);
} else {
if (!orient) {
orient = "TL,TR,BL,BR";
}
dojo.html.placeOnScreen(this.domNode, x, y, padding, true, orient);
}
}, close:function (force) {
if (force) {
this.domNode.style.display = "none";
}
if (this.animationInProgress) {
this.queueOnAnimationFinish.push(this.close, []);
return;
}
this.closeSubpopup(force);
this.hide();
if (this.bgIframe) {
this.bgIframe.hide();
this.bgIframe.size({left:0, top:0, width:0, height:0});
}
if (this.isTopLevel) {
dojo.widget.PopupManager.closed(this);
}
this.isShowingNow = false;
if (this.parent) {
setTimeout(dojo.lang.hitch(this, function () {
try {
if (this.parent["focus"]) {
this.parent.focus();
} else {
this.parent.domNode.focus();
}
}
catch (e) {
dojo.debug("No idea how to focus to parent", e);
}
}), 10);
}
if (this._bookmark && dojo.withGlobal(this.openedForWindow || dojo.global(), dojo.html.selection.isCollapsed)) {
if (this.openedForWindow) {
this.openedForWindow.focus();
}
try {
dojo.withGlobal(this.openedForWindow || dojo.global(), "moveToBookmark", dojo.html.selection, [this._bookmark]);
}
catch (e) {
}
}
this._bookmark = null;
}, closeAll:function (force) {
if (this.parentPopup) {
this.parentPopup.closeAll(force);
} else {
this.close(force);
}
}, setOpenedSubpopup:function (popup) {
this.currentSubpopup = popup;
}, closeSubpopup:function (force) {
if (this.currentSubpopup == null) {
return;
}
this.currentSubpopup.close(force);
this.currentSubpopup = null;
}, onShow:function () {
dojo.widget.PopupContainer.superclass.onShow.apply(this, arguments);
this.openedSize = {w:this.domNode.style.width, h:this.domNode.style.height};
if (dojo.render.html.ie) {
if (!this.bgIframe) {
this.bgIframe = new dojo.html.BackgroundIframe();
this.bgIframe.setZIndex(this.domNode);
}
this.bgIframe.size(this.domNode);
this.bgIframe.show();
}
this.processQueue();
}, processQueue:function () {
if (!this.queueOnAnimationFinish.length) {
return;
}
var func = this.queueOnAnimationFinish.shift();
var args = this.queueOnAnimationFinish.shift();
func.apply(this, args);
}, onHide:function () {
dojo.widget.HtmlWidget.prototype.onHide.call(this);
if (this.openedSize) {
with (this.domNode.style) {
width = this.openedSize.w;
height = this.openedSize.h;
}
}
this.processQueue();
}});
dojo.widget.defineWidget("dojo.widget.PopupContainer", [dojo.widget.HtmlWidget, dojo.widget.PopupContainerBase], {isContainer:true, fillInTemplate:function () {
this.applyPopupBasicStyle();
dojo.widget.PopupContainer.superclass.fillInTemplate.apply(this, arguments);
}});
dojo.widget.PopupManager = new function () {
this.currentMenu = null;
this.currentButton = null;
this.currentFocusMenu = null;
this.focusNode = null;
this.registeredWindows = [];
this.registerWin = function (win) {
if (!win.__PopupManagerRegistered) {
dojo.event.connect(win.document, "onmousedown", this, "onClick");
dojo.event.connect(win, "onscroll", this, "onClick");
dojo.event.connect(win.document, "onkey", this, "onKey");
win.__PopupManagerRegistered = true;
this.registeredWindows.push(win);
}
};
this.registerAllWindows = function (targetWindow) {
if (!targetWindow) {
targetWindow = dojo.html.getDocumentWindow(window.top && window.top.document || window.document);
}
this.registerWin(targetWindow);
for (var i = 0; i < targetWindow.frames.length; i++) {
try {
var win = dojo.html.getDocumentWindow(targetWindow.frames[i].document);
if (win) {
this.registerAllWindows(win);
}
}
catch (e) {
}
}
};
this.unRegisterWin = function (win) {
if (win.__PopupManagerRegistered) {
dojo.event.disconnect(win.document, "onmousedown", this, "onClick");
dojo.event.disconnect(win, "onscroll", this, "onClick");
dojo.event.disconnect(win.document, "onkey", this, "onKey");
win.__PopupManagerRegistered = false;
}
};
this.unRegisterAllWindows = function () {
for (var i = 0; i < this.registeredWindows.length; ++i) {
this.unRegisterWin(this.registeredWindows[i]);
}
this.registeredWindows = [];
};
dojo.addOnLoad(this, "registerAllWindows");
dojo.addOnUnload(this, "unRegisterAllWindows");
this.closed = function (menu) {
if (this.currentMenu == menu) {
this.currentMenu = null;
this.currentButton = null;
this.currentFocusMenu = null;
}
};
this.opened = function (menu, button) {
if (menu == this.currentMenu) {
return;
}
if (this.currentMenu) {
this.currentMenu.close();
}
this.currentMenu = menu;
this.currentFocusMenu = menu;
this.currentButton = button;
};
this.setFocusedMenu = function (menu) {
this.currentFocusMenu = menu;
};
this.onKey = function (e) {
if (!e.key) {
return;
}
if (!this.currentMenu || !this.currentMenu.isShowingNow) {
return;
}
var m = this.currentFocusMenu;
while (m) {
if (m.processKey(e)) {
e.preventDefault();
e.stopPropagation();
break;
}
m = m.parentPopup || m.parentMenu;
}
}, this.onClick = function (e) {
if (!this.currentMenu) {
return;
}
var scrolloffset = dojo.html.getScroll().offset;
var m = this.currentMenu;
while (m) {
if (dojo.html.overElement(m.domNode, e) || dojo.html.isDescendantOf(e.target, m.domNode)) {
return;
}
m = m.currentSubpopup;
}
if (this.currentButton && dojo.html.overElement(this.currentButton, e)) {
return;
}
this.currentMenu.closeAll(true);
};
};