Question

My master page contains a list as shown here. What I’d like to do though, is add the ‘class=active’ attribute to the list li thats currently active but I have no idea how to do this. I know that the code goes in the aspx page’s page_load event, but no idea how to access the li I need to add the attribute. Please enlighten me. Many thanks.

<div id='menu'>   <ul id='nav'>     <li class='forcePadding'><img src='css/site-style-images/menu_corner_right.jpg' /></li>                    <li id='screenshots'><a href='screenshots.aspx' title='Screenshots'>Screenshots</a></li>     <li id='future'><a href='future.aspx' title='Future'>Future</a></li>     <li id='news'><a href='news.aspx' title='News'>News</a></li>     <li id='download'><a href='download.aspx' title='Download'>Download</a></li>     <li id='home'><a href='index.aspx' title='Home'>Home</a></li>     <li class='forcePadding'><img src='css/site-style-images/menu_corner_left.jpg' /></li>   </ul> </div> 

Answer 1

In order to access these controls from the server-side, you need to make them runat=’server’

<ul id='nav' runat='server'>   <li class='forcePadding'><img src='css/site-style-images/menu_corner_right.jpg' /></li>                  <li id='screenshots'><a href='screenshots.aspx' title='Screenshots'>Screenshots</a></li>   <li id='future'><a href='future.aspx' title='Future'>Future</a></li>   <li id='news'><a href='news.aspx' title='News'>News</a></li>   <li id='download'><a href='download.aspx' title='Download'>Download</a></li>   <li id='home'><a href='index.aspx' title='Home'>Home</a></li>   <li class='forcePadding'><img src='css/site-style-images/menu_corner_left.jpg' /></li> </ul> 

in the code-behind:

foreach(Control ctrl in nav.controls) {    if(!ctrl is HtmlAnchor)    {       string url = ((HtmlAnchor)ctrl).Href;       if(url == GetCurrentPage())  // <-- you'd need to write that          ctrl.Parent.Attributes.Add('class', 'active');    } }