C # - Как изменить атрибуты HTML-элементов

Question

Моя главная страница содержит список, как показано здесь. Что я хотел бы сделать, так это добавить атрибут "class = active" в список li, который в данный момент активен, но я не знаю, как это сделать. Я знаю, что код входит в событие page_load страницы aspx, но не знаю, как получить доступ к li, мне нужно добавить атрибут. Пожалуйста, просветите меня. Большое спасибо.

<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

Чтобы получить доступ к этим элементам управления со стороны сервера, вам нужно сделать их 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>

в коде позади:

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");
   }
}

Answer 2

Код ниже можно использовать для поиска именованного элемента управления в любой части иерархии элементов управления:

public static Control FindControlRecursive(Control rootControl, string id)
{
    if (rootControl != null)
    {
        if (rootControl.ID == id)
        {
            return rootControl;
        }

        for (int i = 0; i < rootControl.Controls.Count; i++)
        {
            Control child;

            if ((child = FindControlRecursive(rootControl.Controls[i], id)) != null)
            {
                return child;
            }
        }
    }

    return null;
}

Так что вы можете сделать что-то вроде:

Control foundControl= FindControlRecursive(Page.Master, "theIdOfTheControlYouWantToFind");
((HtmlControl)foundControl).Attributes.Add("class", "active");

Забыл упомянуть ранее, что вам нужен runat = "server" на любом элементе управления, который вы хотите найти таким образом =)

Answer 3

Добавьте runat = "server" к тегам li на главной странице, затем добавьте это к соответствующему событию page_load, чтобы добавить активный класс в li на главной странице

HtmlGenericControl li = HtmlGenericControl) Page.Master.FindControl ("скриншоты"); li.Attributes.Add ("class", "active");

Answer 4

Все части уже были предоставлены в предыдущих ответах, но чтобы собрать все вместе, вам необходимо:

добавить атрибут runat = "server" к элементам <ul> и <li> добавить публичный метод для выполнения работы на главной странице, который можно вызывать со страниц с использованием главной страницы вызов метода из Page_Load страниц

В качестве альтернативы вы также можете добавить код в метод OnLoad (...) главной страницы, поэтому вам не нужно добавлять вызов метода в Page_Load на каждой странице.

Answer 5

Вы можете зарегистрировать клиентский скрипт следующим образом:

(установите id для идентификатора li, который вы хотите установить активным)

ClientScript.RegisterStartupScript(this.GetType(), "setActiveLI", "document.getElementById(\""+id+"\").setAttribute(\"class\", \"active\");", true);

Это генерирует вызов JavaScript на странице рядом с основанием после того, как элементы уже были обработаны.

Answer 6

Спасибо за решение.

Мининизированный код.

Элемент управления главной страницы также можно найти на дочерней странице.

Я имею в виду, что главная страница содержит html control

и страница chilld может найти главную страницу html conrol следующим образом

((HtmlControl)this.Master.FindControl("dpohome1")).Attributes.Add("class", "on");

Answer 7

Попробуйте это отличный пример для будущего использования. я знаю, что эта ветка старая, но для будущих запросов ...

http://community.discountasp.net/showthread.php?p=33271

Answer 8

Я нашел ссылку, которая работает с использованием CSS и включает только изменение атрибута класса тега body. Это означает, что здесь нет Javascript и нет циклов или чего-то еще.

#navbar a:hover,
  .articles #navbar #articles a,
  .topics #navbar #topics a,
  .about #navbar #about a,
  .contact #navbar #contact a,
  .contribute #navbar #contribute a,
  .feed #navbar #feed a {
 background: url(/pix/navbarlinkbg.gif) top left repeat-x; color: #555;
}

....

<body class="articles" onload="">

<ul id="navbar">
  <li id="articles"><a href="/articles/" title="Articles">Articles</a></li>
  <li id="topics"><a href="/topics/" title="Topics">Topics</a></li>
  <li id="about"><a href="/about/" title="About">About</a></li>
  <li id="contact"><a href="/contact/" title="Contact">Contact</a></li>
  <li id="contribute"><a href="/contribute/" title="Contribute">Contribute</a></li>
  <li id="feed"><a href="/feed/" title="Feed">Feed</a></li>
</ul>

Подробнее здесь http://www.websiteoptimization.com/speed/tweak/current/

Answer 9

Вы можете открыть li-файлы на главной странице любым страницам содержимого, поместив их в свойства на главной странице:

public GenericHtmlControl Li1
{
    get
    {
        return this.LiWhatever;
    }
}

Тогда на странице содержимого:

MasterPage2 asd = ((MasterPage2)Page.Master).Li1.Attributes.Add("class", "bla");

Если я правильно понял!

Answer 10

Чтобы найти этот конкретный элемент управления, его нужно определить как открытый (в сгенерированном конструкторе)

Или нужно будет обернуть его в общий код.