Mercurial > hg > digilib-old

annotate webapp/src/main/webapp/jquery/jquery.digilib.regions.js @ 1025:c75858ee4452

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
more fiddling with regions. use map and area tags (can be changed by regionContentSelector). new autoZoomRegionLinks and fullRegionLinks.
author robcast
date Tue, 06 Mar 2012 23:53:22 +0100
parents 4ee43243a6a0
children ff19b9e936d3
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
1 /** optional digilib regions plugin
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
2
1023
8e3462a753f0 small clean ups.
robcast
parents: 996
diff changeset
3 Mark up a digilib image with rectangular regions.
8e3462a753f0 small clean ups.
robcast
parents: 996
diff changeset
4
8e3462a753f0 small clean ups.
robcast
parents: 996
diff changeset
5 If hasRegionInfo=true reads regions from page HTML.
8e3462a753f0 small clean ups.
robcast
parents: 996
diff changeset
6 Element with regions has to be in digilib element, e.g.
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
7
1025
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
8 <map class="dl-keep dl-regioncontent">
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
9 <area href="http://www.mpiwg-berlin.mpg.de" coords="0.1,0.1,0.4,0.1" alt="MPI fuer Wissenschaftsgeschichte"/>
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
10 <area href="http://www.biblhertz.it" coords="0.5,0.8,0.4,0.1" alt="Bibliotheca Hertziana"/>
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
11 <area coords="0.3,0.5,0.15,0.1" />
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
12 </map>
1023
8e3462a753f0 small clean ups.
robcast
parents: 996
diff changeset
13
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
14 */
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
15
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
16 (function($) {
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
17 // the digilib object
996
0b63093d598e cssPrefix works now.
robcast
parents: 991
diff changeset
18 var digilib = null;
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
19 // the functions made available by digilib
996
0b63093d598e cssPrefix works now.
robcast
parents: 991
diff changeset
20 var fn = null;
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
21 // affine geometry plugin
996
0b63093d598e cssPrefix works now.
robcast
parents: 991
diff changeset
22 var geom = null;
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
23
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
24 var buttons = {
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
25 addregion : {
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
26 onclick : "defineRegion",
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
27 tooltip : "define a region",
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
28 icon : "addregion.png"
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
29 },
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
30 delregion : {
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
31 onclick : "removeRegion",
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
32 tooltip : "delete the last region",
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
33 icon : "delregion.png"
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
34 },
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
35 regions : {
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
36 onclick : "toggleRegions",
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
37 tooltip : "show or hide regions",
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
38 icon : "regions.png"
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
39 },
832
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 824
diff changeset
40 regionhtml : {
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
41 onclick : "showRegionInfo",
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
42 tooltip : "show information about regions",
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
43 icon : "regioninfo.png"
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
44 }
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
45 };
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
46
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
47 var defaults = {
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
48 // are regions shown?
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
49 'isRegionVisible' : true,
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
50 // are region numbers shown?
1023
8e3462a753f0 small clean ups.
robcast
parents: 996
diff changeset
51 'showRegionNumbers' : true,
832
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 824
diff changeset
52 // is window with region HTML shown?
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
53 'showRegionInfo' : false,
850
47a6b93bde43 always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 848
diff changeset
54 // is there region content in the page?
47a6b93bde43 always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 848
diff changeset
55 'hasRegionContent' : false,
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
56 // turn any region into a clickable link to its detail view
1025
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
57 'autoZoomRegionLinks' : false,
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
58 // use full region as klickable link (instead of only number and text)
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
59 'fullRegionLinks' : false,
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
60 // css selector for area elements (should additionally be marked with class "keep")
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
61 'regionContentSelector' : 'map.dl-regioncontent area',
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
62 // buttonset of this plugin
832
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 824
diff changeset
63 'regionSet' : ['regions', 'addregion', 'delregion', 'regionhtml', 'lessoptions'],
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
64 // url param for regions
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
65 'rg' : null
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
66 };
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
67
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
68 var actions = {
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
69
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
70 // define a region interactively with two clicked points
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
71 "defineRegion" : function(data) {
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
72 if (!data.settings.isRegionVisible) {
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
73 alert("Please turn on regions visibility!");
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
74 return;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
75 }
996
0b63093d598e cssPrefix works now.
robcast
parents: 991
diff changeset
76 var cssPrefix = data.settings.cssPrefix;
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
77 var $elem = data.$elem;
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
78 var $body = $('body');
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
79 var bodyRect = geom.rectangle($body);
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
80 var $scaler = data.$scaler;
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
81 var scalerRect = geom.rectangle($scaler);
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
82 var pt1, pt2;
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
83 // overlay prevents other elements from reacting to mouse events
996
0b63093d598e cssPrefix works now.
robcast
parents: 991
diff changeset
84 var $overlay = $('<div class="'+cssPrefix+'overlay" style="position:absolute"/>');
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
85 $body.append($overlay);
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
86 bodyRect.adjustDiv($overlay);
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
87 var $regionDiv = addRegionDiv(data, data.regions.length);
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
88
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
89 // mousedown handler: start sizing
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
90 var regionStart = function (evt) {
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
91 pt1 = geom.position(evt);
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
92 // setup and show zoom div
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
93 pt1.adjustDiv($regionDiv);
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
94 $regionDiv.width(0).height(0);
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
95 $regionDiv.show();
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
96 // register mouse events
920
07c989c41b4f made plugins more jquery 1.7 compliant
robcast
parents: 903
diff changeset
97 $overlay.on("mousemove.dlRegion", regionMove);
07c989c41b4f made plugins more jquery 1.7 compliant
robcast
parents: 903
diff changeset
98 $overlay.on("mouseup.dlRegion", regionEnd);
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
99 return false;
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
100 };
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
101
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
102 // mousemove handler: size region
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
103 var regionMove = function (evt) {
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
104 pt2 = geom.position(evt);
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
105 var rect = geom.rectangle(pt1, pt2);
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
106 rect.clipTo(scalerRect);
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
107 // update region
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
108 rect.adjustDiv($regionDiv);
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
109 return false;
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
110 };
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
111
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
112 // mouseup handler: end sizing
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
113 var regionEnd = function (evt) {
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
114 pt2 = geom.position(evt);
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
115 // assume a click and continue if the area is too small
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
116 var clickRect = geom.rectangle(pt1, pt2);
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
117 if (clickRect.getArea() <= 5) return false;
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
118 // unregister mouse events and get rid of overlay
920
07c989c41b4f made plugins more jquery 1.7 compliant
robcast
parents: 903
diff changeset
119 $overlay.off("mousemove.dlRegion", regionMove);
07c989c41b4f made plugins more jquery 1.7 compliant
robcast
parents: 903
diff changeset
120 $overlay.off("mouseup.dlRegion", regionEnd);
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
121 $overlay.remove();
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
122 // clip region
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
123 clickRect.clipTo(scalerRect);
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
124 clickRect.adjustDiv($regionDiv);
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
125 storeRegion(data, $regionDiv);
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
126 // fn.redisplay(data);
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
127 fn.highlightButtons(data, 'addregion', 0);
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
128 redisplay(data);
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
129 return false;
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
130 };
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
131
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
132 // bind start zoom handler
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
133 $overlay.one('mousedown.dlRegion', regionStart);
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
134 fn.highlightButtons(data, 'addregion', 1);
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
135 },
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
136
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
137 // remove the last added region
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
138 "removeRegion" : function (data) {
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
139 if (!data.settings.isRegionVisible) {
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
140 alert("Please turn on regions visibility!");
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
141 return;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
142 }
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
143 var region = data.regions.pop();
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
144 if (region == null) return;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
145 var $regionDiv = region.$div;
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
146 $regionDiv.remove();
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
147 redisplay(data);
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
148 },
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
149
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
150 // show/hide regions
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
151 "toggleRegions" : function (data) {
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
152 var show = !data.settings.isRegionVisible;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
153 data.settings.isRegionVisible = show;
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
154 fn.highlightButtons(data, 'regions', show);
850
47a6b93bde43 always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 848
diff changeset
155 renderRegions(data, 1);
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
156 },
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
157
832
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 824
diff changeset
158 // show/hide region HTML code
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
159 "showRegionInfo" : function (data) {
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
160 var show = !data.settings.showRegionInfo;
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
161 data.settings.showRegionInfo = show;
832
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 824
diff changeset
162 fn.highlightButtons(data, 'regionhtml', show);
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 824
diff changeset
163 var $html = data.$htmlDiv;
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 824
diff changeset
164 if (!show) {
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
165 // empty the div
832
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 824
diff changeset
166 $html.fadeOut(function () {
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 824
diff changeset
167 $html.contents().remove();
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 824
diff changeset
168 });
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 824
diff changeset
169 return;
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
170 }
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
171 regionInfo(data);
991
497ab03868ab moved marks to separate plugin. (pack and unpack is still in digilib.js)
robcast
parents: 969
diff changeset
172 }
850
47a6b93bde43 always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 848
diff changeset
173
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
174 };
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
175
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
176 // store a region div
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
177 var storeRegion = function (data, $regionDiv) {
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
178 var regions = data.regions;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
179 var rect = geom.rectangle($regionDiv);
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
180 var regionRect = data.imgTrafo.invtransform(rect);
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
181 regionRect.$div = $regionDiv;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
182 regions.push(regionRect);
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
183 console.debug("regions", data.regions, "regionRect", regionRect);
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
184 };
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
185
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
186 // clickable header
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
187 var regionInfoHeader = function (data) {
996
0b63093d598e cssPrefix works now.
robcast
parents: 991
diff changeset
188 var cssPrefix = data.settings.cssPrefix;
0b63093d598e cssPrefix works now.
robcast
parents: 991
diff changeset
189 var $infoDiv = $('<div class="'+cssPrefix+'infoheader"/>');
0b63093d598e cssPrefix works now.
robcast
parents: 991
diff changeset
190 var $h01 = $('<div class="'+cssPrefix+'infobutton">HTML</div>');
0b63093d598e cssPrefix works now.
robcast
parents: 991
diff changeset
191 var $h02 = $('<div class="'+cssPrefix+'infobutton">SVG</div>');
0b63093d598e cssPrefix works now.
robcast
parents: 991
diff changeset
192 var $h03 = $('<div class="'+cssPrefix+'infobutton">Digilib</div>');
0b63093d598e cssPrefix works now.
robcast
parents: 991
diff changeset
193 var $h04 = $('<div class="'+cssPrefix+'infobutton">X</div>');
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
194 var bind = function($div, name) {
920
07c989c41b4f made plugins more jquery 1.7 compliant
robcast
parents: 903
diff changeset
195 $div.on('click.regioninfo', function () {
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
196 var $top = $(this).parent().parent();
996
0b63093d598e cssPrefix works now.
robcast
parents: 991
diff changeset
197 $top.find('.'+cssPrefix+'info').hide();
0b63093d598e cssPrefix works now.
robcast
parents: 991
diff changeset
198 $top.find('.'+cssPrefix+ name).show();
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
199 });
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
200 };
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
201 bind($h01, 'html');
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
202 bind($h02, 'svgattr');
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
203 bind($h03, 'digilib');
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
204 var $html = data.$htmlDiv;
920
07c989c41b4f made plugins more jquery 1.7 compliant
robcast
parents: 903
diff changeset
205 $h04.on('click.regioninfo', function () {
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
206 data.settings.showRegionInfo = false;
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
207 fn.highlightButtons(data, 'regionhtml', false);
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
208 $html.fadeOut(function () {
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
209 $html.contents().remove();
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
210 });
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
211 });
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
212 $infoDiv.append($h01, $h02, $h03, $h04);
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
213 return $infoDiv;
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
214 };
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
215
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
216 // html for later insertion
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
217 var regionInfoHTML = function (data) {
996
0b63093d598e cssPrefix works now.
robcast
parents: 991
diff changeset
218 var cssPrefix = data.settings.cssPrefix;
0b63093d598e cssPrefix works now.
robcast
parents: 991
diff changeset
219 var $infoDiv = $('<div class="'+cssPrefix+'info '+cssPrefix+'html"/>');
0b63093d598e cssPrefix works now.
robcast
parents: 991
diff changeset
220 $infoDiv.append($('<div/>').text('<div class="'+cssPrefix+'keep '+cssPrefix+'regioncontent">'));
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
221 $.each(data.regions, function(index, r) {
872
d46706f0eede crop region info
hertzhaft
parents: 862
diff changeset
222 var area = [
d46706f0eede crop region info
hertzhaft
parents: 862
diff changeset
223 fn.cropFloatStr(r.x),
d46706f0eede crop region info
hertzhaft
parents: 862
diff changeset
224 fn.cropFloatStr(r.y),
d46706f0eede crop region info
hertzhaft
parents: 862
diff changeset
225 fn.cropFloatStr(r.width),
d46706f0eede crop region info
hertzhaft
parents: 862
diff changeset
226 fn.cropFloatStr(r.height)].join(',');
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
227 $infoDiv.append($('<div/>').text('<a coords="' + area + '" >'));
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
228 });
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
229 $infoDiv.append($('<div/>').text('</div>'));
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
230 return $infoDiv;
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
231 };
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
232
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
233 // SVG-style
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
234 var regionInfoSVG = function (data) {
996
0b63093d598e cssPrefix works now.
robcast
parents: 991
diff changeset
235 var cssPrefix = data.settings.cssPrefix;
0b63093d598e cssPrefix works now.
robcast
parents: 991
diff changeset
236 var $infoDiv = $('<div class="'+cssPrefix+'info '+cssPrefix+'svgattr"/>');
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
237 $.each(data.regions, function(index, r) {
872
d46706f0eede crop region info
hertzhaft
parents: 862
diff changeset
238 var area = [
d46706f0eede crop region info
hertzhaft
parents: 862
diff changeset
239 fn.cropFloatStr(r.x),
d46706f0eede crop region info
hertzhaft
parents: 862
diff changeset
240 fn.cropFloatStr(r.y),
d46706f0eede crop region info
hertzhaft
parents: 862
diff changeset
241 fn.cropFloatStr(r.width),
d46706f0eede crop region info
hertzhaft
parents: 862
diff changeset
242 fn.cropFloatStr(r.height)].join(' ');
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
243 $infoDiv.append($('<div/>').text('"' + area + '"'));
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
244 });
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
245 return $infoDiv;
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
246 };
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
247
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
248 // digilib-style
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
249 var regionInfoDigilib = function (data) {
996
0b63093d598e cssPrefix works now.
robcast
parents: 991
diff changeset
250 var cssPrefix = data.settings.cssPrefix;
0b63093d598e cssPrefix works now.
robcast
parents: 991
diff changeset
251 var $infoDiv = $('<div class="'+cssPrefix+'info '+cssPrefix+'digilib"/>');
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
252 $.each(data.regions, function(index, r) {
862
7ebdc106a61a second step towards zoom arrows
hertzhaft
parents: 855
diff changeset
253 var area = r.toString();
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
254 $infoDiv.append($('<div/>').text(area));
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
255 });
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
256 return $infoDiv;
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
257 };
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
258
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
259 // show region info in a window
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
260 var regionInfo = function (data) {
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
261 var $html = data.$htmlDiv;
874
46444fe43b15 oops, should have tested first
hertzhaft
parents: 873
diff changeset
262 $html.append(regionInfoHeader(data));
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
263 $html.append(regionInfoHTML(data));
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
264 $html.append(regionInfoSVG(data));
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
265 $html.append(regionInfoDigilib(data));
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
266 $html.fadeIn();
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
267 };
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
268
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
269 // add a region to data.$elem
873
29f214f59654 copy more region attributes
hertzhaft
parents: 872
diff changeset
270 var addRegionDiv = function (data, index, attributes) {
1025
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
271 var settings = data.settings;
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
272 var cssPrefix = settings.cssPrefix;
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
273 var nr = index + 1; // we count regions from 1
996
0b63093d598e cssPrefix works now.
robcast
parents: 991
diff changeset
274 var $regionDiv = $('<div class="'+cssPrefix+'region '+cssPrefix+'overlay" style="display:none"/>');
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
275 data.$elem.append($regionDiv);
1025
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
276 if (settings.showRegionNumbers) {
1024
4ee43243a6a0 more clean up.
robcast
parents: 1023
diff changeset
277 var $regionLink = $('<a class="'+cssPrefix+'regionnumber">'+nr+'</a>');
920
07c989c41b4f made plugins more jquery 1.7 compliant
robcast
parents: 903
diff changeset
278 if (attributes) $regionLink.attr(attributes);
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
279 $regionDiv.append($regionLink);
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
280 }
1025
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
281 var url = null;
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
282 if (attributes) {
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
283 $regionDiv.attr(attributes);
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
284 // UGLY: if we added href, remove it
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
285 if (attributes.href) {
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
286 url = attributes.href;
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
287 $regionDiv.removeAttr('href');
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
288 }
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
289 }
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
290 if (settings.autoZoomRegionLinks || settings.fullRegionLinks) {
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
291 var region = data.regions[index];
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
292 $regionDiv.on('click.dlRegion', function(evt) {
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
293 if (settings.fullRegionLinks && url) {
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
294 //TODO: how about target?
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
295 window.location = url;
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
296 }
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
297 if (evt.target !== $regionDiv.get(0)) {
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
298 // this was not our event
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
299 return;
1024
4ee43243a6a0 more clean up.
robcast
parents: 1023
diff changeset
300 }
1025
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
301 if (settings.autoZoomRegionLinks) {
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
302 // zoom to region
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
303 digilib.actions.zoomArea(data, region);
1024
4ee43243a6a0 more clean up.
robcast
parents: 1023
diff changeset
304 }
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
305 });
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
306 }
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
307 return $regionDiv;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
308 };
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
309
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
310 // create a region div from the data.regions array
947
5bde01bcfb16 button plugin works now.
robcast
parents: 941
diff changeset
311 var createRegionDiv = function (data, regions, index, attributes) {
873
29f214f59654 copy more region attributes
hertzhaft
parents: 872
diff changeset
312 var $regionDiv = addRegionDiv(data, index, attributes);
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
313 var region = regions[index];
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
314 region.$div = $regionDiv;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
315 return $regionDiv;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
316 };
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
317
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
318 // create regions from URL parameters
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
319 var createRegionsFromURL = function (data) {
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
320 unpackRegions(data);
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
321 var regions = data.regions;
832
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 824
diff changeset
322 $.each(regions, function(i) {
947
5bde01bcfb16 button plugin works now.
robcast
parents: 941
diff changeset
323 createRegionDiv(data, regions, i);
832
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 824
diff changeset
324 });
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
325 };
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
326
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
327 // create regions from HTML
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
328 var createRegionsFromHTML = function (data) {
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
329 var regions = data.regions;
1025
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
330 // regions are defined in "area" tags
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
331 var $content = data.$elem.find(data.settings.regionContentSelector);
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
332 console.debug("createRegionsFromHTML. elems: ", $content);
835
9fa078dcb493 predefine region content with a rel=
hertzhaft
parents: 832
diff changeset
333 $content.each(function(index, a) {
9fa078dcb493 predefine region content with a rel=
hertzhaft
parents: 832
diff changeset
334 var $a = $(a);
852
4658ec2f9565 why not use coords attribute for coords?
hertzhaft
parents: 851
diff changeset
335 // the "coords" attribute contains the region coords (0..1)
4658ec2f9565 why not use coords attribute for coords?
hertzhaft
parents: 851
diff changeset
336 var coords = $a.attr('coords');
4658ec2f9565 why not use coords attribute for coords?
hertzhaft
parents: 851
diff changeset
337 var pos = coords.split(",", 4);
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
338 var rect = geom.rectangle(pos[0], pos[1], pos[2], pos[3]);
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
339 regions.push(rect);
1024
4ee43243a6a0 more clean up.
robcast
parents: 1023
diff changeset
340 // copy some attributes
873
29f214f59654 copy more region attributes
hertzhaft
parents: 872
diff changeset
341 var attributes = {};
1024
4ee43243a6a0 more clean up.
robcast
parents: 1023
diff changeset
342 for (var n in {'id':1, 'href':1, 'title':1, 'target':1, 'style':1}) {
4ee43243a6a0 more clean up.
robcast
parents: 1023
diff changeset
343 attributes[n] = $a.attr(n);
4ee43243a6a0 more clean up.
robcast
parents: 1023
diff changeset
344 }
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
345 // create the div
947
5bde01bcfb16 button plugin works now.
robcast
parents: 941
diff changeset
346 var $regionDiv = createRegionDiv(data, regions, index, attributes);
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
347 var $contents = $a.contents().clone();
1025
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
348 if (attributes.href != null) {
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
349 // wrap contents in a-tag
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
350 var $ca = $('<a href="'+attributes.href+'"/>');
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
351 $ca.append($contents);
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
352 $ca.append($a.attr('alt'));
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
353 $regionDiv.append($ca);
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
354 } else {
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
355 $regionDiv.append($contents);
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
356 // alt attribute is also content (BTW: area-tag has no content())
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
357 $regionDiv.append($a.attr('alt'));
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
358 }
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
359 });
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
360 };
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
361
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
362 // show a region on top of the scaler image
850
47a6b93bde43 always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 848
diff changeset
363 var renderRegion = function (data, index, anim) {
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
364 if (!data.imgTrafo) return;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
365 var $elem = data.$elem;
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
366 var regions = data.regions;
950
164d69e2c481 much nicer implementation of preview for scrolling and zooming.
robcast
parents: 947
diff changeset
367 var zoomArea = data.zoomArea;
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
368 if (index > regions.length) return;
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
369 var region = regions[index];
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
370 var $regionDiv = region.$div;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
371 if (!$regionDiv) {
950
164d69e2c481 much nicer implementation of preview for scrolling and zooming.
robcast
parents: 947
diff changeset
372 console.error("renderRegion: region has no $div", region);
850
47a6b93bde43 always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 848
diff changeset
373 // alert("renderRegion: region has no $div to show");
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
374 return;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
375 }
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
376 var regionRect = region.copy();
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
377 var show = data.settings.isRegionVisible;
950
164d69e2c481 much nicer implementation of preview for scrolling and zooming.
robcast
parents: 947
diff changeset
378 if (show && zoomArea.overlapsRect(regionRect)) {
164d69e2c481 much nicer implementation of preview for scrolling and zooming.
robcast
parents: 947
diff changeset
379 regionRect.clipTo(zoomArea);
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
380 var screenRect = data.imgTrafo.transform(regionRect);
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
381 console.debug("renderRegion: pos=",geom.position(screenRect));
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
382 if (anim) {
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
383 $regionDiv.fadeIn();
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
384 } else{
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
385 $regionDiv.show();
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
386 }
1024
4ee43243a6a0 more clean up.
robcast
parents: 1023
diff changeset
387 // adjustDiv sets wrong coords when called BEFORE show()
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
388 screenRect.adjustDiv($regionDiv);
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
389 } else {
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
390 if (anim) {
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
391 $regionDiv.fadeOut();
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
392 } else{
824
f0a5e4d2cba7 hide region when outside of zoomArea, not show
hertzhaft
parents: 823
diff changeset
393 $regionDiv.hide();
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
394 }
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
395 }
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
396 };
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
397
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
398 // show regions
850
47a6b93bde43 always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 848
diff changeset
399 var renderRegions = function (data, anim) {
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
400 for (var i = 0; i < data.regions.length ; i++) {
850
47a6b93bde43 always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 848
diff changeset
401 renderRegion(data, i, anim);
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
402 }
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
403 };
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
404
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
405 var unpackRegions = function (data) {
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
406 // create regions from parameters
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
407 var rg = data.settings.rg;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
408 if (rg == null) return;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
409 var regions = data.regions;
958
2a2e8c039c29 changed regions parameter separator to the same as for marks
hertzhaft
parents: 950
diff changeset
410 var rs = rg.split(",");
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
411 for (var i = 0; i < rs.length; i++) {
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
412 var r = rs[i];
958
2a2e8c039c29 changed regions parameter separator to the same as for marks
hertzhaft
parents: 950
diff changeset
413 var pos = r.split("/", 4);
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
414 var rect = geom.rectangle(pos[0], pos[1], pos[2], pos[3]);
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
415 regions.push(rect);
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
416 }
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
417 };
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
418
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
419 // pack regions array into a parameter string
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
420 var packRegions = function (data) {
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
421 var regions = data.regions;
815
60e8cca7ac81 could not remove last region
hertzhaft
parents: 813
diff changeset
422 if (!regions.length) {
60e8cca7ac81 could not remove last region
hertzhaft
parents: 813
diff changeset
423 data.settings.rg = null;
60e8cca7ac81 could not remove last region
hertzhaft
parents: 813
diff changeset
424 return;
60e8cca7ac81 could not remove last region
hertzhaft
parents: 813
diff changeset
425 }
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
426 var rg = '';
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
427 for (var i = 0; i < regions.length; i++) {
1024
4ee43243a6a0 more clean up.
robcast
parents: 1023
diff changeset
428 var region = regions[i];
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
429 if (i) {
958
2a2e8c039c29 changed regions parameter separator to the same as for marks
hertzhaft
parents: 950
diff changeset
430 rg += ',';
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
431 }
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
432 rg += [
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
433 fn.cropFloatStr(region.x),
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
434 fn.cropFloatStr(region.y),
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
435 fn.cropFloatStr(region.width),
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
436 fn.cropFloatStr(region.height)
958
2a2e8c039c29 changed regions parameter separator to the same as for marks
hertzhaft
parents: 950
diff changeset
437 ].join('/');
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
438 }
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
439 data.settings.rg = rg;
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
440 };
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
441
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
442 // reload display after a region has been added or removed
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
443 var redisplay = function (data) {
850
47a6b93bde43 always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 848
diff changeset
444 if (!data.settings.hasRegionContent) {
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
445 packRegions(data);
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
446 }
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
447 fn.redisplay(data);
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
448 };
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
449
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
450 // event handler, reads region parameter and creates region divs
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
451 var handleSetup = function (evt) {
941
565789329189 fix non-local variable use.
robcast
parents: 920
diff changeset
452 var data = this;
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
453 console.debug("regions: handleSetup", data.settings.rg);
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
454 // regions with content are given in HTML divs
850
47a6b93bde43 always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 848
diff changeset
455 if (data.settings.hasRegionContent) {
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
456 createRegionsFromHTML(data);
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
457 // regions are defined in the URL
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
458 } else {
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
459 createRegionsFromURL(data);
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
460 fn.highlightButtons(data, 'regionhtml', data.settings.showRegionInfo);
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
461 }
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
462 };
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
463
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
464 // event handler, sets buttons and shows regions when scaler img is reloaded
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
465 var handleUpdate = function (evt) {
941
565789329189 fix non-local variable use.
robcast
parents: 920
diff changeset
466 var data = this;
850
47a6b93bde43 always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 848
diff changeset
467 console.debug("regions: handleUpdate");
848
77248c6d2a5f fix missing buttons
hertzhaft
parents: 835
diff changeset
468 var settings = data.settings;
77248c6d2a5f fix missing buttons
hertzhaft
parents: 835
diff changeset
469 fn.highlightButtons(data, 'regions' , settings.isRegionVisible);
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
470 fn.highlightButtons(data, 'regionhtml' , settings.showRegionInfo);
850
47a6b93bde43 always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 848
diff changeset
471 renderRegions(data);
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
472 };
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
473
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
474 // plugin installation called by digilib on plugin object.
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
475 var install = function(plugin) {
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
476 digilib = plugin;
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
477 console.debug('installing regions plugin. digilib:', digilib);
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
478 fn = digilib.fn;
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
479 // import geometry classes
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
480 geom = fn.geometry;
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
481 // add defaults, actions, buttons
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
482 $.extend(digilib.defaults, defaults);
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
483 $.extend(digilib.actions, actions);
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
484 $.extend(digilib.buttons, buttons);
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
485 };
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
486
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
487 // plugin initialization
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
488 var init = function (data) {
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
489 console.debug('initialising regions plugin. data:', data);
835
9fa078dcb493 predefine region content with a rel=
hertzhaft
parents: 832
diff changeset
490 var $elem = data.$elem;
996
0b63093d598e cssPrefix works now.
robcast
parents: 991
diff changeset
491 var cssPrefix = data.settings.cssPrefix;
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
492 // regions array
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
493 data.regions = [];
835
9fa078dcb493 predefine region content with a rel=
hertzhaft
parents: 832
diff changeset
494 // regions div
996
0b63093d598e cssPrefix works now.
robcast
parents: 991
diff changeset
495 var $html = $('<div class="'+cssPrefix+'keep '+cssPrefix+'regionHTML"/>');
835
9fa078dcb493 predefine region content with a rel=
hertzhaft
parents: 832
diff changeset
496 $elem.append($html);
832
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 824
diff changeset
497 data.$htmlDiv = $html;
848
77248c6d2a5f fix missing buttons
hertzhaft
parents: 835
diff changeset
498 // install event handler
77248c6d2a5f fix missing buttons
hertzhaft
parents: 835
diff changeset
499 var $data = $(data);
920
07c989c41b4f made plugins more jquery 1.7 compliant
robcast
parents: 903
diff changeset
500 $data.on('setup', handleSetup);
07c989c41b4f made plugins more jquery 1.7 compliant
robcast
parents: 903
diff changeset
501 $data.on('update', handleUpdate);
848
77248c6d2a5f fix missing buttons
hertzhaft
parents: 835
diff changeset
502 var settings = data.settings;
850
47a6b93bde43 always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 848
diff changeset
503 // neither URL-defined regions nor buttons when regions are predefined in HTML
47a6b93bde43 always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 848
diff changeset
504 if (!settings.hasRegionContent) {
848
77248c6d2a5f fix missing buttons
hertzhaft
parents: 835
diff changeset
505 var mode = settings.interactionMode;
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
506 // add "rg" to digilibParamNames
848
77248c6d2a5f fix missing buttons
hertzhaft
parents: 835
diff changeset
507 settings.digilibParamNames.push('rg');
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
508 // additional buttons
848
77248c6d2a5f fix missing buttons
hertzhaft
parents: 835
diff changeset
509 var buttonSettings = settings.buttonSettings[mode];
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
510 // configure buttons through digilib "regionSet" option
848
77248c6d2a5f fix missing buttons
hertzhaft
parents: 835
diff changeset
511 var buttonSet = settings.regionSet || regionSet;
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
512 // set regionSet to [] or '' for no buttons (when showing regions only)
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
513 if (buttonSet.length && buttonSet.length > 0) {
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
514 buttonSettings.regionSet = buttonSet;
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
515 buttonSettings.buttonSets.push('regionSet');
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
516 }
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
517 }
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
518 };
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
519
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
520 // plugin object with name and install/init methods
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
521 // shared objects filled by digilib on registration
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
522 var pluginProperties = {
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
523 name : 'region',
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
524 install : install,
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
525 init : init,
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
526 buttons : {},
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
527 actions : {},
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
528 fn : {},
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
529 plugins : {}
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
530 };
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
531
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
532 if ($.fn.digilib == null) {
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
533 $.error("jquery.digilib.regions must be loaded after jquery.digilib!");
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
534 } else {
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
535 $.fn.digilib('plugin', pluginProperties);
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
536 }
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
537 })(jQuery);