Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Jquery Активный пункт меню 
:(
    Опции темы
Areostar
Дата 4.1.2013, 21:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1191
Регистрация: 5.4.2008

Репутация: нет
Всего: -2



сделал табличку, в каждую яцейку поместил пункт меню придал им стил. задача при клике по пукту он меняет свой цвет, это я тоже понимаю как сделатьно если кликают по второму пункту то предидущий должен вернутся в первоночалному цвету. как это делается! при каждом улике писать приобразования для каждого дркгого пункта? или можно по ним как нибуть в цикле проитись??
PM MAIL   Вверх
Ripper
Дата 4.1.2013, 22:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Lonely soul...
**


Профиль
Группа: Участник
Сообщений: 920
Регистрация: 30.6.2004
Где: г. Москва

Репутация: 1
Всего: 23



Ну можно сделать CSS класс, типа td.active. При клике этот класс устанавливается на ячейку, а у всех других он убирается. 
Код

$(function() {
    $('.mytable tr td').click(function() {
        $('.mytable tr td').removeClass('active');  // Здесь мы сразу всем ячейкам удаляем класс
        $(this).addClass('active');
    });
});


Обычно работают через классы, вместо того чтобы напрямую менять стиль (цвет и т.д.). 
Чтобы пройтись по всем элементам достаточно написать $('.mytable tr td') и то что написано дальше будет применено ко всем элементам.
Хотя, наверно, можно как то короче написать все это



--------------------
"Он знает: надо смеяться над тем, что тебя мучит, иначе не сохранишь равновесия, иначе мир сведет тебя с ума" - Над кукушкиным гнездом
PM MAIL ICQ   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: для новичков | Следующая тема »


 




[ Время генерации скрипта: 0.0901 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.