Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
serjio3077
2 / 2 / 1
Регистрация: 31.07.2013
Сообщений: 27
#1

Подсветка ссылки меню после нажатия - JavaScript

30.06.2015, 09:25. Просмотров 273. Ответов 1
Метки нет (Все метки)

Имеется горизонтальное меню, с вложенностью. Есть ли возможность изменить стиль ссылки после нажатия, то есть если я нахожусь в данном пункте либо его потомке(подпункте) подсветка по макету дизайна должна меняться, а так же начертание шрифта. Изучил возможности :hover :visited :checked, ничего не помогает.
0
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
30.06.2015, 09:25
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Подсветка ссылки меню после нажатия (JavaScript):

Показ ссылки после нажатия на баннер
Привет! Как сделать так, чтобы ссылка на файл высвечивалась только после...

Можно ли изменить ссылки по классу в меню (поменять домен в конкретном меню)?
Всем привет. Есть два меню на странице: <ul class="menu-head">...

Как сделать,чтобы после (!именно после)нажатия кнопки"рассчитать" отображалась на экране запись
Люди добрые,прошу помощи! Как сделать,чтобы после (!именно после)нажатия...

Запрос после нажатия кнопки
Здравствуйте. Помогите, пожалуйста, решить следующую проблему. Нужно чтобы...

Появление текста после нажатия
Доброго времени суток форумчане. Помогите пожалуйста. Мне нужно написать...

Изменение div после нажатия
В общем у меня есть div. я его использую как ссылку при нажатии на которую идет...

1
Shakalaka
Эксперт HTML/CSS
643 / 547 / 322
Регистрация: 27.01.2015
Сообщений: 1,373
30.06.2015, 11:16 #2
Лучший ответ Сообщение было отмечено serjio3077 как решение

Решение

Таким обычно занимается серверная сторона. Активному пункту меню присваивается класс типа .active/current или еще как-то. Но можно и на js реализовать.
Пример
HTML5
1
2
3
4
5
6
<ul>
    <li>item 1(click)</li>
    <li>item 2(click)</li>
    <li>item 3(click)</li>
    <li>item 4(click)</li>
</ul>
CSS
1
2
3
4
5
6
7
8
9
.active{
    font-family:'Gabriola';
    font-size:3em;
    color:#f0f;
}
li{
    transition:all .5s;
    cursor:pointer;
}
Javascript
1
2
3
4
5
6
7
8
9
10
11
var lis = document.querySelectorAll('li');
for(var i = 0; i < lis.length; i++){
    lis[i].onclick = function(){
        if(active = this.parentNode.querySelector('.active')){
            active.classList.remove('active');
            this.classList.add('active');
        }
        else
            this.classList.add('active');
    }
}
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
30.06.2015, 11:16
Привет! Вот еще темы с решениями:

Закрытие формы после нажатия
Всем доброго времени суток! У меня есть форма обратной связи которая находится...

Скрыть div после нажатия на него
Здравствуйте. Есть блок текста с &quot;Читать далее&quot;. После нажатие на читать далее...

Вывод формы после нажатия radio
Добрый день. Делаю корзину в самописном интернет-магазине. Есть способы...

Заменить текст на кнопке после нажатия
помогите реализовать такой случай. при нажатии на кнопку она загружается и...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru