Highlighting the tab when selected dynamicallyRSS

• • Reply
  ajaymysore

  None

  0 Points

  6 Posts

  Highlighting the tab when selected dynamically

  Sep 30, 2008 02:14 AM|ajaymysore|LINK

  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>    
          </ul>
   </div>

   

  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 ,

  Ajay

   

• • Reply
  bdemarzo

  Member

  60 Points

  166 Posts

  Re: Highlighting the tab when selected dynamically

  Sep 30, 2008 10:31 AM|bdemarzo|LINK

   http://forums.asp.net/t/1326386.aspx

  - brian
  - blog: www.sidesofmarch.com