Перейти к содержанию

Рекомендуемые сообщения

Здравствуйте, помогите пожалуйста подцепить подсветку на текущюю категорию  <span class="button-view  ttopen  ">view</span>.

category.tpl    сайт https://bonasort.ru

Изменено пользователем 1111111111

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
44 минуты назад, 1111111111 сказал:

Здравствуйте, помогите пожалуйста подцепить подсветку на текущюю категорию  <span class="button-view  ttopen  ">view</span>.

category.tpl    сайт https://bonasort.ru

 

Добрый день!

 

Используйте скрипт:

<script type="text/javascript">$('ul#nav li').each(function () {if (this.getElementsByTagName("a")[0].href == location.href) this.className = "active";});</script>

если возможно - разместите его после меню в боковой колонке + нужно добавить стили для класса .active. Название класса можете сменить на любое удобное.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Подскажите пожалуйста я правильно сделал?  Просто ни разу этого ни делал.

Screenshot_3.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
3 часа назад, 1111111111 сказал:

Подскажите пожалуйста я правильно сделал?  Просто ни разу этого ни делал.

да, верно

только скрипт нужно дорабатывать под ваши нужны

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Подскажите еще пожалуйста один последний вопрос, стиль цвета в скрипте надо прописать и еще где то?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Только что, 1111111111 сказал:

Подскажите еще пожалуйста один последний вопрос, стиль цвета в скрипте надо прописать и еще где то?

this.className = "active"

в этом участке задаётся класс, который будет присвоен активному пункту. Т.е. пишите, например 

this.className = "activevs"

а в файл стилей

пишете

.activevs{
font-weight: bold;
font-size:17px;
}

например.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.