// jQuery Context Menu Plugin // // Version 1.01 // // Cory S.N. LaViska // A Beautiful Site (http://abeautifulsite.net/) // // More info: http://abeautifulsite.net/2008/09/jquery-context-menu-plugin/ // // Terms of Use // // This plugin is dual-licensed under the GNU General Public License // and the MIT License and is copyright A Beautiful Site, LLC. // if(jQuery)( function() { $.extend($.fn, { contextMenu: function(o, callback, callback2) { // Defaults if( o.menu == undefined ) return false; if( o.inSpeed == undefined ) o.inSpeed = 150; if( o.outSpeed == undefined ) o.outSpeed = 75; // 0 needs to be -1 for expected results (no fade) if( o.inSpeed == 0 ) o.inSpeed = -1; if( o.outSpeed == 0 ) o.outSpeed = -1; // Loop each context menu $(this).each( function() { var el = $(this); var offset = $(el).offset(); // Add contextMenu class $('#' + o.menu).addClass('contextMenu'); // Simulate a true right click $(this).mousedown( function(e) { var evt = e; evt.preventDefault(); $(document).mouseup( function(e) { e.preventDefault(); $(document).unbind(e); if( evt.button == 2 ) { // Hide context menus that may be showing $(".contextMenu").hide(); // Get this context menu var menu = $('#' + o.menu); if( $(el).hasClass('disabled') ) return false; // Detect mouse position var x = e.pageX; var y = e.pageY; var left = $(document).scrollLeft(); var top = $(document).scrollTop(); var right = $(window).width()+left; var bottom = $(window).height()+top; /*if (x+$(menu).width() > right) { x -= $(menu).width(); } if (y+$(menu).height() > bottom) { y -= $(menu).height(); }*/ x = Math.min(Math.max(x,left),right-$(menu).width()-2); y = Math.min(Math.max(y,top),bottom-$(menu).height()-5); // Show the menu if( callback2 ) callback2( el ); $(document).unbind('click'); $(menu).find('LI.hover').removeClass('hover'); $(menu).css({ top: y, left: x }).fadeIn(o.inSpeed); // Hover events $(menu).find('A').mouseover( function() { $(menu).find('LI.hover').removeClass('hover'); $(this).parent().addClass('hover'); }).mouseout( function() { $(menu).find('LI.hover').removeClass('hover'); }); // Keyboard $(document).bind($.browser.opera?"keypress":"keydown", function(e) { switch( e.keyCode ) { case 38: // up if( $(menu).find('LI.hover').size() == 0 ) { $(menu).find('LI:last').addClass('hover'); } else { $(menu).find('LI.hover').removeClass('hover').prevAll('LI').eq(0).addClass('hover'); if( $(menu).find('LI.hover').size() == 0 ) $(menu).find('LI:last').addClass('hover'); } e.preventDefault(); break; case 40: // down if( $(menu).find('LI.hover').size() == 0 ) { $(menu).find('LI:first').addClass('hover'); } else { $(menu).find('LI.hover').removeClass('hover').nextAll('LI').eq(0).addClass('hover'); if( $(menu).find('LI.hover').size() == 0 ) $(menu).find('LI:first').addClass('hover'); } e.preventDefault(); break; case 13: // enter $(menu).find('LI.hover A').trigger('click'); e.preventDefault(); break; case 27: // esc $(document).trigger('click'); e.preventDefault(); break case 37: // left $(document).trigger('click'); e.preventDefault(); break case 39: // right $(document).trigger('click'); e.preventDefault(); break case 36: // home $(menu).find('LI.hover').removeClass('hover'); $(menu).find('LI:first').addClass('hover'); e.preventDefault(); break case 35: // end $(menu).find('LI.hover').removeClass('hover'); $(menu).find('LI:last').addClass('hover'); e.preventDefault(); break } }); // When items are selected $('#' + o.menu).find('A').unbind('click'); $('#' + o.menu).find('LI:not(.disabled) A').click( function() { $(document).unbind('click').unbind($.browser.opera?"keypress":"keydown"); $(".contextMenu").hide(); // Callback if( callback ) callback( $(this).attr('href').substr($.browser.msie?location.href.length+1:1), $(el), {x: x - offset.left, y: y - offset.top, docX: x, docY: y} ); return false; }); // Hide bindings setTimeout( function() { // Delay for Mozilla $(document).click( function() { $(document).unbind('click').unbind($.browser.opera?"keypress":"keydown"); $(menu).fadeOut(o.outSpeed); return false; }); }, 0); } }); }); // Disable text selection if( $.browser.mozilla ) { $('#' + o.menu).each( function() { $(this).css({ 'MozUserSelect' : 'none' }); }); } else if( $.browser.msie ) { $('#' + o.menu).each( function() { $(this).bind('selectstart.disableTextSelect', function() { return false; }); }); } else { $('#' + o.menu).each(function() { $(this).bind('mousedown.disableTextSelect', function() { return false; }); }); } // Disable browser context menu (requires both selectors to work in IE/Safari + FF/Chrome) $(el).add($('UL.contextMenu')).bind('contextmenu', function() { return false; }); }); return $(this); }, // Disable context menu items on the fly disableContextMenuItems: function(o) { if( o == undefined ) { // Disable all $(this).find('LI').addClass('disabled'); return( $(this) ); } $(this).each( function() { if( o != undefined ) { var d = o.split(','); for( var i = 0; i < d.length; i++ ) { $(this).find('A[href="' + d[i] + '"]').parent().addClass('disabled'); } } }); return( $(this) ); }, // Destroy context menu(s) destroyContextMenu: function() { // Destroy specified context menus $(this).each( function() { // Disable action $(this).unbind('mousedown'); $(document).unbind('mouseup'); }); return( $(this) ); } }); })(jQuery);