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.
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 ,
AjayMember
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
- blog: www.sidesofmarch.com