Как сделать меню активным только при нажатий, как на фото?

Question

[Абай Тажигалиев]

Comments

[Абай Тажигалиев]

Neoline: Спасибо, например у меня на сайте нет ссылки главный страницы, роль ссылки это логотип.

Answer 1

[Dark Hole]

Что может быть проще?

var elem = document.getElementsById('menu-item');
elem.onclick = function(e){
e.target.className += ' selected';
Либо
e.target.styles.border = '3px';
}

Comments

[lega]

проще может быть

[Dark Hole]

lega: ага.

document.getElementsById('menu-item').onclick = function(e){e.target.className += ' selected';};

[lega]

Dark Hole: это можно сделать без написания js, чисто на css (radio, checked и "+")
тут ещё описано как просто (без "js") это делается https://habrahabr.ru/post/272125/

[Dark Hole]

lega: ну. Вообще изначально - да. Но js обеспечивает большую гибкость

[Игорь]

Dark Hole: а этот selected сохранится если ты переходишь на другой раздел?
то етсь будет полная перезагрузка стр

[Абай Тажигалиев]

Dark Hole: Спасибо, так сделал

В html работает, но в php не работает, почему не знаете?

[Абай Тажигалиев]

Dark Hole: Пришлось сделать на PHP, на javascript не получился. Вот так работает
<?if($view == $item['title_url']) echo "class='menu-active'"; ?>

[Dark Hole]

Абай Тажигалиев: кривые ручки и все

[Dark Hole]

Игорь Николаевич: неее

Answer 2

[Cyber_bober]

задайте class="active" который будет добавляться при нажатии