diff options
| author | Thibaut Horel <thibaut.horel@gmail.com> | 2014-09-07 16:01:05 -0400 |
|---|---|---|
| committer | Thibaut Horel <thibaut.horel@gmail.com> | 2014-09-07 16:01:05 -0400 |
| commit | cd51d7e0d763ed669a2a45555d64d81e3b2478a1 (patch) | |
| tree | 52d27202e5971f1972c2a3e3430913b93f55b9dd /web/static | |
| parent | d28394833d54a68f5ca13d2edaa261128f6c5170 (diff) | |
| parent | 6283b6582960544dc02e438e739775e3239b802c (diff) | |
| download | ocr-layer-curation-cd51d7e0d763ed669a2a45555d64d81e3b2478a1.tar.gz | |
Merge branch 'master' of horel.org:thibaut/ocr-layer-curation
Conflicts:
web/static/css/style.css
web/templates/index.html
web/utils.py
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() { |