Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Try this one:</p> <p><a href="http://abeautifulsite.net/blog/2008/09/jquery-context-menu-plugin/" rel="nofollow">http://abeautifulsite.net/blog/2008/09/jquery-context-menu-plugin/</a></p> <p>It's easy to implement and to maintain.</p> <p><strong>EDIT:</strong></p> <p>You can access your menu dynamically by giving the UL an ID:</p> <pre><code>&lt;ul id="contextmenuid"&gt; /*Empty menu to be created dynamically*/ &lt;/ul&gt; </code></pre> <p>and then using javascript you can access this UL and create/modify the needed LI:</p> <pre><code>var contextMenu = document.getElementById(contextmenuid); //This part would be dynamic loop to add menu items var contextMenuItem = document.createElement('li'); var contextMenuItemLink = document.createElement('a'); contextMenuItem.setAttribute('class', 'imageclass'); //imageclass will be used to show the menu item image contextMenuItemLink.setAttribute('href', '#doaction'); //#doaction is the item ID, it would be number contextMenuItemLink.setAttribute('title', 'Tooltip Info'); //Tooltip contextMenuItemLink.innerHTML = 'Dynamic Item, click me...';//Menu item text contextMenuItem.appendChild(contextMenuItemLink); //Add the new menu item to the context menu contextMenu.appendChild(contextMenuItem); </code></pre> <p>the same would be used to the submenus:</p> <pre><code>&lt;ul id="contextmenuid"&gt; &lt;li&gt;&lt;a href="http://msn.com"&gt;MSN&lt;/a&gt; &lt;ul id="contextsubmenuid"&gt; /*to be created dynamically*/ &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; </code></pre> <p>Regarding the style I guess that you can play with the CSS to have what you need.</p> <p>Hope this would help.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload