Search code examples
javascripthtmldojoselected

prevent IconMenuIcon from being highlighted when clicked

I am using html, javascript and the dojo library.

What I have is a IconMenu with 6 IconMenuItems. Now, whenever I click a IconMenuIcon it gets highlighted but I want to prevent the highlighting effect. IconMenuIcon has the property "selected" which gets set to "true" on the click event and I think this is the cause of the highlighting.

I now tried to do the following on every "on" function (onclick, onmouseover etc) dojo offers:

this.set("selected", false);

unfortunately the IconMenuItem still gets highlighted -.-

EDIT: here is the code of the widget:

http://svn.dojotoolkit.org/src/dojox/trunk/mobile/IconMenuItem.js

It has this propertie:

selColor: "mblIconMenuItemSel"

how can I set it to luicid?

Solution

  • Thanks to the kind people in the official dojo irc I came to this simple piece of javascript. The ItemMenuItem has a property which determines the highlighting color:

    dojo.ready(function(){ // logic that is executed when dojo is ready goes here alert("dojo.ready");

    var portalButton1 = dijit.byId("portalButton1"); portalButton1.set("selColor", "RED");

    });