Передача data атрибута ссылкой для изменения класса на след. странице?

Question

[Delerium]

есть 2 меню ссылки которых аналогичны, при клике на ссылку добавляется класс .active

<ul class="firstmenu">
<li><a href="/catalog/">Ссылка 1</a></li>
<li><a href="/catalog/">Ссылка 2</a></li>
<li><a href="/catalog/">Ссылка 3</a></li>
</ul>

<ul class="secondmenu">
<li><a href="/catalog/">Ссылка 1</a></li>
<li><a href="/catalog/">Ссылка 2</a></li>
<li><a href="/catalog/">Ссылка 3</a></li>
</ul>

как правильно добавить data атрибут, чтобы на странице после перехода на /catalog/ , было понятно, нажимали мы ссылку в меню firstmenu или secondmenu. Мне нужно грубо говоря потом добавить к этому меню касс current

Answer 1

[Андрей Андреев]

Обычно это делается динамически на сервере, и current`ом помечаються обе ссылки.

Comments

[Delerium]

Вот именно, что мне нужно оставить только одни current, с того меню с которого был клик

[Егор Живагин]

Delerium: ключевое слово "на сервере" . У вас есть серверная часть или вы только фронт делаете?

На клиенте есть вариант только записывать дата-атрибут выбранной ссылки в куки, например. А при загрузке страницы читать из куков. (про куки и работу с ними надо гуглить)

Answer 2

[Максим]

Попробовать записывать в search: https://developer.mozilla.org/ru/docs/Web/API/Wind...