Как оставить вкладку меню выделенной после того, как пользователь перешел по ней?

Question

[Vetalz]

При наведении на вкладку она выделяется синим цветом (пример: мужчинам). Как сделать так, чтобы серый цвет оставался после перехода пользователя по этой вкладке (пример: детям).
Пример:

Comments

[twixoff]

серый цвет оставался после перехода пользователя по этой вкладке (пример: детям) = текущая страница (пример: детям) ?

[Vetalz]

да

Answer 1

[ultrbi4]

В гугле запрос "активная ссылка javascript"

onload = function() {
    for (var lnk = document.links, j = 0; j < lnk.length; j++)
        if (lnk[j].href == document.URL) lnk[j].style.color = '#fff';
}

Comments

[Виталий Киренков]

Круто...))) А сами то поняли, что написали и зачем?

[ultrbi4]

Понял, определяем совпадает ли href с адресом и выделяем активную ссылку. Логика такая. Вопрос тем более с тегами css и html, поэтому я сделал вывод, что решение с javascript'том будет актуально для автора.

Answer 2

[Виталий Киренков]

Зачем яваскриптом то??? Если человек перешёл по ссылке и страница перезагружается, соответственно контент отдаётся серваком, а сервак должен знать куда вы переходите, соответственно просто докидываете на пункт меню класс active, а в стилях для этого класса пропишите фон. Вот и всё..

Comments

[Юрий Лобанов]

Просто у автора скорее всего нет понятия, как все это работает.

[Виталий Киренков]

@iiil ВСЁ ЭТО, весь интернет =))

[Юрий Лобанов]

@DeLaVega ну в общем-то да, и такое возможно. Или просто не может выразить то, что хочет.

Answer 3

[Beeetle]

просто в стилях пишете

.ваш_класс_меню:active{
сюда пишите стиль активной ссылки ( где находится пользователь в данный момент)
}

Comments

[Vetalz]

Я так пробовал, но :active задает стиль только в момент нажатия на ссылку. Как только кнопку мыши отпускаешь стиль пропадает.