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

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

вопрос

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

на главной

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

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

Ответил: 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 лучше, а то в ответе очень много дублирования кода

Похожие вопросы

Последние события

mondolfo | Как вывесит в comments.tpl картинку с но ... ⁷

mondolfo
Как вывесит в comments.tpl картинку с новости?
Вчера, 23:42

кто-нибудь решил эту?
Darkzone | Выбор категории для доп. поля? ⁴

Darkzone
Выбор категории для доп. поля?
22-11-2024, 17:08

Разъясните как вытащить id?
lutskboy | Вытащить все данные из определенного доп ... ¹

lutskboy
Вытащить все данные из определенного доп поля?
22-11-2024, 16:17

в adminer можно.

lutskboy | Выбор категории для доп. поля? ⁴

lutskboy
Выбор категории для доп. поля?
22-11-2024, 16:14

выбрать все кроме такого нет. можно с бд достать все ид через запятую и вставить в xfields.txt
js скрипт можно написать


<script>
    window.addEventListener('load', ()=> {
        $('#category').on('change', function() {
            var value = $(this).val();
            if ($.isArray(value)) {
            	ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 );
            } else {
            	ShowOrHideEx("xfield_holder_year", value == 1 || value==2);
            }
        })
    });
</script>
year доп поле . 1 и 2 катег

Darkzone | Выбор категории для доп. поля? ⁴

Darkzone
Выбор категории для доп. поля?
22-11-2024, 14:39

Смотрите, Нужно чтоб обязательное к заполнению доп. поле при добавлении новости, выводилось во всех категориях, кроме двух. Так как количество категорий довольно большое, есть ли способ, не тыкать каждую категорию в которой будет отображаться доп.поле. Надеюсь я смог разъяснить.
lutskboy | Выбор категории для доп. поля? ⁴

lutskboy
Выбор категории для доп. поля?
22-11-2024, 13:52

где выводить? админка или сайт
TeraMoune | Как отключить миниатюры стандартной гале ...
TeraMoune
Как отключить миниатюры стандартной галереи Fancybox?
21-11-2024, 06:00
В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

Например: параметр Thumbs: false отключает миниатюры.
```
Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
```
derebas | Как реализовать шифрование трафика? ³

derebas
Как реализовать шифрование трафика?
18-11-2024, 16:52

Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:46

я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
Так и было...
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:39

чтоб не удалять выстави права и пользователя какие там идут на файлы. .

наверх