New file |
0,0 → 1,295 |
/* |
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); |
}; |
}; |
|