| /* |
| 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.Menu2"); |
| dojo.require("dojo.widget.PopupContainer"); |
| dojo.declare("dojo.widget.MenuBase", null, function () { |
| this.eventNames = {open:""}; |
| }, {isContainer:true, isMenu:true, eventNaming:"default", templateCssString:"\n.dojoPopupMenu2 {\n\tposition: absolute;\n\tborder: 1px solid #7298d0;\n\tbackground:#85aeec url(images/soriaMenuBg.gif) repeat-x bottom left !important;\n\tpadding: 1px;\n\tmargin-top: 1px;\n\tmargin-bottom: 1px;\n}\n\n.dojoMenuItem2{\n\twhite-space: nowrap;\n\tfont: menu;\n\tmargin: 0;\n}\n\n.dojoMenuItem2Hover {\n\tbackground-color: #D2E4FD;\n\tcursor:pointer;\n\tcursor:hand;\n}\n\n.dojoMenuItem2Icon {\n\tposition: relative;\n\tbackground-position: center center;\n\tbackground-repeat: no-repeat;\n\twidth: 16px;\n\theight: 16px;\n\tpadding-right: 3px;\n}\n\n.dojoMenuItem2Label {\n\tposition: relative;\n\tvertical-align: middle;\n}\n\n/* main label text */\n.dojoMenuItem2Label {\n\tposition: relative;\n\tvertical-align: middle;\n}\n\n.dojoMenuItem2Accel {\n\tposition: relative;\n\tvertical-align: middle;\n\tpadding-left: 3px;\n}\n\n.dojoMenuItem2Disabled .dojoMenuItem2Label,\n.dojoMenuItem2Disabled .dojoMenuItem2Accel {\n\tcolor: #607a9e;\n}\n\n.dojoMenuItem2Submenu {\n\tposition: relative;\n\tbackground-position: center center;\n\tbackground-repeat: no-repeat;\n\tbackground-image: url(images/submenu_off.gif);\n\twidth: 5px;\n\theight: 9px;\n\tpadding-left: 3px;\n}\n.dojoMenuItem2Hover .dojoMenuItem2Submenu {\n\tbackground-image: url(images/submenu_on.gif);\n}\n\n.dojoMenuItem2Disabled .dojoMenuItem2Submenu {\n\tbackground-image: url(images/submenu_disabled.gif);\n}\n\n.dojoMenuSeparator2 {\n\tfont-size: 1px;\n\tmargin: 0;\n}\n\n.dojoMenuSeparator2Top {\n\theight: 50%;\n\tborder-bottom: 1px solid #7a98c4;\n\tmargin: 0px 2px;\n\tfont-size: 1px;\n}\n\n.dojoMenuSeparator2Bottom {\n\theight: 50%;\n\tborder-top: 1px solid #c9deff;\n\tmargin: 0px 2px;\n\tfont-size: 1px;\n}\n\n.dojoMenuBar2 {\n\tbackground:#85aeec url(images/soriaBarBg.gif) repeat-x top left;\n\t/*border-bottom:1px solid #6b9fec;*/\n\tpadding: 1px;\n}\n\n.dojoMenuBar2 .dojoMenuItem2 {\n\twhite-space: nowrap;\n\tfont: menu;\n\tmargin: 0;\n\tposition: relative;\n\tvertical-align: middle;\n\tz-index: 1;\n\tpadding: 3px 8px;\n\tdisplay: inline;/* needed in khtml to display correctly */\n\tdisplay: -moz-inline-box;/* needed in firefox */\n\tcursor:pointer;\n\tcursor:hand;\n}\n\n.dojoMenuBar2 .dojoMenuItem2Hover {\n\tbackground-color:#d2e4fd;\n}\n\n.dojoMenuBar2 .dojoMenuItem2Disabled span {\n\tcolor: #4f6582;\n}\n", templateCssPath:dojo.uri.moduleUri("dojo.widget", "templates/Menu2.css"), submenuDelay:500, initialize:function (args, frag) { |
| if (this.eventNaming == "default") { |
| for (var eventName in this.eventNames) { |
| this.eventNames[eventName] = this.widgetId + "/" + eventName; |
| } |
| } |
| }, _moveToNext:function (evt) { |
| this._highlightOption(1); |
| return true; |
| }, _moveToPrevious:function (evt) { |
| this._highlightOption(-1); |
| return true; |
| }, _moveToParentMenu:function (evt) { |
| if (this._highlighted_option && this.parentMenu) { |
| if (evt._menu2UpKeyProcessed) { |
| return true; |
| } else { |
| this._highlighted_option.onUnhover(); |
| this.closeSubmenu(); |
| evt._menu2UpKeyProcessed = true; |
| } |
| } |
| return false; |
| }, _moveToChildMenu:function (evt) { |
| if (this._highlighted_option && this._highlighted_option.submenuId) { |
| this._highlighted_option._onClick(true); |
| return true; |
| } |
| return false; |
| }, _selectCurrentItem:function (evt) { |
| if (this._highlighted_option) { |
| this._highlighted_option._onClick(); |
| return true; |
| } |
| return false; |
| }, processKey:function (evt) { |
| if (evt.ctrlKey || evt.altKey || !evt.key) { |
| return false; |
| } |
| var rval = false; |
| switch (evt.key) { |
| case evt.KEY_DOWN_ARROW: |
| rval = this._moveToNext(evt); |
| break; |
| case evt.KEY_UP_ARROW: |
| rval = this._moveToPrevious(evt); |
| break; |
| case evt.KEY_RIGHT_ARROW: |
| rval = this._moveToChildMenu(evt); |
| break; |
| case evt.KEY_LEFT_ARROW: |
| rval = this._moveToParentMenu(evt); |
| break; |
| case " ": |
| case evt.KEY_ENTER: |
| if (rval = this._selectCurrentItem(evt)) { |
| break; |
| } |
| case evt.KEY_ESCAPE: |
| case evt.KEY_TAB: |
| this.close(true); |
| rval = true; |
| break; |
| } |
| return rval; |
| }, _findValidItem:function (dir, curItem) { |
| if (curItem) { |
| curItem = dir > 0 ? curItem.getNextSibling() : curItem.getPreviousSibling(); |
| } |
| for (var i = 0; i < this.children.length; ++i) { |
| if (!curItem) { |
| curItem = dir > 0 ? this.children[0] : this.children[this.children.length - 1]; |
| } |
| if (curItem.onHover && curItem.isShowing()) { |
| return curItem; |
| } |
| curItem = dir > 0 ? curItem.getNextSibling() : curItem.getPreviousSibling(); |
| } |
| }, _highlightOption:function (dir) { |
| var item; |
| if ((!this._highlighted_option)) { |
| item = this._findValidItem(dir); |
| } else { |
| item = this._findValidItem(dir, this._highlighted_option); |
| } |
| if (item) { |
| if (this._highlighted_option) { |
| this._highlighted_option.onUnhover(); |
| } |
| item.onHover(); |
| dojo.html.scrollIntoView(item.domNode); |
| try { |
| var node = dojo.html.getElementsByClass("dojoMenuItem2Label", item.domNode)[0]; |
| node.focus(); |
| } |
| catch (e) { |
| } |
| } |
| }, onItemClick:function (item) { |
| }, closeSubmenu:function (force) { |
| if (this.currentSubmenu == null) { |
| return; |
| } |
| this.currentSubmenu.close(force); |
| this.currentSubmenu = null; |
| this.currentSubmenuTrigger.is_open = false; |
| this.currentSubmenuTrigger._closedSubmenu(force); |
| this.currentSubmenuTrigger = null; |
| }}); |
| dojo.widget.defineWidget("dojo.widget.PopupMenu2", [dojo.widget.HtmlWidget, dojo.widget.PopupContainerBase, dojo.widget.MenuBase], function () { |
| this.targetNodeIds = []; |
| }, {templateString:"<table class=\"dojoPopupMenu2\" border=0 cellspacing=0 cellpadding=0 style=\"display: none; position: absolute;\">" + "<tbody dojoAttachPoint=\"containerNode\"></tbody>" + "</table>", submenuOverlap:5, contextMenuForWindow:false, parentMenu:null, postCreate:function () { |
| if (this.contextMenuForWindow) { |
| var doc = dojo.body(); |
| this.bindDomNode(doc); |
| } else { |
| if (this.targetNodeIds.length > 0) { |
| dojo.lang.forEach(this.targetNodeIds, this.bindDomNode, this); |
| } |
| } |
| this._subscribeSubitemsOnOpen(); |
| }, _subscribeSubitemsOnOpen:function () { |
| var subItems = this.getChildrenOfType(dojo.widget.MenuItem2); |
| for (var i = 0; i < subItems.length; i++) { |
| dojo.event.topic.subscribe(this.eventNames.open, subItems[i], "menuOpen"); |
| } |
| }, getTopOpenEvent:function () { |
| var menu = this; |
| while (menu.parentMenu) { |
| menu = menu.parentMenu; |
| } |
| return menu.openEvent; |
| }, bindDomNode:function (node) { |
| node = dojo.byId(node); |
| var win = dojo.html.getElementWindow(node); |
| if (dojo.html.isTag(node, "iframe") == "iframe") { |
| win = dojo.html.iframeContentWindow(node); |
| node = dojo.withGlobal(win, dojo.body); |
| } |
| dojo.widget.Menu2.OperaAndKonqFixer.fixNode(node); |
| dojo.event.kwConnect({srcObj:node, srcFunc:"oncontextmenu", targetObj:this, targetFunc:"onOpen", once:true}); |
| if (dojo.render.html.moz && win.document.designMode.toLowerCase() == "on") { |
| dojo.event.browser.addListener(node, "contextmenu", dojo.lang.hitch(this, "onOpen")); |
| } |
| dojo.widget.PopupManager.registerWin(win); |
| }, unBindDomNode:function (nodeName) { |
| var node = dojo.byId(nodeName); |
| dojo.event.kwDisconnect({srcObj:node, srcFunc:"oncontextmenu", targetObj:this, targetFunc:"onOpen", once:true}); |
| dojo.widget.Menu2.OperaAndKonqFixer.cleanNode(node); |
| }, _openAsSubmenu:function (parent, explodeSrc, orient) { |
| if (this.isShowingNow) { |
| return; |
| } |
| this.parentMenu = parent; |
| this.open(explodeSrc, parent, explodeSrc, orient); |
| }, close:function (force) { |
| if (this.animationInProgress) { |
| dojo.widget.PopupContainerBase.prototype.close.call(this, force); |
| return; |
| } |
| if (this._highlighted_option) { |
| this._highlighted_option.onUnhover(); |
| } |
| dojo.widget.PopupContainerBase.prototype.close.call(this, force); |
| this.parentMenu = null; |
| }, closeAll:function (force) { |
| if (this.parentMenu) { |
| this.parentMenu.closeAll(force); |
| } else { |
| this.close(force); |
| } |
| }, _openSubmenu:function (submenu, from_item) { |
| submenu._openAsSubmenu(this, from_item.arrow, {"TR":"TL", "TL":"TR"}); |
| this.currentSubmenu = submenu; |
| this.currentSubmenuTrigger = from_item; |
| this.currentSubmenuTrigger.is_open = true; |
| }, focus:function () { |
| if (this.currentSubmenuTrigger) { |
| if (this.currentSubmenuTrigger.caption) { |
| try { |
| this.currentSubmenuTrigger.caption.focus(); |
| } |
| catch (e) { |
| } |
| } else { |
| try { |
| this.currentSubmenuTrigger.domNode.focus(); |
| } |
| catch (e) { |
| } |
| } |
| } |
| }, onOpen:function (e) { |
| this.openEvent = e; |
| if (e["target"]) { |
| this.openedForWindow = dojo.html.getElementWindow(e.target); |
| } else { |
| this.openedForWindow = null; |
| } |
| var x = e.pageX, y = e.pageY; |
| var win = dojo.html.getElementWindow(e.target); |
| var iframe = win._frameElement || win.frameElement; |
| if (iframe) { |
| var cood = dojo.html.abs(iframe, true); |
| x += cood.x - dojo.withGlobal(win, dojo.html.getScroll).left; |
| y += cood.y - dojo.withGlobal(win, dojo.html.getScroll).top; |
| } |
| this.open(x, y, null, [x, y]); |
| dojo.event.browser.stopEvent(e); |
| }}); |
| dojo.widget.defineWidget("dojo.widget.MenuItem2", dojo.widget.HtmlWidget, function () { |
| this.eventNames = {engage:""}; |
| }, {templateString:"<tr class=\"dojoMenuItem2\" dojoAttachEvent=\"onMouseOver: onHover; onMouseOut: onUnhover; onClick: _onClick; onKey:onKey;\">" + "<td><div class=\"${this.iconClass}\" style=\"${this.iconStyle}\"></div></td>" + "<td tabIndex=\"-1\" class=\"dojoMenuItem2Label\" dojoAttachPoint=\"caption\">${this.caption}</td>" + "<td class=\"dojoMenuItem2Accel\">${this.accelKey}</td>" + "<td><div class=\"dojoMenuItem2Submenu\" style=\"display:${this.arrowDisplay};\" dojoAttachPoint=\"arrow\"></div></td>" + "</tr>", is_hovering:false, hover_timer:null, is_open:false, topPosition:0, caption:"Untitled", accelKey:"", iconSrc:"", disabledClass:"dojoMenuItem2Disabled", iconClass:"dojoMenuItem2Icon", submenuId:"", eventNaming:"default", highlightClass:"dojoMenuItem2Hover", postMixInProperties:function () { |
| this.iconStyle = ""; |
| if (this.iconSrc) { |
| if ((this.iconSrc.toLowerCase().substring(this.iconSrc.length - 4) == ".png") && (dojo.render.html.ie55 || dojo.render.html.ie60)) { |
| this.iconStyle = "filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.iconSrc + "', sizingMethod='image')"; |
| } else { |
| this.iconStyle = "background-image: url(" + this.iconSrc + ")"; |
| } |
| } |
| this.arrowDisplay = this.submenuId ? "block" : "none"; |
| dojo.widget.MenuItem2.superclass.postMixInProperties.apply(this, arguments); |
| }, fillInTemplate:function () { |
| dojo.html.disableSelection(this.domNode); |
| if (this.disabled) { |
| this.setDisabled(true); |
| } |
| if (this.eventNaming == "default") { |
| for (var eventName in this.eventNames) { |
| this.eventNames[eventName] = this.widgetId + "/" + eventName; |
| } |
| } |
| }, onHover:function () { |
| this.onUnhover(); |
| if (this.is_hovering) { |
| return; |
| } |
| if (this.is_open) { |
| return; |
| } |
| if (this.parent._highlighted_option) { |
| this.parent._highlighted_option.onUnhover(); |
| } |
| this.parent.closeSubmenu(); |
| this.parent._highlighted_option = this; |
| dojo.widget.PopupManager.setFocusedMenu(this.parent); |
| this._highlightItem(); |
| if (this.is_hovering) { |
| this._stopSubmenuTimer(); |
| } |
| this.is_hovering = true; |
| this._startSubmenuTimer(); |
| }, onUnhover:function () { |
| if (!this.is_open) { |
| this._unhighlightItem(); |
| } |
| this.is_hovering = false; |
| this.parent._highlighted_option = null; |
| if (this.parent.parentMenu) { |
| dojo.widget.PopupManager.setFocusedMenu(this.parent.parentMenu); |
| } |
| this._stopSubmenuTimer(); |
| }, _onClick:function (focus) { |
| var displayingSubMenu = false; |
| if (this.disabled) { |
| return false; |
| } |
| if (this.submenuId) { |
| if (!this.is_open) { |
| this._stopSubmenuTimer(); |
| this._openSubmenu(); |
| } |
| displayingSubMenu = true; |
| } else { |
| this.onUnhover(); |
| this.parent.closeAll(true); |
| } |
| this.onClick(); |
| dojo.event.topic.publish(this.eventNames.engage, this); |
| if (displayingSubMenu && focus) { |
| dojo.widget.getWidgetById(this.submenuId)._highlightOption(1); |
| } |
| return; |
| }, onClick:function () { |
| this.parent.onItemClick(this); |
| }, _highlightItem:function () { |
| dojo.html.addClass(this.domNode, this.highlightClass); |
| }, _unhighlightItem:function () { |
| dojo.html.removeClass(this.domNode, this.highlightClass); |
| }, _startSubmenuTimer:function () { |
| this._stopSubmenuTimer(); |
| if (this.disabled) { |
| return; |
| } |
| var self = this; |
| var closure = function () { |
| return function () { |
| self._openSubmenu(); |
| }; |
| }(); |
| this.hover_timer = dojo.lang.setTimeout(closure, this.parent.submenuDelay); |
| }, _stopSubmenuTimer:function () { |
| if (this.hover_timer) { |
| dojo.lang.clearTimeout(this.hover_timer); |
| this.hover_timer = null; |
| } |
| }, _openSubmenu:function () { |
| if (this.disabled) { |
| return; |
| } |
| this.parent.closeSubmenu(); |
| var submenu = dojo.widget.getWidgetById(this.submenuId); |
| if (submenu) { |
| this.parent._openSubmenu(submenu, this); |
| } |
| }, _closedSubmenu:function () { |
| this.onUnhover(); |
| }, setDisabled:function (value) { |
| this.disabled = value; |
| if (this.disabled) { |
| dojo.html.addClass(this.domNode, this.disabledClass); |
| } else { |
| dojo.html.removeClass(this.domNode, this.disabledClass); |
| } |
| }, enable:function () { |
| this.setDisabled(false); |
| }, disable:function () { |
| this.setDisabled(true); |
| }, menuOpen:function (message) { |
| }}); |
| dojo.widget.defineWidget("dojo.widget.MenuSeparator2", dojo.widget.HtmlWidget, {templateString:"<tr class=\"dojoMenuSeparator2\"><td colspan=4>" + "<div class=\"dojoMenuSeparator2Top\"></div>" + "<div class=\"dojoMenuSeparator2Bottom\"></div>" + "</td></tr>", postCreate:function () { |
| dojo.html.disableSelection(this.domNode); |
| }}); |
| dojo.widget.defineWidget("dojo.widget.MenuBar2", [dojo.widget.HtmlWidget, dojo.widget.MenuBase], {menuOverlap:2, templateString:"<div class=\"dojoMenuBar2\" dojoAttachPoint=\"containerNode\" tabIndex=\"0\"></div>", close:function (force) { |
| if (this._highlighted_option) { |
| this._highlighted_option.onUnhover(); |
| } |
| this.closeSubmenu(force); |
| }, closeAll:function (force) { |
| this.close(force); |
| }, processKey:function (evt) { |
| if (evt.ctrlKey || evt.altKey) { |
| return false; |
| } |
| var rval = false; |
| switch (evt.key) { |
| case evt.KEY_DOWN_ARROW: |
| rval = this._moveToChildMenu(evt); |
| break; |
| case evt.KEY_UP_ARROW: |
| rval = this._moveToParentMenu(evt); |
| break; |
| case evt.KEY_RIGHT_ARROW: |
| rval = this._moveToNext(evt); |
| break; |
| case evt.KEY_LEFT_ARROW: |
| rval = this._moveToPrevious(evt); |
| break; |
| default: |
| rval = dojo.widget.MenuBar2.superclass.processKey.apply(this, arguments); |
| break; |
| } |
| return rval; |
| }, postCreate:function () { |
| dojo.widget.MenuBar2.superclass.postCreate.apply(this, arguments); |
| this.isShowingNow = true; |
| }, _openSubmenu:function (submenu, from_item) { |
| submenu._openAsSubmenu(this, from_item.domNode, {"BL":"TL", "TL":"BL"}); |
| this.currentSubmenu = submenu; |
| this.currentSubmenuTrigger = from_item; |
| this.currentSubmenuTrigger.is_open = true; |
| }}); |
| dojo.widget.defineWidget("dojo.widget.MenuBarItem2", dojo.widget.MenuItem2, {templateString:"<span class=\"dojoMenuItem2\" dojoAttachEvent=\"onMouseOver: onHover; onMouseOut: onUnhover; onClick: _onClick;\">${this.caption}</span>"}); |
| dojo.widget.Menu2.OperaAndKonqFixer = new function () { |
| var implement = true; |
| var delfunc = false; |
| if (!dojo.lang.isFunction(dojo.doc().oncontextmenu)) { |
| dojo.doc().oncontextmenu = function () { |
| implement = false; |
| delfunc = true; |
| }; |
| } |
| if (dojo.doc().createEvent) { |
| try { |
| var e = dojo.doc().createEvent("MouseEvents"); |
| e.initMouseEvent("contextmenu", 1, 1, dojo.global(), 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, null); |
| dojo.doc().dispatchEvent(e); |
| } |
| catch (e) { |
| } |
| } else { |
| implement = false; |
| } |
| if (delfunc) { |
| delete dojo.doc().oncontextmenu; |
| } |
| this.fixNode = function (node) { |
| if (implement) { |
| if (!dojo.lang.isFunction(node.oncontextmenu)) { |
| node.oncontextmenu = function (e) { |
| }; |
| } |
| if (dojo.render.html.opera) { |
| node._menufixer_opera = function (e) { |
| if (e.ctrlKey) { |
| this.oncontextmenu(e); |
| } |
| }; |
| dojo.event.connect(node, "onclick", node, "_menufixer_opera"); |
| } else { |
| node._menufixer_konq = function (e) { |
| if (e.button == 2) { |
| e.preventDefault(); |
| this.oncontextmenu(e); |
| } |
| }; |
| dojo.event.connect(node, "onmousedown", node, "_menufixer_konq"); |
| } |
| } |
| }; |
| this.cleanNode = function (node) { |
| if (implement) { |
| if (node._menufixer_opera) { |
| dojo.event.disconnect(node, "onclick", node, "_menufixer_opera"); |
| delete node._menufixer_opera; |
| } else { |
| if (node._menufixer_konq) { |
| dojo.event.disconnect(node, "onmousedown", node, "_menufixer_konq"); |
| delete node._menufixer_konq; |
| } |
| } |
| if (node.oncontextmenu) { |
| delete node.oncontextmenu; |
| } |
| } |
| }; |
| }; |
| |
