3.2.0

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?

thanks
wombat
February 8,
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)
February 8,
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.
wombat
February 8,
Maybe this way

<style>

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

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

</style>
<script>

    var obj = new AW.UI.Tabs;
    obj.setId("myTabs");
    obj.setItemText("text");
    obj.setItemCount(5);

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

    document.write(obj);

</script>
Alex (ActiveWidgets)
February 8,
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.
wombat
February 8,

This topic is archived.

See also:


Back to support forum