Jeegocontext: Create Highly Customizable and Flexible Context Menus

8 Dec, 2009, by appsheriff || Topics: Inspiration, Menu & Navigation

Jeegoocontext is a jQuery plugin that is used for creating highly customizable and flexible context menus. It can transform the unordered lists into multi-level and smartly positioned navigations. The multiple context menus can be created on this same page and they can be customized via a CSS. It also has customizable time-delays for the submenus that disappears the values that helps in browsing them much more easier. This plugin has a workaround for the Opera that does not allow right-click overrides and also works with it.

jeegocontext

The features of the Jeegoocontext are that it is easy to implement. Both the vertical and the horizontal intelligent positioning are possible. There are customizable time delays to provide easy selection of the items. The multiple context menus are provided on a single page. It has fully CSS customizable UI. Customizable behavior is possible via the callbacks. Customizable class names are provided to avoid the potential naming conflicts.

Other features includes that it is Opera compatible. It supports cross-browser. It is lightweight and unobtrusive. It is very easy to implement. The steps required to implement the plugin are firstly include the references to the jquery library and to the jquery.jeegoocontext.min.js. Secondly, select a skin such as skins cm_default and cm_blue that are included in the code-download and include a reference to the skin’s stylesheet. Thirdly, append an unordered list to the body and give it a unique id and the following class name: “jeegoocontext” and the class name for the skin such as “cm_default” or “cm_blue”. Then bind any context to the menu with the following call- $(’context’).jeegoocontext(’menu id’) where ‘context’ can be any jQuery selector and the ‘menu id’ contains the unique id of the menu.
Example – $(’.context’).jeegoocontext(’menu_1′);

Bookmark and Share

Leave a Reply