Developers › Dev.Opera

MenuItem.id

August 24, 2012 · by Opera Software

This functionality has not landed in a stable Opera version yet, but you can use it already in Opera Next.

Description:

The id attribute is a settable attribute that can be used to identify the source of a click event if necessary. This attribute defaults to an empty string.

Syntax:

DOMString id

Example:

The following example creates an item in the context menu with a specified ID. When the item is clicked, its ID is shown in the console.

<!-- 
  The configuration file ('config.xml').
-->
<?xml version='1.0' encoding='utf-8'?>
<widget xmlns="http://www.w3.org/ns/widgets">
    ...
    <feature name="opera:contextmenus"/>
    ...
</widget>
//
// The background process (e.g. index.html)
//

if (opera.contexts.menu) {
  var menu = opera.contexts.menu;
  
  // Create a menu item properties object
  var itemProps = {
    id: 'context001',
    title: 'Context Menu Example'
  }

  // Create a menu item with the specified properties
  var item = menu.createItem(itemProps);
  // Add the menu item to the context menu
  menu.addItem(item);
  
  item.onclick = function(event) {
    // Show the ID of the menu item
    console.log('Item ID: ' + event.target.id);
  };
}

About this article

Published inDev.Opera
DateAugust 24, 2012
AuthorOpera Software
Tagscontext menu, extensions API
OriginalInternet Archive