web/static/js/main.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

$(document).ready(function() {
    $('#page').mapster({
                mapKey: 'data-id',
                fillColor: 'ff0000',
                fillOpacity: 0.3, 
    onMouseover: function (e) {
        $("#" + e.key).addClass("selected");
    },
    onMouseout: function (e) {
        $("#" + e.key).removeClass("selected");
    }
                
    }).mapster('resize', 500);

    $("span").mouseenter(function() {
        $('area[data-id='+$(this).attr("id")+']').mapster("highlight");
    });

    $("span").mouseout(function() {
        $('#page').mapster("highlight", false);
    });
});