Mercurial > hg > digilib-old
annotate client/digitallibrary/jquery/jquery.digilib.regions.js @ 851:5922c444cd11 jquery
fixed region position bug in embedded mode, sigh
author | hertzhaft |
---|---|
date | Mon, 07 Mar 2011 09:30:55 +0100 |
parents | 47a6b93bde43 |
children | 4658ec2f9565 |
rev | line source |
---|---|
792 | 1 /** optional digilib regions plugin |
2 | |
3 markup a digilib image with rectangular regions | |
4 | |
5 TODO: | |
850
47a6b93bde43
always show html-defined regions. wrong pos still not fixed
hertzhaft
parents:
848
diff
changeset
|
6 how to display regions correctly in embedded mode? |
792 | 7 */ |
8 | |
9 (function($) { | |
813 | 10 // the digilib object |
11 var digilib; | |
792 | 12 // the data object passed by digilib |
13 var data; | |
813 | 14 // the functions made available by digilib |
792 | 15 var fn; |
813 | 16 // affine geometry plugin |
792 | 17 var geom; |
18 | |
799
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
19 var FULL_AREA; |
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
20 |
813 | 21 var ID_PREFIX = "digilib-region-"; |
22 | |
792 | 23 var buttons = { |
24 addregion : { | |
813 | 25 onclick : "defineRegion", |
26 tooltip : "define a region", | |
792 | 27 icon : "addregion.png" |
28 }, | |
29 delregion : { | |
30 onclick : "removeRegion", | |
31 tooltip : "delete the last region", | |
32 icon : "delregion.png" | |
33 }, | |
34 regions : { | |
35 onclick : "toggleRegions", | |
36 tooltip : "show or hide regions", | |
37 icon : "regions.png" | |
38 }, | |
832
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
824
diff
changeset
|
39 regionhtml : { |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
824
diff
changeset
|
40 onclick : "showRegionHTML", |
818
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
41 tooltip : "show information about regions", |
792 | 42 icon : "regioninfo.png" |
43 } | |
44 }; | |
799
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
45 |
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
46 var defaults = { |
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
47 // are regions shown? |
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
48 'isRegionVisible' : true, |
813 | 49 // are region numbers shown? |
50 'showRegionNumbers' : false, | |
832
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
824
diff
changeset
|
51 // is window with region HTML shown? |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
824
diff
changeset
|
52 'showRegionHTML' : false, |
850
47a6b93bde43
always show html-defined regions. wrong pos still not fixed
hertzhaft
parents:
848
diff
changeset
|
53 // is there region content in the page? |
47a6b93bde43
always show html-defined regions. wrong pos still not fixed
hertzhaft
parents:
848
diff
changeset
|
54 'hasRegionContent' : false, |
823 | 55 // turn any region into a clickable link to its detail view |
56 'autoRegionLinks' : false, | |
57 // class name for content divs (must additionally be marked with class "keep") | |
818
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
58 'regionContentSelector' : 'div.regioncontent', |
799
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
59 // buttonset of this plugin |
832
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
824
diff
changeset
|
60 'regionSet' : ['regions', 'addregion', 'delregion', 'regionhtml', 'lessoptions'], |
813 | 61 // url param for regions |
851 | 62 'rg' : null |
813 | 63 }; |
792 | 64 |
65 var actions = { | |
808
ae8e98c479d5
stub for new plugins; overlay div for regions plugin
hertzhaft
parents:
799
diff
changeset
|
66 |
792 | 67 // define a region interactively with two clicked points |
813 | 68 "defineRegion" : function(data) { |
69 if (!data.settings.isRegionVisible) { | |
70 alert("Please turn on regions visibility!"); | |
71 return; | |
72 } | |
799
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
73 var $elem = data.$elem; |
808
ae8e98c479d5
stub for new plugins; overlay div for regions plugin
hertzhaft
parents:
799
diff
changeset
|
74 var $body = $('body'); |
ae8e98c479d5
stub for new plugins; overlay div for regions plugin
hertzhaft
parents:
799
diff
changeset
|
75 var bodyRect = geom.rectangle($body); |
799
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
76 var $scaler = data.$scaler; |
808
ae8e98c479d5
stub for new plugins; overlay div for regions plugin
hertzhaft
parents:
799
diff
changeset
|
77 var scalerRect = geom.rectangle($scaler); |
792 | 78 var pt1, pt2; |
808
ae8e98c479d5
stub for new plugins; overlay div for regions plugin
hertzhaft
parents:
799
diff
changeset
|
79 // overlay prevents other elements from reacting to mouse events |
ae8e98c479d5
stub for new plugins; overlay div for regions plugin
hertzhaft
parents:
799
diff
changeset
|
80 var $overlay = $('<div class="digilib-overlay"/>'); |
ae8e98c479d5
stub for new plugins; overlay div for regions plugin
hertzhaft
parents:
799
diff
changeset
|
81 $body.append($overlay); |
ae8e98c479d5
stub for new plugins; overlay div for regions plugin
hertzhaft
parents:
799
diff
changeset
|
82 bodyRect.adjustDiv($overlay); |
823 | 83 var $regionDiv = addRegionDiv(data, data.regions.length); |
792 | 84 |
808
ae8e98c479d5
stub for new plugins; overlay div for regions plugin
hertzhaft
parents:
799
diff
changeset
|
85 // mousedown handler: start sizing |
792 | 86 var regionStart = function (evt) { |
87 pt1 = geom.position(evt); | |
88 // setup and show zoom div | |
808
ae8e98c479d5
stub for new plugins; overlay div for regions plugin
hertzhaft
parents:
799
diff
changeset
|
89 pt1.adjustDiv($regionDiv); |
ae8e98c479d5
stub for new plugins; overlay div for regions plugin
hertzhaft
parents:
799
diff
changeset
|
90 $regionDiv.width(0).height(0); |
ae8e98c479d5
stub for new plugins; overlay div for regions plugin
hertzhaft
parents:
799
diff
changeset
|
91 $regionDiv.show(); |
ae8e98c479d5
stub for new plugins; overlay div for regions plugin
hertzhaft
parents:
799
diff
changeset
|
92 // register mouse events |
ae8e98c479d5
stub for new plugins; overlay div for regions plugin
hertzhaft
parents:
799
diff
changeset
|
93 $overlay.bind("mousemove.dlRegion", regionMove); |
ae8e98c479d5
stub for new plugins; overlay div for regions plugin
hertzhaft
parents:
799
diff
changeset
|
94 $overlay.bind("mouseup.dlRegion", regionEnd); |
792 | 95 return false; |
96 }; | |
97 | |
808
ae8e98c479d5
stub for new plugins; overlay div for regions plugin
hertzhaft
parents:
799
diff
changeset
|
98 // mousemove handler: size region |
792 | 99 var regionMove = function (evt) { |
100 pt2 = geom.position(evt); | |
101 var rect = geom.rectangle(pt1, pt2); | |
808
ae8e98c479d5
stub for new plugins; overlay div for regions plugin
hertzhaft
parents:
799
diff
changeset
|
102 rect.clipTo(scalerRect); |
ae8e98c479d5
stub for new plugins; overlay div for regions plugin
hertzhaft
parents:
799
diff
changeset
|
103 // update region |
ae8e98c479d5
stub for new plugins; overlay div for regions plugin
hertzhaft
parents:
799
diff
changeset
|
104 rect.adjustDiv($regionDiv); |
792 | 105 return false; |
106 }; | |
107 | |
808
ae8e98c479d5
stub for new plugins; overlay div for regions plugin
hertzhaft
parents:
799
diff
changeset
|
108 // mouseup handler: end sizing |
792 | 109 var regionEnd = function (evt) { |
110 pt2 = geom.position(evt); | |
111 // assume a click and continue if the area is too small | |
112 var clickRect = geom.rectangle(pt1, pt2); | |
113 if (clickRect.getArea() <= 5) return false; | |
808
ae8e98c479d5
stub for new plugins; overlay div for regions plugin
hertzhaft
parents:
799
diff
changeset
|
114 // unregister mouse events and get rid of overlay |
ae8e98c479d5
stub for new plugins; overlay div for regions plugin
hertzhaft
parents:
799
diff
changeset
|
115 $overlay.unbind("mousemove.dlRegion", regionMove); |
ae8e98c479d5
stub for new plugins; overlay div for regions plugin
hertzhaft
parents:
799
diff
changeset
|
116 $overlay.unbind("mouseup.dlRegion", regionEnd); |
ae8e98c479d5
stub for new plugins; overlay div for regions plugin
hertzhaft
parents:
799
diff
changeset
|
117 $overlay.remove(); |
ae8e98c479d5
stub for new plugins; overlay div for regions plugin
hertzhaft
parents:
799
diff
changeset
|
118 // clip region |
ae8e98c479d5
stub for new plugins; overlay div for regions plugin
hertzhaft
parents:
799
diff
changeset
|
119 clickRect.clipTo(scalerRect); |
ae8e98c479d5
stub for new plugins; overlay div for regions plugin
hertzhaft
parents:
799
diff
changeset
|
120 clickRect.adjustDiv($regionDiv); |
813 | 121 storeRegion(data, $regionDiv); |
792 | 122 // fn.redisplay(data); |
813 | 123 fn.highlightButtons(data, 'addregion', 0); |
124 redisplay(data); | |
792 | 125 return false; |
126 }; | |
127 | |
128 // bind start zoom handler | |
808
ae8e98c479d5
stub for new plugins; overlay div for regions plugin
hertzhaft
parents:
799
diff
changeset
|
129 $overlay.one('mousedown.dlRegion', regionStart); |
813 | 130 fn.highlightButtons(data, 'addregion', 1); |
792 | 131 }, |
132 | |
133 // remove the last added region | |
134 "removeRegion" : function (data) { | |
813 | 135 if (!data.settings.isRegionVisible) { |
136 alert("Please turn on regions visibility!"); | |
137 return; | |
138 } | |
139 var region = data.regions.pop(); | |
140 if (region == null) return; | |
141 var $regionDiv = region.$div; | |
792 | 142 $regionDiv.remove(); |
813 | 143 redisplay(data); |
792 | 144 }, |
145 | |
813 | 146 // show/hide regions |
147 "toggleRegions" : function (data) { | |
148 var show = !data.settings.isRegionVisible; | |
149 data.settings.isRegionVisible = show; | |
818
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
150 fn.highlightButtons(data, 'regions', show); |
850
47a6b93bde43
always show html-defined regions. wrong pos still not fixed
hertzhaft
parents:
848
diff
changeset
|
151 renderRegions(data, 1); |
818
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
152 }, |
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
153 |
832
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
824
diff
changeset
|
154 // show/hide region HTML code |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
824
diff
changeset
|
155 "showRegionHTML" : function (data) { |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
824
diff
changeset
|
156 var show = !data.settings.showRegionHTML; |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
824
diff
changeset
|
157 data.settings.showRegionHTML = show; |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
824
diff
changeset
|
158 fn.highlightButtons(data, 'regionhtml', show); |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
824
diff
changeset
|
159 var $html = data.$htmlDiv; |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
824
diff
changeset
|
160 if (!show) { |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
824
diff
changeset
|
161 $html.fadeOut(function () { |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
824
diff
changeset
|
162 $html.contents().remove(); |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
824
diff
changeset
|
163 }); |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
824
diff
changeset
|
164 return; |
818
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
165 } |
832
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
824
diff
changeset
|
166 // empty the div for HTML display |
835 | 167 $html.append($('<div/>').text('<div class="keep regioncontent">')); |
832
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
824
diff
changeset
|
168 $.each(data.regions, function(index, region) { |
835 | 169 var area = "area:" |
832
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
824
diff
changeset
|
170 + region.x + "/" + region.y + "/" |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
824
diff
changeset
|
171 + region.width + "/" + region.height; |
835 | 172 $html.append($('<div/>').text('<a href="" rel="' + area + '">')); |
173 $html.append($('<div/>').text('</a>')); | |
832
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
824
diff
changeset
|
174 }); |
835 | 175 $html.append($('<div/>').text('</div>')); |
832
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
824
diff
changeset
|
176 $html.fadeIn(); |
850
47a6b93bde43
always show html-defined regions. wrong pos still not fixed
hertzhaft
parents:
848
diff
changeset
|
177 }, |
47a6b93bde43
always show html-defined regions. wrong pos still not fixed
hertzhaft
parents:
848
diff
changeset
|
178 |
47a6b93bde43
always show html-defined regions. wrong pos still not fixed
hertzhaft
parents:
848
diff
changeset
|
179 "redraw" : function (data) { |
47a6b93bde43
always show html-defined regions. wrong pos still not fixed
hertzhaft
parents:
848
diff
changeset
|
180 renderRegions(data); |
792 | 181 } |
182 }; | |
183 | |
813 | 184 // store a region div |
185 var storeRegion = function (data, $regionDiv) { | |
186 var regions = data.regions; | |
187 var rect = geom.rectangle($regionDiv); | |
188 var regionRect = data.imgTrafo.invtransform(rect); | |
189 regionRect.$div = $regionDiv; | |
190 regions.push(regionRect); | |
191 console.debug("regions", data.regions, "regionRect", regionRect); | |
192 }; | |
193 | |
194 // add a region to data.$elem | |
851 | 195 var addRegionDiv = function (data, index, url) { |
823 | 196 var nr = index + 1; // we count regions from 1 |
197 // create a digilib URL for this detail | |
851 | 198 url = url || getRegionUrl(data, index); |
813 | 199 var $regionDiv = $('<div class="region overlay" style="display:none"/>'); |
200 $regionDiv.attr("id", ID_PREFIX + nr); | |
201 data.$elem.append($regionDiv); | |
202 if (data.settings.showRegionNumbers) { | |
851 | 203 var $regionLink = $('<a class="regionnumber"/>'); |
204 $regionLink.attr('href', url); | |
823 | 205 $regionLink.text(nr); |
851 | 206 $regionDiv.append($regionLink); |
813 | 207 } |
823 | 208 if (data.settings.autoRegionLinks) { |
209 $regionDiv.bind('click.dlRegion', function() { | |
851 | 210 window.location = url; |
211 }); | |
823 | 212 } |
813 | 213 return $regionDiv; |
214 }; | |
215 | |
851 | 216 // create a region div from the data.regions array |
217 var createRegionDiv = function (regions, index, url) { | |
218 var $regionDiv = addRegionDiv(data, index, url); | |
813 | 219 var region = regions[index]; |
220 region.$div = $regionDiv; | |
221 return $regionDiv; | |
222 }; | |
223 | |
851 | 224 // create regions from URL parameters |
225 var createRegionsFromURL = function (data) { | |
226 unpackRegions(data); | |
818
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
227 var regions = data.regions; |
832
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
824
diff
changeset
|
228 $.each(regions, function(i) { |
818
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
229 createRegionDiv(regions, i); |
832
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
824
diff
changeset
|
230 }); |
792 | 231 }; |
232 | |
818
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
233 // create regions from HTML |
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
234 var createRegionsFromHTML = function (data) { |
823 | 235 var regions = data.regions; |
818
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
236 var selector = data.settings.regionContentSelector; |
850
47a6b93bde43
always show html-defined regions. wrong pos still not fixed
hertzhaft
parents:
848
diff
changeset
|
237 // regions are defined in "a" tags |
835 | 238 var $content = data.$elem.contents(selector).contents('a'); |
851 | 239 console.debug("createRegionsFromHTML. elems: ", $content); |
835 | 240 $content.each(function(index, a) { |
241 var $a = $(a); | |
851 | 242 // the "rel" attribute contains the region coords |
835 | 243 var rel = $a.attr('rel'); |
244 var area = rel.replace(/^area:/i, ''); | |
245 var pos = area.split("/", 4); | |
818
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
246 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
|
247 regions.push(rect); |
851 | 248 // create the div |
850
47a6b93bde43
always show html-defined regions. wrong pos still not fixed
hertzhaft
parents:
848
diff
changeset
|
249 var href = $a.attr('href'); |
851 | 250 var $regionDiv = createRegionDiv(regions, index, href); |
251 var $contents = $a.contents().clone(); | |
252 $regionDiv.append($contents); | |
818
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
253 }); |
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
254 }; |
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
255 |
813 | 256 // 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
|
257 var renderRegion = function (data, index, anim) { |
813 | 258 if (!data.imgTrafo) return; |
259 var $elem = data.$elem; | |
792 | 260 var regions = data.regions; |
813 | 261 if (index > regions.length) return; |
851 | 262 var region = regions[index]; |
813 | 263 var $regionDiv = region.$div; |
264 if (!$regionDiv) { | |
850
47a6b93bde43
always show html-defined regions. wrong pos still not fixed
hertzhaft
parents:
848
diff
changeset
|
265 console.debug("renderRegion: region has no $div", region); |
47a6b93bde43
always show html-defined regions. wrong pos still not fixed
hertzhaft
parents:
848
diff
changeset
|
266 // alert("renderRegion: region has no $div to show"); |
813 | 267 return; |
268 } | |
269 var regionRect = region.copy(); | |
270 var show = data.settings.isRegionVisible; | |
271 if (show && data.zoomArea.overlapsRect(regionRect)) { | |
272 regionRect.clipTo(data.zoomArea); | |
273 var screenRect = data.imgTrafo.transform(regionRect); | |
851 | 274 console.debug("renderRegion: pos=",geom.position(screenRect)); |
818
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
275 if (anim) { |
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
276 $regionDiv.fadeIn(); |
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
277 } else{ |
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
278 $regionDiv.show(); |
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
279 } |
851 | 280 // for some reason adjustDiv sets wrong coords when called BEFORE show()? |
281 screenRect.adjustDiv($regionDiv); | |
813 | 282 } else { |
818
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
283 if (anim) { |
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
284 $regionDiv.fadeOut(); |
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
285 } else{ |
824 | 286 $regionDiv.hide(); |
818
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
287 } |
813 | 288 } |
289 }; | |
290 | |
291 // show regions | |
850
47a6b93bde43
always show html-defined regions. wrong pos still not fixed
hertzhaft
parents:
848
diff
changeset
|
292 var renderRegions = function (data, anim) { |
813 | 293 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
|
294 renderRegion(data, i, anim); |
813 | 295 } |
296 }; | |
297 | |
298 var unpackRegions = function (data) { | |
299 // create regions from parameters | |
300 var rg = data.settings.rg; | |
301 if (rg == null) return; | |
302 var regions = data.regions; | |
303 var rs = rg.split(","); | |
304 for (var i = 0; i < rs.length; i++) { | |
305 var r = rs[i]; | |
306 var pos = r.split("/", 4); | |
307 var rect = geom.rectangle(pos[0], pos[1], pos[2], pos[3]); | |
308 regions.push(rect); | |
792 | 309 } |
310 }; | |
311 | |
813 | 312 // pack regions array into a parameter string |
313 var packRegions = function (data) { | |
314 var regions = data.regions; | |
815 | 315 if (!regions.length) { |
316 data.settings.rg = null; | |
317 return; | |
318 } | |
813 | 319 var rg = ''; |
320 for (var i = 0; i < regions.length; i++) { | |
321 region = regions[i]; | |
322 if (i) { | |
323 rg += ','; | |
792 | 324 } |
813 | 325 rg += [ |
326 fn.cropFloatStr(region.x), | |
327 fn.cropFloatStr(region.y), | |
328 fn.cropFloatStr(region.width), | |
329 fn.cropFloatStr(region.height) | |
330 ].join('/'); | |
331 } | |
332 data.settings.rg = rg; | |
792 | 333 }; |
334 | |
818
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
335 // reload display after a region has been added or removed |
813 | 336 var redisplay = function (data) { |
850
47a6b93bde43
always show html-defined regions. wrong pos still not fixed
hertzhaft
parents:
848
diff
changeset
|
337 if (!data.settings.hasRegionContent) { |
818
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
338 packRegions(data); |
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
339 } |
813 | 340 fn.redisplay(data); |
818
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
341 }; |
813 | 342 |
823 | 343 // for turning region numbers/region divs into links to zoomed details |
344 var getRegionUrl = function (data, index) { | |
345 var region = data.regions[index]; | |
818
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
346 var settings = data.settings; |
823 | 347 var params = { |
348 "fn" : settings.fn, | |
349 "pn" : settings.pn | |
350 }; | |
351 fn.packArea(params, region); | |
352 fn.packMarks(params, data.marks); | |
353 fn.packScalerFlags(params, data.scalerFlags); | |
354 var paramNames = digilib.defaults.digilibParamNames; | |
355 // build our own digilib URL without storing anything | |
356 var queryString = fn.getParamString(params, paramNames, digilib.defaults); | |
818
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
357 return settings.digilibBaseUrl + '?' + queryString; |
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
358 }; |
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 // 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
|
361 var handleSetup = function (evt) { |
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
362 data = this; |
813 | 363 console.debug("regions: handleSetup", data.settings.rg); |
823 | 364 // 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
|
365 if (data.settings.hasRegionContent) { |
818
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
366 createRegionsFromHTML(data); |
823 | 367 // regions are defined in the URL |
818
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
368 } else { |
851 | 369 createRegionsFromURL(data); |
832
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
824
diff
changeset
|
370 fn.highlightButtons(data, 'regionhtml', data.settings.showRegionHTML); |
818
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
371 } |
799
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
372 }; |
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
373 |
851 | 374 // 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
|
375 var handleUpdate = function (evt) { |
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
376 data = this; |
850
47a6b93bde43
always show html-defined regions. wrong pos still not fixed
hertzhaft
parents:
848
diff
changeset
|
377 console.debug("regions: handleUpdate"); |
848 | 378 var settings = data.settings; |
379 fn.highlightButtons(data, 'regions' , settings.isRegionVisible); | |
380 fn.highlightButtons(data, 'regionhtml' , settings.showRegionHTML); | |
850
47a6b93bde43
always show html-defined regions. wrong pos still not fixed
hertzhaft
parents:
848
diff
changeset
|
381 renderRegions(data); |
799
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
382 }; |
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
383 |
818
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
384 // event handler, redisplays regions (e.g. in a new position) |
799
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
385 var handleRedisplay = function (evt) { |
813 | 386 data = this; |
799
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
387 console.debug("regions: handleRedisplay"); |
851 | 388 // renderRegions(data); |
799
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
389 }; |
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
390 |
818
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
391 // event handler |
799
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
392 var handleDragZoom = function (evt, zoomArea) { |
818
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
393 // console.debug("regions: handleDragZoom, zoomArea:", zoomArea); |
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
815
diff
changeset
|
394 // data = this; |
799
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
395 }; |
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
396 |
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
397 // plugin installation called by digilib on plugin object. |
813 | 398 var install = function(plugin) { |
399 digilib = plugin; | |
808
ae8e98c479d5
stub for new plugins; overlay div for regions plugin
hertzhaft
parents:
799
diff
changeset
|
400 console.debug('installing regions plugin. digilib:', digilib); |
813 | 401 fn = digilib.fn; |
799
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
402 // import geometry classes |
813 | 403 geom = fn.geometry; |
799
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
404 FULL_AREA = geom.rectangle(0,0,1,1); |
808
ae8e98c479d5
stub for new plugins; overlay div for regions plugin
hertzhaft
parents:
799
diff
changeset
|
405 // add defaults, actions, buttons |
799
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
406 $.extend(digilib.defaults, defaults); |
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
407 $.extend(digilib.actions, actions); |
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
408 $.extend(digilib.buttons, buttons); |
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
409 }; |
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
410 |
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
411 // plugin initialization |
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
412 var init = function (data) { |
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
413 console.debug('initialising regions plugin. data:', data); |
835 | 414 var $elem = data.$elem; |
823 | 415 // regions array |
416 data.regions = []; | |
835 | 417 // regions div |
418 var $html = $('<div class="keep regionHTML"/>'); | |
419 $elem.append($html); | |
832
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
824
diff
changeset
|
420 data.$htmlDiv = $html; |
848 | 421 // install event handler |
422 var $data = $(data); | |
423 $data.bind('setup', handleSetup); | |
424 $data.bind('update', handleUpdate); | |
425 $data.bind('redisplay', handleRedisplay); | |
426 $data.bind('dragZoom', handleDragZoom); | |
427 var settings = data.settings; | |
850
47a6b93bde43
always show html-defined regions. wrong pos still not fixed
hertzhaft
parents:
848
diff
changeset
|
428 var selector = data.settings.regionContentSelector; |
47a6b93bde43
always show html-defined regions. wrong pos still not fixed
hertzhaft
parents:
848
diff
changeset
|
429 settings.hasRegionContent = $elem.has(selector).length > 0; |
47a6b93bde43
always show html-defined regions. wrong pos still not fixed
hertzhaft
parents:
848
diff
changeset
|
430 // 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
|
431 if (!settings.hasRegionContent) { |
848 | 432 var mode = settings.interactionMode; |
823 | 433 // add "rg" to digilibParamNames |
848 | 434 settings.digilibParamNames.push('rg'); |
823 | 435 // additional buttons |
848 | 436 var buttonSettings = settings.buttonSettings[mode]; |
823 | 437 // configure buttons through digilib "regionSet" option |
848 | 438 var buttonSet = settings.regionSet || regionSet; |
823 | 439 // set regionSet to [] or '' for no buttons (when showing regions only) |
440 if (buttonSet.length && buttonSet.length > 0) { | |
851 | 441 buttonSettings.regionSet = buttonSet; |
823 | 442 buttonSettings.buttonSets.push('regionSet'); |
443 } | |
813 | 444 } |
792 | 445 }; |
799
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
446 |
808
ae8e98c479d5
stub for new plugins; overlay div for regions plugin
hertzhaft
parents:
799
diff
changeset
|
447 // plugin object with name and install/init methods |
799
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
448 // shared objects filled by digilib on registration |
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
449 var pluginProperties = { |
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
450 name : 'region', |
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
451 install : install, |
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
452 init : init, |
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
453 buttons : {}, |
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
454 actions : {}, |
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
455 fn : {}, |
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
456 plugins : {} |
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
457 }; |
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
458 |
792 | 459 if ($.fn.digilib == null) { |
808
ae8e98c479d5
stub for new plugins; overlay div for regions plugin
hertzhaft
parents:
799
diff
changeset
|
460 $.error("jquery.digilib.regions must be loaded after jquery.digilib!"); |
792 | 461 } else { |
799
12f790cb30de
started to adapt regions plugin to new plugin mechanism
hertzhaft
parents:
792
diff
changeset
|
462 $.fn.digilib('plugin', pluginProperties); |
792 | 463 } |
464 })(jQuery); |