Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как запомнить выбранный пункт меню? / 5 сообщений из 5, страница 1 из 1
14.10.2016, 08:07
    #39326751
wolverin
wolverin
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как запомнить выбранный пункт меню?
все находится на одной странице, через css сделал эффекты все стандартные, а как запомнить тот пункт который выбран? без jQuery
если один тег <a> получается подсветить через onclick="this.className+=' current';", а как убрать, если выбран другой?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.10.2016, 08:09
    #39326752
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как запомнить выбранный пункт меню?
wolverinа как убрать, если выбран другой?
Выбрать всех обладателей того current и убрать его у них...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.10.2016, 08:21
    #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, 09:20
    #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:43
    #39326799
бухалтер фантоцци
бухалтер фантоцци
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как запомнить выбранный пункт меню?
wolverin,

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

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

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


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