Смена стиля блока li если нахожусь на этой странице

vpktz

#1 2022-03-22 10:09

Есть меню

        
          
          
              
              <ul class="uk-nav uk-nav-default uk-text-lead" tm-nav>
      <li>
        <a href="">
          <i class="bi-house-door"></i> На главную
        </a>
      </li>
      <li>
        <a href="{PHP|cot_url('users')}">
          <i class="bi-people"></i> Участники
        </a>
      </li>
      <li>
        <a href="{PHP|cot_url('forums')}">
          <i class="bi-chat-square-dots"></i> Форум
        </a>
      </li>
</ul>

            

        
      

Как сменить класс у блока li с <li> на <li class="uk-active"> если нахожусь на данной странице? Что то пробую через js скрипты всякие найденные в гугле но ничего не работает. Скорее всего надо какое то условие в li вставить какое не найду

webitproff

#2 2022-03-22 10:27

Banned
Thanked: 102 times

предельно просто

вот пример

        
          
          
              
              <!-- BEGIN: MAIN -->
<ul class="uk-list uk-list-divider uk-nav-default uk-nav-parent-icon" uk-nav>
<li></li>
<!-- IF {LEVEL} == 0 -->
<li><a href="{PHP|cot_url('projects')}">{PHP.L.All} {PHP.L.projects_projects}</a></li>      
<!-- ENDIF -->
<!-- BEGIN: CATS -->
<li class="<!-- IF {ROW_SELECTED} -->uk-active<!-- ENDIF --><!-- IF {ROW_SUBCAT} --> uk-parent<!-- ENDIF -->">
    <a href="<!-- IF {ROW_SUBCAT} -->#<!-- ELSE -->{ROW_HREF}<!-- ENDIF -->">{ROW_TITLE}</a>
    <!-- IF {ROW_SUBCAT} -->
    <ul class="uk-nav-sub">
        {ROW_SUBCAT}
    </ul>
    <!-- ENDIF -->
</li>
<!-- END: CATS -->
</ul>
<!-- END: MAIN -->

            

        
      

более подробнее, если используете UIkit3 смотрите тут

Добавлено 8 минут спустя:

и не забываем, что в свои стили, добавлем например

в mythemestyle.css

        
              .uk-navbar-nav>li.uk-active>a {
 color:#222
}

Добавлено 12 минут спустя:

В Вашем случае это может быть код вида

        
          
          
              
              <ul class="uk-nav uk-nav-default uk-text-lead" tm-nav>
      <li <!-- IF {PHP.env.ext} == 'index' --> class="uk-active"<!-- ENDIF -->>
        <a href="{PHP|cot_url('index')}">
          <i class="bi-house-door"></i>{PHP.L.Home}
        </a>
      </li>
      <li <!-- IF {PHP.env.ext} == 'users' --> class="uk-active"<!-- ENDIF -->>
        <a href="{PHP|cot_url('users')}">
          <i class="bi-people"></i> {PHP.L.Users}
        </a>
      </li>
      <!-- IF {PHP.cot_modules.forums} -->
      <li <!-- IF {PHP.env.ext} == 'forums' --> class="uk-active"<!-- ENDIF -->>
        <a href="{PHP|cot_url('forums')}">
          <i class="bi-chat-square-dots"></i>{PHP.L.Forums}
        </a>
      </li>
      <!-- ENDIF -->
</ul>

            

        
      

аккаунт удален - не срослось с разработчиками
ушел на другой движок

This post was edited by webitproff (2022-03-27 06:22, 3 years ago)

vpktz	#3 2022-03-22 11:19
Members Thanked: 10 times	Благодарю, все подробно.