Выделите изменение цвета для разных условий - PullRequest
Новая
       16

Выделите изменение цвета для разных условий

0 голосов
/ 05 апреля 2011

Как изменить цвет карты области для другого условия, когда область уже выделена?

Это мой код: 

if(partyname = "Democrat")
{  
    var data = $('#MT').data('maphilight') || {fillColor:'ff0000'};
    data.alwaysOn = !data.alwaysOn;
    $('#MT').data('maphilight', data).trigger('alwaysOn.maphilight');   
}
 if(partyname = "Republican")
{   
    var data = $('#MT').data('maphilight') || {fillColor:'000000'};
    data.alwaysOn = !data.alwaysOn;
    $('#MT').data('maphilight', data).trigger('alwaysOn.maphilight');
}

Я использую плагин jquery.maphighlight.min.js jQuery дляПодсветка карты.

Моя проблема в том, что область подсвечивается красным цветом с помощью первой кнопки.Если я нажму вторую кнопку, выделится та же область, но цвет не может быть изменен (цвет должен быть изменен на черный).

Ответы [ 3 ]

1 голос
/ 01 апреля 2011

Для начала попробуйте заменить «colorToHightlight» на colorToHighlight, чтобы вызвать правильную переменную, которую вы назвали ранее.

0 голосов
/ 18 октября 2011

Мы использовали атрибут alt для хранения цвета.

HTML: 

<p><a href="#" class="aToggle" alt="37ee8d">Go GREEN</a></p>

JS / JQuery: 

        $('.aToggle').click(function (e) {
            var data = $('#area1').mouseout().data('maphilight') || {};
            data.fillColor = $(this).attr('alt');
            $('#area1').data('maphilight', data).trigger('alwaysOn.maphilight');
        });

Где "area1" - это область карты.

0 голосов
/ 01 апреля 2011

Что-то вроде:

Jquery: 

var colorToHighlight = "black" //default

$("#color_options a").click(function (e)
{
    e.preventDefault(); //stop the anchor tag

    colorToHighlight = $(this).attr("id");
}

/*
    Do the highlight stuff

*/

HTML: 

<div id="color_options">
    <a href="#" id="green">Green</a> - <a href="#" id="red">Red</a>
</div>
...