Permalink
Browse files

Menubar: Added the autoExpand option and modified the default demo to…

… show functionality
  • Loading branch information...
1 parent ab627e0 commit 40aa8f57151b0a01f33389482e5676725fd50ae7 @kborchers committed Jul 7, 2011
Showing with 23 additions and 1 deletion.
  1. +1 −0 demos/menubar/default.html
  2. +22 −1 ui/jquery.ui.menubar.js
@@ -23,6 +23,7 @@
});
$(".menubar-icons").menubar({
+ autoExpand: true,
menuIcon: true,
buttons: true,
position: {
View
@@ -20,6 +20,7 @@
$.widget( "ui.menubar", {
version: "@VERSION",
options: {
+ autoExpand: false,
buttons: false,
menuIcon: false,
position: {
@@ -89,7 +90,11 @@ $.widget( "ui.menubar", {
that._close();
return;
}
- if ( ( that.open && event.type == "mouseenter" ) || event.type == "click" ) {
+ if ( ( that.open && event.type == "mouseenter" ) || event.type == "click" || that.options.autoExpand ) {
+ if( that.options.autoExpand ) {
+ clearTimeout( that.timer );
+ }
+
that._open( event, menu );
}
})
@@ -115,6 +120,22 @@ $.widget( "ui.menubar", {
.attr( "role", "menuitem" )
.attr( "aria-haspopup", "true" )
.wrapInner( "<span class='ui-button-text'></span>" );
+
+ if ( that.options.autoExpand ) {
+ input.bind( "mouseleave.menubar", function( event ) {
+ that.timer = setTimeout( function() {
+ that._close();
+ }, 150 );
+ });
+ menu.bind( "mouseleave.menubar", function( event ) {
+ that.timer = setTimeout( function() {
+ that._close();
+ }, 150 );
+ })
+ .bind( "mouseenter.menubar", function( event ) {
+ clearTimeout( that.timer );
+ });
+ }
// TODO review if these options are a good choice, maybe they can be merged
if ( that.options.menuIcon ) {

0 comments on commit 40aa8f5

Please sign in to comment.