Активная категория

Gabbynt 27.12.2013 Общие вопросы по вёрстке, Шаблоны (TPL) 3256

вопрос

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

на главной

зашел в каталог сайтов

Заранее благодарен!

Ответил: sadan

В шаблон:

[aviable=main]
<a href="/" class="blue">Главная</a>
<a  href="/main/" class="dark">Информация</a>
<a  href="/news/" class="dark">Новости</a>
[/aviable=main]
[category=1]
<a href="/" class="dark">Главная</a>
<a  href="/main/" class="blue">Информация</a>
<a  href="/news/" class="dark">Новости</a>
[/category]
[category=2]
<a href="/" class="dark">Главная</a>
<a  href="/main/" class="dark">Информация</a>
<a  href="/news/" class="blue">Новости</a>
[/category]

в css:

.blue {display: inline-block;margin-top: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 10px;background: blue; color: white;} 
.dark {display: inline-block;margin-top: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 10px;background: black; color: white;}

5 комментариев

Юзер

psarovskiy - 2013-12-2727 декабря 2013 21:25 - #20625

например можно так

var url = document.location.href;
$.each($("#main-nav a"),function(){
     if(this.href==url){
        $(this).addClass('active');
     }
});

<ul id="main-nav">
    <li>
        <a href="/">Главная</a>
    </li>
    <li>
        <a href="/catalog">Каталог</a>
    </li>
</ul>

ссылке, которая ведет на страницу на которой находится юзер, присваивается класс active, в css производите настройку отображения

Юзер

Gabbynt - 2013-12-2727 декабря 2013 22:40 - #20628

не понимаю все сделал а класс не добавляется, может где то ошибка?

Юзер

Webmaster - 2013-12-2727 декабря 2013 22:43 - #20630

Цитата: Gabbynt

класс не добавляется

А Вы как определяете что класс не добавляется, через исходный код?

PHP-developer

1783

Sander - 2013-12-2728 декабря 2013 17:06 - #20652

<a href="/"[aviable=main] class="current"[/aviable]>Главная</a>
<a  href="/catalog/"[category=1] class="current"[/category]>Каталог сайтов</a>

SanDev.pro - мой блог.

Telegram: @sandev
Skype: Sander8804

Юзер

301

Kolya groza morey - 2013-12-2730 декабря 2013 14:59 - #20714

Ответ которий дал Sander лучше, а то в ответе очень много дублирования кода

Nimax | Создание простого сайта отзывов (рейтинг ... ⁵

Nimax
Создание простого сайта отзывов (рейтинг и сортировка) - модуль PostReviews
Вчера, 17:18

Странный вы, это как минимум в ваших интересах т.к модули с рейтингами для комментариев есть и в паблике, поэтому и хочется посмотреть как это реализовано у вас. Стоимость то не низкая для модуля
New-dev.ru | Создание простого сайта отзывов (рейтинг ... ⁵

New-dev.ru
Создание простого сайта отзывов (рейтинг и сортировка) - модуль PostReviews
24-04-2024, 14:14

А что там на фронте на скрине или демо смотреть? Там в стандартную форму добавления комментария просто добавляется рейтинг, например, звездный.
TeraMoune | Сделать модуль опросы ³

TeraMoune
Сделать модуль опросы
22-04-2024, 13:32

Конечно. Пишите в телеграм.
Nimax | Сделать модуль опросы ³

Nimax
Сделать модуль опросы
22-04-2024, 13:17

Да в том и дело =) так и думал можете сделать? сколько будет по стоимости?
TeraMoune | Сделать модуль опросы ³

TeraMoune
Сделать модуль опросы
22-04-2024, 12:56

Зачем же для этого модуль ? Есть стандартные опросы, достаточно добавить одну правку на обработку тега в описании новости от стандартного тега poll.
Nimax | Создание простого сайта отзывов (рейтинг ... ⁵

Nimax
Создание простого сайта отзывов (рейтинг и сортировка) - модуль PostReviews
22-04-2024, 12:14

А есть скрины или демо как это на фронте выглядит?
New-dev.ru | Создание простого сайта отзывов (рейтинг ... ⁵

New-dev.ru
Создание простого сайта отзывов (рейтинг и сортировка) - модуль PostReviews
21-04-2024, 18:25

Эта старая публикация, за несколько месяцев цена выросла, а тут забыл исправить цену, сожалею. Сейчас поставил актуальную цену.
Nimax | Создание простого сайта отзывов (рейтинг ... ⁵

Nimax
Создание простого сайта отзывов (рейтинг и сортировка) - модуль PostReviews
21-04-2024, 13:18

Как преобрести за 9$? на сайте цена другая
Jigurda | Как в description вставить значение доп. ... ²

Jigurda
Как в description вставить значение доп.поля?
19-04-2024, 10:54

Немного не то. Нужно не заменить, а добавить к уже имеющемуся description свой текст с доп.полями
lutskboy | Как в description вставить значение доп. ... ²

lutskboy
Как в description вставить значение доп.поля?
18-04-2024, 21:51

https://sandev.pro/web/159-fullstory-metatags-by-sander.html