diff options
Diffstat (limited to 'web/static')
| -rw-r--r-- | web/static/css/style.css | 11 | ||||
| -rw-r--r-- | web/static/js/main.js | 26 |
2 files changed, 26 insertions, 11 deletions
diff --git a/web/static/css/style.css b/web/static/css/style.css index ec73fd0..b293da8 100644 --- a/web/static/css/style.css +++ b/web/static/css/style.css @@ -27,4 +27,15 @@ span:hover { padding: 3.5em 2em; font-size: 18px; line-height: 180%; + +#texte-non-corrige { + margin-top:0cm; + width: 10cm; + float: left; +} + +#texte-corrige { + margin-top:0cm; + width: 10cm; + float: left; } diff --git a/web/static/js/main.js b/web/static/js/main.js index ff09fd1..c790e34 100644 --- a/web/static/js/main.js +++ b/web/static/js/main.js @@ -1,19 +1,23 @@ $(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"); - } - + mapKey: 'data-orig', + fillColor: 'ff0000', + fillOpacity: 0.3, + onMouseover: function (e) { + $("#" + "orig-" + e.key).addClass("selected"); + $("#" + "corr-" + e.key).addClass("selected"); + }, + onMouseout: function (e) { + $("#" + "orig-" + e.key).removeClass("selected"); + $("#" + "corr-" + e.key).removeClass("selected"); + } + }).mapster('resize', 500); $("span").mouseenter(function() { - $('area[data-id='+$(this).attr("id")+']').mapster("highlight"); + $(this).attr("id").replace(/\D+/,"").split(",").map(function(e){ + $('area[data-orig='+e+']').mapster("highlight"); + }) }); $("span").mouseout(function() { |