" +
this.getIconCellHtml() +
this.getTextCellHtml() +
this.getShortcutCellHtml() +
this.getSubMenuArrowCellHtml() +
"";
};
MenuItem.prototype.getTextHtml = function () {
var s = this.text;
if (this.mnemonic == null)
return s;
// replace character with character
var re = new RegExp( "(" + this.mnemonic + ")", "i" );
var a = re.exec( s );
var c = a != null ? a[1] : "";
return s.replace( re, "" + c + "" );
};
MenuItem.prototype.getIconHtml = function () {
return this.icon != "" ? "![](\"")
" : " ";
};
MenuItem.prototype.getTextCellHtml = function () {
return "" +
this.makeDisabledContainer(
this.getTextHtml()
) +
" | ";
};
MenuItem.prototype.getIconCellHtml = function () {
return "" +
this.makeDisabledContainer(
this.getIconHtml()
) +
" | ";
};
MenuItem.prototype.getCssClass = function () {
if ( this.disabled && this._selected )
return "disabled-hover";
else if ( this.disabled )
return "disabled";
else if ( this._selected )
return "hover";
return "";
};
MenuItem.prototype.getToolTip = function () {
return this.toolTip;
};
MenuItem.prototype.getShortcutHtml = function () {
if ( this.shortcut == null )
return " ";
return this.shortcut;
};
MenuItem.prototype.getShortcutCellHtml = function () {
return "" +
this.makeDisabledContainer(
this.getShortcutHtml()
) +
" | ";
};
MenuItem.prototype.getSubMenuArrowHtml = function () {
if ( this.subMenu == null )
return " ";
return 4; // right arrow using the marlett (or webdings) font
};
MenuItem.prototype.getSubMenuArrowCellHtml = function () {
return "" +
this.makeDisabledContainer(
this.getSubMenuArrowHtml()
) +
" | ";
};
MenuItem.prototype.makeDisabledContainer = function ( s ) {
if ( this.disabled )
return "" +
s + "";
return s;
};
MenuItem.prototype.dispatchAction = function () {
if ( this.disabled )
return;
this.setSelected( true );
if ( this.subMenu ) {
if ( !this.subMenu.isShown() )
this.showSubMenu( false );
return;
}
if ( typeof this.action == "function" ) {
this.setSelected( false );
this.parentMenu.closeAllMenus();
this.action();
}
else if ( typeof this.action == "string" ) { // href
this.setSelected( false );
this.parentMenu.closeAllMenus();
if ( this.target != null )
window.open( this.action, this.target );
else
document.location.href = this.action;
}
};
MenuItem.prototype.setSelected = function ( bSelected ) {
if ( this._selected == bSelected ) return;
this._selected = Boolean( bSelected );
var tr = this._htmlElement;
if ( tr )
tr.className = this.getCssClass();
if ( !this._selected )
this.closeSubMenu( true );
var pm = this.parentMenu;
if ( bSelected ) {
pm.setSelectedIndex( this.itemIndex );
this.scrollIntoView();
// select item in parent menu as well
if ( pm.parentMenuItem )
pm.parentMenuItem.setSelected( true );
}
else
pm.setSelectedIndex( -1 );
if ( this._selected ) {
// clear timers for parent menu
window.clearTimeout( pm._closeTimer );
}
};
MenuItem.prototype.getSelected = function () {
return this.itemIndex == this.parentMenu.selectedIndex;
};
MenuItem.prototype.showSubMenu = function ( bDelayed ) {
var sm = this.subMenu;
var pm = this.parentMenu;
if ( sm && !this.disabled ) {
pm._aboutToShowSubMenu = true;
window.clearTimeout( sm._showTimer );
window.clearTimeout( sm._closeTimer );
var showTimeout = bDelayed ? sm.showTimeout : 0;
var oThis = this;
sm._showTimer = window.setTimeout( function () {
var selectedIndex = sm.getSelectedIndex();
pm.closeAllSubs( sm );
window.setTimeout( function () {
oThis.positionSubMenu();
sm.setSelectedIndex( selectedIndex );
oThis.setSelected( true );
}, 1 );
}, showTimeout );
}
};
MenuItem.prototype.closeSubMenu = function ( bDelay ) {
var sm = this.subMenu;
if ( sm ) {
window.clearTimeout( sm._showTimer );
window.clearTimeout( sm._closeTimer );
if ( sm.popup ) {
if ( !bDelay )
sm.close();
else {
var oThis = this;
sm._closeTimer = window.setTimeout( function () {
sm.close();
}, sm.closeTimeout );
}
}
}
};
MenuItem.prototype.scrollIntoView = function () {
if ( this.parentMenu._scrollingMode ) {
var d = this.parentMenu.getDocument();
var sc = d.getElementById( "scroll-container" );
var scrollTop = sc.scrollTop;
var clientHeight = sc.clientHeight;
var offsetTop = this._htmlElement.offsetTop;
var offsetHeight = this._htmlElement.offsetHeight;
if ( offsetTop < scrollTop )
sc.scrollTop = offsetTop;
else if ( offsetTop + offsetHeight > scrollTop + clientHeight )
sc.scrollTop = offsetTop + offsetHeight - clientHeight;
}
};
MenuItem.prototype.positionSubMenu = function () {
var dir = this.subMenuDirection;
var el = this._htmlElement;
var useInsets = this._useInsets;
var sm = this.subMenu;
// find parent item rectangle
var rect = {
left: posLib.getScreenLeft( el ),
top: posLib.getScreenTop( el ),
width: el.offsetWidth,
height: el.offsetHeight
};
var menuRect = {
left: sm.getLeft(),
top: sm.getTop(),
width: sm.getPreferredWidth(),
height: sm.getPreferredHeight(),
insetLeft: useInsets ? sm.getInsetLeft() : 0,
insetRight: useInsets ? sm.getInsetRight() : 0,
insetTop: useInsets ? sm.getInsetTop() : 0,
insetBottom: useInsets ? sm.getInsetBottom() : 0
};
var left, top, width = menuRect.width, height = menuRect.height;
if ( dir == "vertical" ) {
if ( rect.left + menuRect.width <= screen.width )
left = rect.left;
else if ( screen.width >= menuRect.width )
left = screen.width - menuRect.width;
else
left = 0;
if ( rect.top + rect.height + menuRect.height <= screen.height )
top = rect.top + rect.height;
else if ( rect.top - menuRect.height >= 0 )
top = rect.top - menuRect.height;
else { // use largest and resize
var sizeAbove = rect.top;
var sizeBelow = screen.height - rect.top - rect.height;
if ( sizeBelow >= sizeAbove ) {
top = rect.top + rect.height;
height = sizeBelow;
}
else {
top = 0;
height = sizeAbove;
}
}
}
else {
if ( rect.top + menuRect.height - menuRect.insetTop <= screen.height )
top = rect.top - menuRect.insetTop;
else if ( rect.top + rect.height - menuRect.height + menuRect.insetBottom >= 0)
top = rect.top + rect.height - menuRect.height + menuRect.insetBottom;
else if ( screen.height >= menuRect.height )
top = screen.height - menuRect.height;
else {
top = 0;
height = screen.height
}
if ( rect.left + rect.width + menuRect.width - menuRect.insetLeft <= screen.width )
left = rect.left + rect.width - menuRect.insetLeft;
else if ( rect.left - menuRect.width + menuRect.insetRight >= 0 )
left = rect.left - menuRect.width + menuRect.insetRight;
else if ( screen.width >= menuRect.width )
left = screen.width - menuRect.width;
else
left = 0;
}
var scrollBefore = sm._scrollingMode;
sm.show( left, top, width, height );
if ( sm._scrollingMode != scrollBefore )
this.positionSubMenu();
};
///////////////////////////////////////////////////////////////////////////////
// CheckBoxMenuItem extends MenuItem
//
function CheckBoxMenuItem( sLabelText, bChecked, fAction, oSubMenu ) {
this.MenuItem = MenuItem;
this.MenuItem( sLabelText, fAction, null, oSubMenu);
// public
this.checked = bChecked;
}
CheckBoxMenuItem.prototype = new MenuItem;
CheckBoxMenuItem.prototype.getIconHtml = function () {
return "" +
(this.checked ? "a" : " ") +
"";
};
CheckBoxMenuItem.prototype.getIconCellHtml = function () {
return "" +
this.makeDisabledContainer(
this.getIconHtml()
) +
" | ";
};
CheckBoxMenuItem.prototype.getCssClass = function () {
var s = (this.checked ? " checked" : "");
if ( this.disabled && this._selected )
return "disabled-hover" + s;
else if ( this.disabled )
return "disabled" + s;
else if ( this._selected )
return "hover" + s;
return s;
};
CheckBoxMenuItem.prototype._menuItem_dispatchAction =
MenuItem.prototype.dispatchAction;
CheckBoxMenuItem.prototype.dispatchAction = function () {
if (!this.disabled) {
this.checked = !this.checked;
this._menuItem_dispatchAction();
this.parentMenu.invalidate();
this.parentMenu.closeAllMenus();
}
};
///////////////////////////////////////////////////////////////////////////////
// RadioButtonMenuItem extends MenuItem
//
function RadioButtonMenuItem( sLabelText, bChecked, sRadioGroupName, fAction, oSubMenu ) {
this.MenuItem = MenuItem;
this.MenuItem( sLabelText, fAction, null, oSubMenu);
// public
this.checked = bChecked;
this.radioGroupName = sRadioGroupName;
}
RadioButtonMenuItem.prototype = new MenuItem;
RadioButtonMenuItem.prototype.getIconHtml = function () {
return "" +
(this.checked ? "n" : " ") +
"";
};
RadioButtonMenuItem.prototype.getIconCellHtml = function () {
return "" +
this.makeDisabledContainer(
this.getIconHtml()
) +
" | ";
};
RadioButtonMenuItem.prototype.getCssClass = function () {
var s = (this.checked ? " checked" : "");
if ( this.disabled && this._selected )
return "disabled-hover" + s;
else if ( this.disabled )
return "disabled" + s;
else if ( this._selected )
return "hover" + s;
return s;
};
RadioButtonMenuItem.prototype._menuItem_dispatchAction =
MenuItem.prototype.dispatchAction;
RadioButtonMenuItem.prototype.dispatchAction = function () {
if (!this.disabled) {
if ( !this.checked ) {
// loop through items in parent menu
var items = this.parentMenu.items;
var l = items.length;
for ( var i = 0; i < l; i++ ) {
if ( items[i] instanceof RadioButtonMenuItem ) {
if ( items[i].radioGroupName == this.radioGroupName ) {
items[i].checked = items[i] == this;
}
}
}
this.parentMenu.invalidate();
}
this._menuItem_dispatchAction();
this.parentMenu.closeAllMenus();
}
};
///////////////////////////////////////////////////////////////////////////////
// MenuSeparator extends MenuItem
//
function MenuSeparator() {
this.MenuItem = MenuItem;
this.MenuItem();
}
MenuSeparator.prototype = new MenuItem;
MenuSeparator.prototype.toHtml = function () {
return "| " +
"" +
" |
";
};
MenuSeparator.prototype.getCssClass = function () {
return "separator";
};
////////////////////////////////////////////////////////////////////////////////////
// MenuBar extends Menu
//
function MenuBar() {
this.items = [];
this.parentMenu = null;
this.parentMenuItem = null;
this.shownSubMenu = null;
this._aboutToShowSubMenu = false;
this.id = document.uniqueID;
this.active = false;
}
MenuBar.prototype = new Menu;
MenuBar.leftMouseButton = 1;
MenuBar.prototype.toHtml = function () {
var items = this.items;
var l = items.length;
var itemsHtml = new Array( l );
for (var i = 0; i < l; i++ )
itemsHtml[i] = items[i].toHtml();
return "";
};
MenuBar.prototype.createPopup = function () {};
MenuBar.prototype.getPopup= function () {};
MenuBar.prototype.drawMenu = function () {};
MenuBar.prototype.getDocument = function () {
return document;
};
MenuBar.prototype.show = function ( left, top, w, h ) {};
MenuBar.prototype.isShown = function () { return true; };
MenuBar.prototype.fixSize = function () {}
MenuBar.prototype.getWidth = function () {
return this._htmlElement.offsetWidth;
};
MenuBar.prototype.getHeight = function () {
return this._htmlElement.offsetHeight;
};
MenuBar.prototype.getPreferredWidth = function () {
var el = this._htmlElement;
el.runtimStyle.whiteSpace = "nowrap";
var sw = el.scrollWidth;
el.runtimStyle.whiteSpace = "";
return sw + parseInt( el.currentStyle.borderLeftWidth ) +
parseInt( el.currentStyle.borderRightWidth );
};
MenuBar.prototype.getPreferredHeight = function () {
var el = this._htmlElement;
el.runtimStyle.whiteSpace = "nowrap";
var sw = el.scrollHeight;
el.runtimStyle.whiteSpace = "";
return sw + parseInt( el.currentStyle.borderTopWidth ) +
parseInt( el.currentStyle.borderBottomWidth );
};
MenuBar.prototype.getLeft = function () {
return posLib.getScreenLeft( this._htmlElement );
};
MenuBar.prototype.getTop = function () {
return posLib.getScreenLeft( this._htmlElement );
};
MenuBar.prototype.setLeft = function ( l ) {};
MenuBar.prototype.setTop = function ( t ) {};
MenuBar.prototype.setLocation = function ( l, t ) {};
MenuBar.prototype.setRect = function ( l, t, w, h ) {};
MenuBar.prototype.getInsetLeft = function () {
return parseInt( this._htmlElement.currentStyle.borderLeftWidth );
};
MenuBar.prototype.getInsetRight = function () {
return parseInt( this._htmlElement.currentStyle.borderRightWidth );
};
MenuBar.prototype.getInsetTop = function () {
return parseInt( this._htmlElement.currentStyle.borderTopWidth );
};
MenuBar.prototype.getInsetBottom = function () {
return parseInt( this._htmlElement.currentStyle.borderBottomWidth );
};
MenuBar.prototype.fixScrollButtons = function () {};
MenuBar.prototype.fixScrollEnabledState = function () {};
MenuBar.prototype.hookupMenu = function ( element ) {
// create shortcut to html element
this._htmlElement = element;
element.unselectable = "on";
// and same for menu buttons
var cs = element.childNodes;
var items = this.items;
var l = cs.length;
for ( var i = 0; i < l; i++ ) {
items[i]._htmlElement = cs[i];
cs[i]._menuItem = items[i];
}
var oThis = this;
// hook up events
element.attachEvent( "onmouseover", function () {
var e = window.event;
var fromEl = getMenuItemElement( e.fromElement );
var toEl = getMenuItemElement( e.toElement );
if ( toEl != null && toEl != fromEl ) {
var mb = toEl._menuItem;
var m = mb.parentMenu;
if ( m.getActiveState() == "open" ) {
window.setTimeout( function () {
mb.dispatchAction();
}, 1);
}
else if ( m.getActiveState() == "active" ) {
mb.setSelected( true );
}
else {
mb._hover = true;
toEl.className = mb.getCssClass();
}
}
});
element.attachEvent( "onmouseout", function () {
var e = window.event;
var fromEl = getMenuItemElement( e.fromElement );
var toEl = getMenuItemElement( e.toElement );
if ( fromEl != null && toEl != fromEl ) {
var mb = fromEl._menuItem;
mb._hover = false;
fromEl.className = mb.getCssClass();
}
});
element.attachEvent( "onmousedown", function () {
var e = window.event;
if ( e.button != MenuBar.leftMouseButton )
return;
var el = getMenuItemElement( e.srcElement );
if ( el != null ) {
var mb = el._menuItem;
if ( mb.subMenu ) {
mb.subMenu._checkCloseState();
if ( new Date() - mb.subMenu._closedAt > 100 ) { // longer than the time to
// do the hide
mb.dispatchAction();
}
else {
mb._hover = true;
mb._htmlElement.className = mb.getCssClass();
}
}
}
});
document.attachEvent( "onkeydown", function () {
oThis.handleKeyEvent( window.event );
});
};
function getMenuItemElement( el ) {
while ( el != null && el._menuItem == null)
el = el.parentNode;
return el;
}
function getTrElement( el ) {
while ( el != null && el.tagName != "TR" )
el = el.parentNode;
return el;
}
MenuBar.prototype.write = function () {
document.write( this.toHtml() );
var el = document.getElementById( this.id );
this.hookupMenu( el );
};
MenuBar.prototype.create = function () {
var dummyDiv = document.createElement( "DIV" );
dummyDiv.innerHTML = this.toHtml();
var el = dummyDiv.removeChild( dummyDiv.firstChild );
this.hookupMenu( el );
return el;
};
MenuBar.prototype.handleKeyEvent = function ( e ) {
if ( this.getActiveState() == "open" )
return;
var nKeyCode = e.keyCode;
if ( this.active && e[ Menu.keyboardAccelProperty ] ) {
e.returnValue = false;
e.keyCode = 0;
}
if ( nKeyCode == Menu.keyboardAccelKey ) {
if ( !e.repeat ) {
this.toggleActive();
}
e.returnValue = false;
e.keyCode = 0;
return;
}
if ( !this.active )
return;
switch ( nKeyCode ) {
case 39: // right
this.goToNextMenuItem();
break;
case 37: // left
this.goToPreviousMenuItem();
break;
case 40: // down
case 38: // up
case 13: // enter
var mi = this.items[ this.getSelectedIndex() ];
if ( mi ) {
mi.dispatchAction();
if ( mi.subMenu )
mi.subMenu.setSelectedIndex( 0 );
}
break;
case 27: // esc
// we need to make sure that the menu bar looses its current
// keyboard activation state
this.setActive( false );
break;
default:
// find any mnemonic that matches
var c = String.fromCharCode( nKeyCode ).toLowerCase();
var items = this.items;
var l = items.length;
for ( var i = 0; i < l; i++ ) {
if ( items[i].mnemonic == c ) {
items[i].dispatchAction();
break;
}
}
}
};
MenuBar.prototype.getMenuBar = function () {
return this;
};
MenuBar.prototype._menu_goToNextMenuItem = Menu.prototype.goToNextMenuItem;
MenuBar.prototype.goToNextMenuItem = function () {
var expand = this.getActiveState() == "open";
this._menu_goToNextMenuItem();
var mi = this.items[ this.getSelectedIndex() ];
if ( expand && mi != null ) {
window.setTimeout( function () {
mi.dispatchAction();
if ( mi.subMenu )
mi.subMenu.setSelectedIndex( 0 );
}, 1 );
}
};
MenuBar.prototype._menu_goToPreviousMenuItem = Menu.prototype.goToPreviousMenuItem;
MenuBar.prototype.goToPreviousMenuItem = function () {
var expand = this.getActiveState() == "open";
this._menu_goToPreviousMenuItem();
var mi = this.items[ this.getSelectedIndex() ];
if ( expand && mi != null ) {
window.setTimeout( function () {
mi.dispatchAction();
if ( mi.subMenu )
mi.subMenu.setSelectedIndex( 0 );
}, 1 );
}
};
MenuBar.prototype._menu_setSelectedIndex = Menu.prototype.setSelectedIndex;
MenuBar.prototype.setSelectedIndex = function ( nIndex ) {
this._menu_setSelectedIndex( nIndex );
this.active = nIndex != -1;
};
MenuBar.prototype.setActive = function ( bActive ) {
if ( this.active != bActive ) {
this.active = Boolean( bActive );
if ( this.active ) {
this.setSelectedIndex( 0 );
this.backupFocused();
window.focus();
}
else {
this.setSelectedIndex( -1 );
this.restoreFocused();
}
}
};
MenuBar.prototype.toggleActive = function () {
if ( this.getActiveState() == "active" )
this.setActive( false );
else if ( this.getActiveState() == "inactive" )
this.setActive( true );
};
// returns active, inactive or open
MenuBar.prototype.getActiveState = function () {
if ( this.shownSubMenu != null || this._aboutToShowSubMenu)
return "open";
else if ( this.active )
return "active";
else
return "inactive";
};
MenuBar.prototype.backupFocused = function () {
this._activeElement = document.activeElement;
};
MenuBar.prototype.restoreFocused = function () {
try {
this._activeElement.focus();
}
catch (ex) {}
delete this._activeElement;
};
////////////////////////////////////////////////////////////////////////////////////
// MenuButton extends MenuItem
//
function MenuButton( sLabelText, oSubMenu ) {
this.MenuItem = MenuItem;
this.MenuItem( sLabelText, null, null, oSubMenu );
this.subMenuDirection = "vertical";
// private
this._hover = false;
this._useInsets = false; // should insets be taken into account when showing sub menu
var oThis = this;
this.subMenu._onclose = function () {
oThis.subMenuClosed();
};
}
MenuButton.prototype = new MenuItem;
MenuButton.prototype.scrollIntoView = function () {};
MenuButton.prototype.toHtml = function () {
var cssClass = this.getCssClass();
var toolTip = this.getToolTip();
return "" +
"" +
this.getTextHtml() +
"" +
"" +
"";
};
MenuButton.prototype.getCssClass = function () {
if ( this.disabled && this._selected )
return "menu-button disabled-hover";
else if ( this.disabled )
return "menu-button disabled";
else if ( this._selected ) {
if ( this.parentMenu.getActiveState() == "open" ) {
return "menu-button active";
}
else
return "menu-button hover";
}
else if ( this._hover )
return "menu-button hover";
return "menu-button ";
};
MenuButton.prototype.subMenuClosed = function () {
if ( this.subMenu._closeReason == "escape" )
this.setSelected( true );
else
this.setSelected( false );
if ( this.parentMenu.getActiveState() == "inactive" )
this.parentMenu.restoreFocused();
};
MenuButton.prototype.setSelected = function ( bSelected ) {
var oldSelected = this._selected;
this._selected = Boolean( bSelected );
var tr = this._htmlElement;
if ( tr )
tr.className = this.getCssClass();
if ( this._selected == oldSelected )
return;
if ( !this._selected )
this.closeSubMenu( true );
if ( bSelected ) {
this.parentMenu.setSelectedIndex( this.itemIndex );
this.scrollIntoView();
}
else
this.parentMenu.setSelectedIndex( -1 );
};