websch/editor/contextmenu/jquery.contextMenu.js

// jQuery Context Menu Plugin
//
// Version 1.01
//
// Cory S.N. LaViska
// A Beautiful Site (http://abeautifulsite.net/)
// Modified by Alexis Deveria
//
// 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() {
	var win = $(window);
	var doc = $(document);

	$.extend($.fn, {
		
		contextMenu: function(o, callback) {
			// 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();
			
				var menu = $('#' + o.menu);

				// Add contextMenu class
				menu.addClass('contextMenu');
				// Simulate a true right click

				$(this).bind( "mousedown", function(e) {
					var evt = e;
					$(this).on("mouseup", function(e) {
						var srcElement = $(this);
						srcElement.unbind('mouseup');
						$(".contextMenu").hide();
						if( evt.button === 2 || o.allowLeft || (evt.ctrlKey && svgedit.browser.isMac()) ) {
                if (!svgedit.browser.isTouch()) open_context_menu(e, evt, srcElement);
						}
					});
				});

				if (svgedit.browser.isTouch()) {
  				 $(this).bind("taphold", function(e){
  				  var srcElement = $(this);
  				  srcElement.unbind('mouseup');
  				  open_context_menu(e,e, srcElement);
  				})
				}
				
				var open_context_menu = function(e, evt, srcElement) {
				  if (typeof evt == 'undefined') evt = e;
				  e.stopPropagation();
        
				  // Get this context menu
			  
				  if( el.hasClass('disabled') || evt.altKey ) return false;
				
				  // Detect mouse position
				  var d = {}, x = e.pageX, y = e.pageY;
				  if (svgedit.browser.isTouch()) var d = {}, x = e.originalEvent.touches[0].pageX, y = e.originalEvent.touches[0].pageY;
				
				  var x_off = win.width() - menu.width(), 
				  	y_off = win.height() - menu.height();
        
				  if(x > x_off - 15) x = x_off-15;
				  if(y > y_off - 30) y = y_off-30; // 30 is needed to prevent scrollbars in FF
				
				  if(svgedit.browser.isTouch()) 
				    y = y - (menu.height()/2)
				
				  // Show the menu
				  doc.unbind('click');
				  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
				  doc.keypress( function(e) {
				  	switch( e.keyCode ) {
				  		case 38: // up
				  			if( !menu.find('LI.hover').length ) {
				  				menu.find('LI:last').addClass('hover');
				  			} else {
				  				menu.find('LI.hover').removeClass('hover').prevAll('LI:not(.disabled)').eq(0).addClass('hover');
				  				if( !menu.find('LI.hover').length ) menu.find('LI:last').addClass('hover');
				  			}
				  		break;
				  		case 40: // down
				  			if( menu.find('LI.hover').length == 0 ) {
				  				menu.find('LI:first').addClass('hover');
				  			} else {
				  				menu.find('LI.hover').removeClass('hover').nextAll('LI:not(.disabled)').eq(0).addClass('hover');
				  				if( !menu.find('LI.hover').length ) menu.find('LI:first').addClass('hover');
				  			}
				  		break;
				  		case 13: // enter
				  			menu.find('LI.hover A').trigger('click');
				  		break;
				  		case 27: // esc
				  			doc.trigger('click');
				  		break
				  	}
				  });
				
				  // When items are selected
				  menu.find('A').unbind('mouseup');
				  menu.find('LI:not(.disabled) A').mouseup( function() {
				  	doc.unbind('click').unbind('keypress');
				  	$(".contextMenu").hide();
				  	// Callback
				  	if( callback ) callback( $(this).attr('href').substr(1), $(srcElement), {x: x - offset.left, y: y - offset.top, docX: x, docY: y} );
				  	return false;
				  });
				
				  // Hide bindings
				  setTimeout( function() { // Delay for Mozilla
				  	doc.click( function() {
				  		doc.unbind('click').unbind('keypress');
				  		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) );
		},
		
		// Enable context menu items on the fly
		enableContextMenuItems: function(o) {
			if( o == undefined ) {
				// Enable all
				$(this).find('LI.disabled').removeClass('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().removeClass('disabled');
						
					}
				}
			});
			return( $(this) );
		},
		
		// Disable context menu(s)
		disableContextMenu: function() {
			$(this).each( function() {
				$(this).addClass('disabled');
			});
			return( $(this) );
		},
		
		// Enable context menu(s)
		enableContextMenu: function() {
			$(this).each( function() {
				$(this).removeClass('disabled');
			});
			return( $(this) );
		},
		
		// Destroy context menu(s)
		destroyContextMenu: function() {
			// Destroy specified context menus
			$(this).each( function() {
				// Disable action
				$(this).unbind('mousedown').unbind('mouseup');
			});
			return( $(this) );
		}
		
	});
})(jQuery);