ContextMenuer documentation

ContextMenuer causes a popup menu to appear when an element is right-clicked, disabling the default context menu. The menu is loaded from an element on the page hidden using the hider CSS class.

Performer gives the context menus the CSS class performercontextmenu which you can use to style your menus.

Example

<p class="contextmenuer targetEl-contextmenu">Right-click here for a context menu</p>
<ul id="contextmenu" class="hider">
	<li><a href="#">Item 1</a></li>
	<li><a href="#">Item 2</a></li>
	<li><a href="#">Item 3</a></li>
	<li><a href="#">Item 4</a></li>
	<li><a href="#">Item 5</a></li>
</ul>
<p><img class="contextmenuer targetEl-contextmenu2" src="/wp-content/themes/performer/images/profile.jpg" alt="Right click here for a context menu" /></p>
<ul id="contextmenu2" class="hider">
	<li><a href="#">Image option 1</a></li>
	<li><a href="#">Image option 2</a></li>
	<li><a href="#">Image option 3</a></li>
</ul>

Settings

Valid elements

Any elements

Classname

contextmenuer

Attributes

None

CSS parameters (what’s this?)

targetEl (required)
Most be set as the id of the element containing the menu