Forums / National / Russian / Смена стиля блока 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

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

вот пример

<!-- 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, 2 years ago)
vpktz
#3 2022-03-22 11:19

Благодарю, все подробно.