VPF::Изменение цвета выделения при нажатии на checkbox

Karta

Дата 4.2.2013, 14:52 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 117
Регистрация: 4.6.2009

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

Добры день, столкнулась с такой проблемой.
У меня есть картинка, на картинке область выделена красным цветом. И есть checkbox с надписью "зеленый".
Подскажите как мне написать обработчик, который бы менял красный цвет выделенной области на зеленый?

Код


 .area {
                    
fill: #ef6088;
 fill-opacity:0.36283186000000001;
 stroke:#0a8f00;
stroke-linecap:round;
stroke-opacity:0.33628319000000001;
        }

Это мой .area который окрашивает область красным цветом.
А вот checkbox

Код



<p><input type="checkbox" id="title"><label for="title">Green</label></p>

Попробовала написать такой код

Код


$("#area input[type=checkbox]").change(function() {
    var row = $(this).parent().parent();
    var id = row.attr("id");
    if (this.checked) {
      row.addClass("green");
      $("#"+id, svgdom).myAddClass("green");
    } else {
      row.removeClass("selected");
      $("#"+id, svgdom).myRemoveClass("green");
    }
  });

но что то не работает...

Это сообщение отредактировал(а) Karta - 4.2.2013, 14:56

Aliance

Дата 4.2.2013, 15:55 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

Сделайте 3 класса: .area, .area.green, .area.red - в первом все, как у вас, кроме цвета. в остальных два разные цвета. через скрипт меняйте (добавляйте и удаляйте) соотв. классы.

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Karta

Дата 4.2.2013, 16:14 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 117
Регистрация: 4.6.2009

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

Спасибо, попробовала, сработало. smile

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »