jquery.contextMenu.js

// 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) {
        // 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;
            if (evt.button == 2) {
              evt.stopPropagation();
            }

            $(this).mouseup(function (e) {
              if (e.button == 2) {
                e.stopPropagation();
              }

              var srcElement = $(this);
              $(this).unbind('mouseup');
              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 d = {}, x, y;
                if (self.innerHeight) {
                  d.pageYOffset = self.pageYOffset;
                  d.pageXOffset = self.pageXOffset;
                  d.innerHeight = self.innerHeight;
                  d.innerWidth = self.innerWidth;
                } else if (document.documentElement &&
                    document.documentElement.clientHeight) {
                  d.pageYOffset = document.documentElement.scrollTop;
                  d.pageXOffset = document.documentElement.scrollLeft;
                  d.innerHeight = document.documentElement.clientHeight;
                  d.innerWidth = document.documentElement.clientWidth;
                } else if (document.body) {
                  d.pageYOffset = document.body.scrollTop;
                  d.pageXOffset = document.body.scrollLeft;
                  d.innerHeight = document.body.clientHeight;
                  d.innerWidth = document.body.clientWidth;
                }
                (e.pageX) ? x = e.pageX : x = e.clientX + d.scrollLeft;
                (e.pageY) ? y = e.pageY : y = e.clientY + d.scrollTop;

                // Show the menu
                $(document).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
                $(document).keypress(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:not(.disabled)').eq(0).addClass('hover');
                        if ($(menu).find('li.hover').size() == 0) {
                          $(menu).find(
                              'li:last').addClass('hover');
                        }
                      }
                      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:not(.disabled)').eq(0).addClass('hover');
                        if ($(menu).find('li.hover').size() == 0) {
                          $(menu).find(
                              'li:first').addClass('hover');
                        }
                      }
                      break;
                    case 13: // enter
                      $(menu).find('li.hover a').trigger('click');
                      break;
                    case 27: // esc
                      $(document).trigger('click');
                      break
                  }
                });

                // When items are selected
                $('#' + o.menu).find('a').unbind('click');
                $('#' + o.menu).find('li:not(.disabled) a').click(function () {
                  $(document).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
                  $(document).click(function () {
                    $(document).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);
}