:: Forum >>

disable onMouseOver highlighting for a tab?

Is there a javascript function I can use/override to selectively prevent tabs from being highlighted during a mouse over event?

Wednesday, February 8, 2006
Remove the following CSS classes from tabs.css (must not be using the runtime CSS, or you can dig in the runtime file for these and remove them) and it will remove the highlighting:

.aw-ui-tabs .aw-mouseover-item {
    background-position: 100% -100px;

.aw-ui-tabs .aw-mouseover-item .aw-item-box {
    background-position: 0px -150px;
Jim Hunter (www.FriendsOfAW.com)
Wednesday, February 8, 2006
Ah, but I do not want to remove the highlighting altogether. I simply want to be able to turn it off and back on (using javascript) for an individual tab. All other tabs should keep the effect.
Wednesday, February 8, 2006
Maybe this way


.aw-highlight-false {
    background-position: 100% 0px!important;

.aw-highlight-false .aw-item-box {
    background-position: 0px -50px!important;


    var obj = new AW.UI.Tabs;

    obj.getItemTemplate(1).setClass("highlight", false);


Alex (ActiveWidgets)
Wednesday, February 8, 2006
Cool, that works. I had tried something like that before, but missed the second style declaration. A CSS pro I am not. Anyway, hit up http://www.activewidgets.com/javascript.forum.11050.7/disabling-tabs.html for the complete code for creating a tab set with tab-disabling functionality.
Wednesday, February 8, 2006

This topic is archived.

Back to support forum

Forum search