Context menu is a new Javascript feature which provides easy HTML menus design. Anything can be inside such a menu, some pictures, some ‘li’ , some ‘div’  …

It works exactly as Context Menu except that the necessary HTML code is not automatically created but written by yourself. A new ClassMenu has been created for this, very closed to ClassContextMenu. Tags with that class will be automatically hidden then showed only when mouse over.

For example if you put some ‘li’ inside it, then it will work like a Context Menu, but the main difference is that you can control its position and its content, since Context Menu will appear exactly where the mouse click happened and is dedicated to ‘li’ display.

That new menu feature does not work as jQuery-ui selectmenu since you can hold anything inside. Choose the one you need 😉

Also only one such menu can be displayed at a time ; opening another one will delete the previous.

2 examples here, the first would work as an automatic Context Menu, and the second as you decide in your HTML code.

<ul class="ClassMenu" style="width:150px">
    <li id="c1"><i class="fa fa-refresh"></i>Option 1</li>
    <li id="c2"><i class="fa fa-spinner"></i>Option 2</li>
    <li id="c3"><i class="fa fa-check-square-o"></i>Option 3</li>
</ul>

<div class="ClassMenu" style="width:50px">
    <i id="i1" class="fa fa-refresh"></i>
    <i id="i2" class="fa fa-spinner"></i>
    <i class="fa fa-check-square-o" onclick="otherstuff()"></i>
</div>

When clicking on any ClassMenu tag, the corresponding menu will open.