Как стилизовать тег {sort} в dle?

Question

[Алексей Королёв]

Стоит задача сделать в dle некий аналог сортировки с вк или tj или других крупных сайтах (пример на скриншоте). Или к примеру как на тостере на главной. Всё что мне удалось сделать на данном этапе видно на скриншоте. Теперь вопрос. Как сделать чтобы при нажатии и активации вкладки к примеру Комментируемое она подчёркивалась как и на скриншоте слово Все?

Comments

[Андрей Хохлов]

а посмотреть в инспекторе на tj вы не в состоянии?

[Алексей Королёв]

Андрей Хохлов, Вы вообще dle хоть раз пользовались или не в состоянии? Весь список выводится одним тегом {sort} и класс atcive ему просто не применить. Тут нужно либо в код самого движка лезть (я не знаю куда) или придумывать решение на css

Answer 1

[Владислав Бойченко]

При клике на ссылку добавляете ей определенный класс, по нему и стилизируете. У остальных ссылок этот класс забираете. В общем, вот: https://jsfiddle.net/v8maedzb/2/

Comments

[Алексей Королёв]

Всё понятно, тут список. А как в dle сделать этот хак для dle где водится весь список тегом {sort} и нельзя обратится к конкретному пункту

[Владислав Бойченко]

Алексей Королёв, дайте ссылку на сайт, нужно посмотреть, тогда скажу.

[Алексей Королёв]

Толку от ссылки на сайт? тег {sort} стандартный в DLE он выводит одинаковое значение в разных шаблонах.
P.S. сайт на локалке

[Владислав Бойченко]

Алексей Королёв, я это понимаю, но {sort} только у вас в шаблоне, при компиляции оно выдаст какой-то html-код, это можно будет увидеть в средствах разработчика. От этого и отталкиваться, там будут какие-то дефолтные класы DLE.

[Алексей Королёв]

Владислав Бойченко, может вк спишемся? Решим задачу и сюда полноценный ответ напишем? Моя станица

[Владислав Бойченко]

Алексей Королёв, не сижу в ВК.
Просто киньте сюда скриншот участка кода в средствах разработчика, где выводится {sort}. Насколько я помню, там, где пишешь {login}, там форму входа выводит, там, где {search} -- форму поиска. Вот заскриньте то, что выводится в том месте, где прописан {sort}.

[Алексей Королёв]

Владислав Бойченко, загрузил на сервер. Вот https://atomograd.su/ посмотри сам

[Владислав Бойченко]

Вот код: https://jsfiddle.net/v8maedzb/11/
Суть в том, что при загрузке страницы находишь именну ту ссылку, которая выбрана. Посмотрев код, можно увидеть, что выбранная от остальных отличается одним значением в атрибуте onclick. Если у всех там 'desc', то у активного элемента 'asc'. По этому моменту и задаешь класс ссылке при загрузке страницы, а дальлше уже по классу стилизируешь.

[Алексей Королёв]

Владислав Бойченко, всё вроде хорошо, только не пойму почему от скрипта перестаёт работать сам sort