I’m wondering if there’s a way so you can possibly detect how long a mouse button has been held down, and if it exceeds a pre-determined time, then show the context menu? (ala Mac)

Mind you, that this script could EASILY be adapted to be a left click context menu which could be triggered by a little image by the actual element you want a context menu for. Its only from ‘OS’ convention that it was created as a right click. As in any application, when I right click something, I expect a menu with links pertaining to what I clicked.

Harel

JD, the problem with the menu in dojo (unless i’m wrong and please correct me if I am), is that you can’t pull out specific information regarding the item you right clicked on. What I needed was a context menu that shows items that related directly to a specific link when right clicked. I didn’t want to define menus per link, as i might have hundreds of those on a screen (not just link though – divs, input elements etc.)
With RightContext, i just define a generic template for each menu I want to use. The object will parse that template into a menu based on the extra tags placed in those elements. As well, if the script fails for any reason (no javascript) all you’re left with is html elements with extra informative tags. For example, my links showing contact names, also hold tags like _id=”CONTACT_ID” and _name=”CONTACT_NAME”. These gets parsed to the menu so when right clicked it shows items like : Edit Harrison Ford, Email Harrison Ford, Ford Harrison Ford etc.
As well, based on those tags, a menu item can evaluate whether it will show for this specific link or not. I didn’t want to show the Email menu item if the contact did not have an email address on file. So the html href tag also contains _haseml=”Y/N” whether it has an email. The email link will only show it _haseml=”Y”.
I’ve already started integrating this into my application and it works a treat.

As for the firefox 2 issue: For me Firefox 2 on linux and on windows both installed without the right click context disabled, so it works fine though i heard that some people might have had their firefox installed with this option disabled by default.

Also, this script does not work on opera at this moment, though I hope to correct that soon (sorry opera crowd – great browser, but just didn’t get round to it).

And right, from a GENERIC usability point of view, disabling the right click is hmmm bad, BUT, that depends on the context of the application/site. In my context it makes sense, and provides a useful features the users want.
It also only disables the right click for specific items NOT for the entire document! I might add a small permanent switch to the menu item to allow it to switch to the browser’s menu…

And as for the tagsoup issue – that was the easiest way for me to add the properties in a way that i could easily read and parse. I can’t embed them into the classnames or style sheet – it’s putting data with layout definitions… not right. It also puts the additional data where’s its closes to home – right on the element in question (the link, div, input element etc.).

Thanks for all comments – keep em coming, please!
Harel

this.menu = dojo.widget.createWidget (”PopupMenu2″,
{
widgetId: this.id+”_Actions”,
contextMenuForWindow:false,
toggle: “explode”,
targetNodeIds:[this.id],
});

var ditem = dojo.widget.createWidget(”MenuItem2″,
{
widgetId: this.id+”_deletemenuitem”,
caption: “Delete Component”,
});
ditem.onClick = this.deleteMenu.mybind(this);

var sitem = dojo.widget.createWidget(”MenuItem2″,
{
widgetId: this.id+”_stylemenuitem”,
caption: “Style Component”,
});
sitem.onClick = this.styleMenu.mybind(this);

var citem = dojo.widget.createWidget(”MenuItem2″,
{
widgetId: this.id+”_configmenuitem”,
caption: “Configure Component”,
});
citem.onClick = this.configMenu.mybind(this);

this.menu.addChild(ditem);
this.menu.addChild(sitem);
this.menu.addChild(citem);

this.child = element;
this.child.style.width = “100%”;
this.child.style.height = “100%”;
var cont = dojo.byId(this.container);

Cheers,
PS

All in all though, I dig.