custoMenu

Create custom context menus easily

Usage

1. Import js and css

Import custoMenu :

<script src="path/to/custoMenu.js"></script>
<link  href="path/to/custoMenu.css" rel="stylesheet" />

You can use jsDelivr links to keep updated your custoMenu : https://www.jsdelivr.com/package/gh/TheRolfFR/custoMenu

2. Create your context menu object

The menu itself has this these properties :

	Required	Type	Desc
name	X	String	Name of the custoMenu
items	X	Object	Contains your items

And each item has these properties :

	Required	Type	Desc
text	X	HTML	Text of the custoMenu item
desc		String	Description of the custoMenu item
func	X	Function	Function associated to the custoMenu item

Example :

var filectxmenu = {
	name: 'file',
	items: {
		'openfile' : { // function name must be unique throught every object. If not the last function will be choosed
			text: '<i class="material-icons">&#xE254;</i>',
			desc: 'Open',
			func: function() {
				// your function
			} // etc...
		}
  }
}

3. Add your object to CustoMenu in your script

custoMenu.addMenu(filectxmenu);

4. Add class and data attributes to your elements

• class : custoMe
• data-name: file (name of your function)

<div class="custoMe" data-name="file">file.txt</div>

5. Enjoy !

License: GNU Lesser General Public License v3.0