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

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

вопрос

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

на главной

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

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

Ответил: 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 - 2015-01-0827 декабря 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 - 2015-01-0827 декабря 2013 22:40 - #20628

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

Юзер

Webmaster - 2015-01-0827 декабря 2013 22:43 - #20630

Цитата: Gabbynt

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

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

PHP-developer

1783

Sander - 2015-01-0828 декабря 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 - 2015-01-0830 декабря 2013 14:59 - #20714

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

derebas | Нужо доработать плагин связанных новосте ... ²

derebas
Нужо доработать плагин связанных новостей
23-12-2024, 22:42

1. --
2. Не будет работать с добавлением новостей, т.к. ID еще не существует, только переработка принципа самого доп. поля. Что касается существующего состояния, просто добавьте один query запрос при нажатии на + который и будет добавлять параметр в sql
3. стрипслэш
4. Скачал, попробывал, не заметил такой проблемы, возможно нужно в ajax уточнить параметр
5. Просмотрев модуль, изначально алерт идет об однократных связях, как туда может попасть "лишняя" новость не совсем понятно.

В любом случае обратитесь к teraMoune как к специалисту
TeraMoune | Нужо доработать плагин связанных новосте ... ²

TeraMoune
Нужо доработать плагин связанных новостей
23-12-2024, 13:40

Пишите в телеграм посмотрим
non-stop | Как решить проблему индексации DLE в пои ... ⁴

non-stop
Как решить проблему индексации DLE в поиске Bing?
23-12-2024, 08:43

Проверил также количество страниц в поиске BING
site:adressayta.com

в поиске всего 3 страницы
Sitemap как ни пытался скормить - не выходит. выдает ошибку
Неприемлемая карта сайта
Невозможно получить URL-адреса с карты сайта

Мне кажется что причина в файле .httaccess
тк при попытке скармливания постранично - выдает ошибку перенаправления
URL перенаправления цели:https://........ ./index.php?do=static&page=406.&seourl=406.
Sud3n | Как решить проблему индексации DLE в пои ... ⁴

Sud3n
Как решить проблему индексации DLE в поиске Bing?
22-12-2024, 20:44

Ошибка, если посмотреть есть ли страничка в индексе
Но версия DLE у меня старая, сомневаюсь, что дело в версии
Sud3n | Как решить проблему индексации DLE в пои ... ⁴

Sud3n
Как решить проблему индексации DLE в поиске Bing?
22-12-2024, 20:42

У меня почему-то Bing вообще не индексирует сайт после добавления в Вебмастер
non-stop | Как решить проблему индексации DLE в пои ... ⁴

non-stop
Как решить проблему индексации DLE в поиске Bing?
19-12-2024, 17:02

Забыл написать что обновился до последней версии 17.3
Интересно узнать, это только у меня проблема, или это проблема движка? проверьте свои сайты на наличие в поиске Bing.
В 11 винде именно эта поисковая система стоит по умолчанию . кроме того эта же поисковая система отвечает за индекс еще одного поисковика - yahoo. Эти системы могут давать дополнительный процент пискового трафика на сайты.
lutskboy | Как максимально грамотно организовать до ... ¹

lutskboy
Как максимально грамотно организовать добавление материалов через SQL-запросы?
18-12-2024, 21:39

все верно. related_ids автоматом заполняется потом.
derebas | Убираем xfsearch из адресной строки ⁷

derebas
Убираем xfsearch из адресной строки
16-12-2024, 02:35

в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
toxicpioner | Убираем xfsearch из адресной строки ⁷

toxicpioner
Убираем xfsearch из адресной строки
15-12-2024, 19:31

если в доп поле есть пробел, будет выдавать просто 403 стр
dj-avtosh | Воспользовался хаком удаление html из ад ... ²

dj-avtosh
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
12-12-2024, 17:26

Нужно правило с year поднять выше всех в .htaccess