Highlighting the tab when selected dynamically RRS feed

  • Question

  • User534549472 posted

    Hi Guys,

    I am new to ASP.net and the CSS class.

    I have the code to implement a tab menu using the CSS class , code for which looks like this:  

    <div id="ddcolortabsline">
            <ul class="glossymenu">
                <li id ="liPool" class="current"  ><a href=""><b>Pool</b></a></li>
                <li id ="liController" ><a href=""><b>Controller</b></a></li>
                <li id = "liFloater" > <a href=""><b>Floater</b></a></li>    
                <li id = "liSearchNode" ><a href=""><b>Search Node</b></a></li>    


    There is a class which makes it highlight the tab when the pointer hovers over the tab.

    I already have the above "current" class in my CSS file. 

    But I am not sure how  to highlight the tab when it is selected.

    Any answer is highly appreciated.

    I know that I have to set the tab class to "currrent". But tab menu is implemented using ul and li elements and these elements does not have "onclick" events.

     So, how do i dynamically set the class of the selected tab to"current".


    And also, I am not able to get hold of the "li"  elements, "document.getelements()" is not working.

    Please help!!


    Thanks ,



    Tuesday, September 30, 2008 2:14 AM

All replies

  • User-1385398420 posted


    Tuesday, September 30, 2008 10:31 AM