ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как запомнить выбранный пункт меню?
5 сообщений из 5, страница 1 из 1
Как запомнить выбранный пункт меню?
    #39326751
Фотография wolverin
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
wolverin
Участник
все находится на одной странице, через css сделал эффекты все стандартные, а как запомнить тот пункт который выбран? без jQuery
если один тег <a> получается подсветить через onclick="this.className+=' current';", а как убрать, если выбран другой?
...
Рейтинг: 0 / 0
14.10.2016, 08:07
| Ответить | Цитировать | Написать  
Как запомнить выбранный пункт меню?
    #39326752
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
wolverinа как убрать, если выбран другой?
Выбрать всех обладателей того current и убрать его у них...
...
Рейтинг: 0 / 0
14.10.2016, 08:09
| Ответить | Цитировать | Написать  
Как запомнить выбранный пункт меню?
    #39326761
Фотография бухалтер фантоцци
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
бухалтер фантоцци
Участник
Первое что пришло в голову (не проверял разумеется)
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
collection = document.querySelectorAll('#myMenu .myItem');
...

// oldClass - имя удаляемого класса
if (obj.className.indexOf(newClass)>=0) {
    obj.className = obj.className.replace(new RegExp('(\\s|^)' + oldClass + '(\\s|$)'),' ').replace('  ',' ');
}

// oldClass - имя добавляемого класса
if (obj.className.indexOf(newClass)==-1) {
    obj.className += ' '+newClass;
}
...
Рейтинг: 0 / 0
14.10.2016, 08:21
| Ответить | Цитировать | Написать  
Как запомнить выбранный пункт меню?
    #39326787
Фотография wolverin
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
wolverin
Участник
бухалтер фантоцци,

спасибо, для себя упростил
Код: javascript
1.
2.
3.
4.
5.
6.
7.
        function setCurrent(item) {
            var el = document.querySelector('.menu a.current');
            if (el != null) el.className = '';
            item.className = 'current';
        }

onclick="setCurrent(this)"
...
Рейтинг: 0 / 0
14.10.2016, 09:20
| Ответить | Цитировать | Написать  
Как запомнить выбранный пункт меню?
    #39326799
Фотография бухалтер фантоцци
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
бухалтер фантоцци
Участник
wolverin,

для текущего простого решения это может и работать (возможно, случайно) :)

Вангую Вам путь проб и ошибок :)

- правильнее будет снимать выделение со всех пунктов меню, потомучто мало-ли где они могут быть установлены (как в исходном коде, так и в ране выполненном и возможно ошибочном JS-коде)
- при открытии страницы актуальный пункт меню уже должен быть выделен (я-бы решал это с серверной стороны).
- какие самые нестандартные и дурацкие действия может сделать злой коварный тестировщик. желающий вашего увольнения?
- нужно подчищать за собой всегда, как и проверять входные параметры (поверьте на слово, ну это придёт с опытом).
...
Рейтинг: 0 / 0
14.10.2016, 09:43
| Ответить | Цитировать | Написать  
5 сообщений из 5, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как запомнить выбранный пункт меню?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]