Mercurial > hg > digilib-old

annotate client/digitallibrary/jquery/jquery.digilib.regions.js @ 824:f0a5e4d2cba7 jquery

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
hide region when outside of zoomArea, not show
author hertzhaft
date Wed, 23 Feb 2011 02:24:00 +0100
parents 8af71d9d830b
children e4133946a9ad
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
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
3 markup a digilib image with rectangular regions
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
4
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
5 TODO:
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
6 - store region in params/cookie, regarding zoom, mirror, rotation (like marks)
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
7 - set regions programmatically
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
8 - read regions from params/cookie and display
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
9 - backlink mechanism
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
10 - don't write to data.settings?
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
11 */
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
12
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
13 (function($) {
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
14 // the digilib object
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
15 var digilib;
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
16 // the data object passed by digilib
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
17 var data;
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
18 // the functions made available by digilib
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
19 var fn;
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
20 // affine geometry plugin
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
21 var geom;
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
22
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
23 var FULL_AREA;
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
24
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
25 var ID_PREFIX = "digilib-region-";
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
26
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
27 var buttons = {
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
28 addregion : {
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
29 onclick : "defineRegion",
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
30 tooltip : "define a region",
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
31 icon : "addregion.png"
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
32 },
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
33 delregion : {
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
34 onclick : "removeRegion",
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
35 tooltip : "delete the last region",
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
36 icon : "delregion.png"
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
37 },
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
38 regions : {
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
39 onclick : "toggleRegions",
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
40 tooltip : "show or hide regions",
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
41 icon : "regions.png"
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
42 },
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
43 regioninfo : {
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
44 onclick : "toggleRegionInfo",
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
45 tooltip : "show information about regions",
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
46 icon : "regioninfo.png"
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
47 }
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
48 };
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
49
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
50 var defaults = {
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
51 // are regions shown?
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
52 'isRegionVisible' : true,
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
53 // are region numbers shown?
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
54 'showRegionNumbers' : false,
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
55 // is region info shown?
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
56 'showRegionInfo' : false,
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
57 // should digilib look for region content in the page?
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
58 'includeRegionContent' : false,
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
59 // turn any region into a clickable link to its detail view
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
60 'autoRegionLinks' : false,
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
61 // 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
62 'regionContentSelector' : 'div.regioncontent',
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
63 // buttonset of this plugin
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
64 'regionSet' : ['regions', 'addregion', 'delregion', 'regioninfo', 'lessoptions'],
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
65 // url param for regions
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
66 'rg' : null,
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
67 };
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
68
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
69 var actions = {
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
70
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
71 // define a region interactively with two clicked points
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
72 "defineRegion" : function(data) {
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
73 if (!data.settings.isRegionVisible) {
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
74 alert("Please turn on regions visibility!");
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
75 return;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
76 }
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
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
84 var $overlay = $('<div class="digilib-overlay"/>');
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
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
97 $overlay.bind("mousemove.dlRegion", regionMove);
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
98 $overlay.bind("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
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
119 $overlay.unbind("mousemove.dlRegion", regionMove);
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
120 $overlay.unbind("mouseup.dlRegion", regionEnd);
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);
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
155 showRegionDivs(data, 1);
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
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
158 // show/hide region info
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
159 "toggleRegionInfo" : function (data) {
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
160 var show = !data.settings.showRegionInfo;
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
161 data.settings.showRegionInfo = show;
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
162 fn.highlightButtons(data, 'regioninfo', show);
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
163 var $info = $('.regioninfo');
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
164 if (show) {
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
165 $info.fadeIn();
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
166 } else {
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
167 $info.fadeOut();
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
168 }
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
169 }
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
170 };
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
171
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
172 var addRegion = actions.addRegion;
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
173
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
174 // store a region div
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
175 var storeRegion = function (data, $regionDiv) {
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
176 var regions = data.regions;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
177 var rect = geom.rectangle($regionDiv);
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
178 var regionRect = data.imgTrafo.invtransform(rect);
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
179 regionRect.$div = $regionDiv;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
180 regions.push(regionRect);
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
181 console.debug("regions", data.regions, "regionRect", regionRect);
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
182 };
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
183
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
184 // add a region to data.$elem
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
185 var addRegionDiv = function (data, index) {
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
186 var nr = index + 1; // we count regions from 1
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
187 // create a digilib URL for this detail
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
188 var regionUrl = getRegionUrl(data, index);
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
189 var $regionDiv = $('<div class="region overlay" style="display:none"/>');
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
190 $regionDiv.attr("id", ID_PREFIX + nr);
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
191 data.$elem.append($regionDiv);
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
192 if (data.settings.showRegionNumbers) {
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
193 var $regionNr = $('<div class="regionnumber"/>');
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
194 var $regionLink = $('<a/>');
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
195 $regionLink.attr('href', regionUrl);
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
196 $regionLink.text(nr);
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
197 $regionNr.append($regionLink);
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
198 $regionDiv.append($regionNr);
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
199 }
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
200 if (data.settings.autoRegionLinks) {
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
201 $regionDiv.bind('click.dlRegion', function() {
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
202 window.location = regionUrl;
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
203 })
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
204 }
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
205 return $regionDiv;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
206 };
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
207
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
208 // add region info
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
209 var addRegionInfo = function (region) {
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
210 var $regionDiv = region.$div;
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
211 var $regionInfoDiv = $('<div class="regioninfo" />');
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
212 $regionInfoDiv.text(region.toString());
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
213 $regionDiv.append($regionInfoDiv);
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
214 }
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
215
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
216 // add region content
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
217 var addRegionContent = function (region, $elem) {
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
218 var $regionDiv = region.$div;
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
219 $regionDiv.append($elem);
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
220 }
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
221
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
222 // create a region div from the data.regions collection
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
223 var createRegionDiv = function (regions, index) {
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
224 var region = regions[index];
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
225 var $regionDiv = addRegionDiv(data, index);
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
226 region.$div = $regionDiv;
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
227 addRegionInfo(region);
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
228 return $regionDiv;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
229 };
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
230
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
231 // create regions
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
232 var createRegionDivs = function (data) {
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
233 var regions = data.regions;
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
234 for (var i = 0; i < regions.length ; i++) {
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
235 createRegionDiv(regions, i);
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
236 }
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
237 };
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
238
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
239 // create regions from HTML
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
240 var createRegionsFromHTML = function (data) {
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
241 var regions = data.regions;
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
242 var selector = data.settings.regionContentSelector;
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
243 var $content = data.$elem.find(selector);
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
244 console.debug("createRegionsFromHTML", $content);
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
245 $content.each(function(index, elem) {
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
246 var $div = $(elem);
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
247 var r = $div.attr('title');
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
248 var pos = r.split("/", 4);
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
249 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
250 regions.push(rect);
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
251 var $regionDiv = createRegionDiv(regions, index);
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
252 $regionDiv.append($div);
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
253 $div.show();
818
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 };
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
256
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
257 // show a region on top of the scaler image
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
258 var showRegionDiv = function (data, index, anim) {
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
259 if (!data.imgTrafo) return;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
260 var $elem = data.$elem;
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
261 var regions = data.regions;
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
262 if (index > regions.length) return;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
263 var region = regions[index]
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
264 var $regionDiv = region.$div;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
265 if (!$regionDiv) {
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
266 console.debug("showRegionDiv: region has no $div", region);
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
267 // alert("showRegionDiv: region has no $div to show");
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
268 return;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
269 }
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
270 var regionRect = region.copy();
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
271 var show = data.settings.isRegionVisible;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
272 if (show && data.zoomArea.overlapsRect(regionRect)) {
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
273 regionRect.clipTo(data.zoomArea);
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
274 var screenRect = data.imgTrafo.transform(regionRect);
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
275 screenRect.adjustDiv($regionDiv);
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
276 if (anim) {
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
277 $regionDiv.fadeIn();
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
278 } else{
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
279 $regionDiv.show();
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
280 }
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
281 } else {
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
282 if (anim) {
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
283 $regionDiv.fadeOut();
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
284 } else{
824
f0a5e4d2cba7 hide region when outside of zoomArea, not show
hertzhaft
parents: 823
diff changeset
285 $regionDiv.hide();
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
286 }
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
287 }
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
288 };
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
289
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
290 // show regions
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
291 var showRegionDivs = function (data, anim) {
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
292 for (var i = 0; i < data.regions.length ; i++) {
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
293 showRegionDiv(data, i, anim);
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
294 }
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
295 };
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
296
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
297 var unpackRegions = function (data) {
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
298 // create regions from parameters
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
299 var rg = data.settings.rg;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
300 if (rg == null) return;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
301 var regions = data.regions;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
302 var rs = rg.split(",");
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
303 for (var i = 0; i < rs.length; i++) {
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
304 var r = rs[i];
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
305 var pos = r.split("/", 4);
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
306 var rect = geom.rectangle(pos[0], pos[1], pos[2], pos[3]);
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
307 regions.push(rect);
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
308 }
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
309 };
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
310
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
311 // pack regions array into a parameter string
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
312 var packRegions = function (data) {
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
313 var regions = data.regions;
815
60e8cca7ac81 could not remove last region
hertzhaft
parents: 813
diff changeset
314 if (!regions.length) {
60e8cca7ac81 could not remove last region
hertzhaft
parents: 813
diff changeset
315 data.settings.rg = null;
60e8cca7ac81 could not remove last region
hertzhaft
parents: 813
diff changeset
316 return;
60e8cca7ac81 could not remove last region
hertzhaft
parents: 813
diff changeset
317 }
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
318 var rg = '';
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
319 for (var i = 0; i < regions.length; i++) {
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
320 region = regions[i];
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
321 if (i) {
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
322 rg += ',';
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
323 }
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
324 rg += [
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
325 fn.cropFloatStr(region.x),
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
326 fn.cropFloatStr(region.y),
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
327 fn.cropFloatStr(region.width),
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
328 fn.cropFloatStr(region.height)
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
329 ].join('/');
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
330 }
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
331 data.settings.rg = rg;
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
332 };
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
333
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
334 // reload display after a region has been added or removed
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
335 var redisplay = function (data) {
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
336 if (!data.settings.includeRegionContent) {
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
337 packRegions(data);
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
338 }
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
339 fn.redisplay(data);
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
340 };
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
341
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
342 // for turning region numbers/region divs into links to zoomed details
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
343 var getRegionUrl = function (data, index) {
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
344 var region = data.regions[index];
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
345 var settings = data.settings;
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
346 var params = {
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
347 "fn" : settings.fn,
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
348 "pn" : settings.pn
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
349 };
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
350 fn.packArea(params, region);
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
351 fn.packMarks(params, data.marks);
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
352 fn.packScalerFlags(params, data.scalerFlags);
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
353 var paramNames = digilib.defaults.digilibParamNames;
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
354 // build our own digilib URL without storing anything
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
355 var queryString = fn.getParamString(params, paramNames, digilib.defaults);
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
356 return settings.digilibBaseUrl + '?' + queryString;
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
357 };
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 // 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
360 var handleSetup = function (evt) {
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
361 data = this;
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
362 console.debug("regions: handleSetup", data.settings.rg);
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
363 // regions with content are given in HTML divs
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
364 if (data.settings.includeRegionContent) {
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
365 createRegionsFromHTML(data);
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
366 // regions are defined in the URL
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
367 } else {
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
368 unpackRegions(data);
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
369 createRegionDivs(data);
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
370 }
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
371 };
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
372
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
373 // event handler, sets buttons and shows regions
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
374 var handleUpdate = function (evt) {
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
375 data = this;
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
376 fn.highlightButtons(data, 'regions' , data.settings.isRegionVisible);
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
377 fn.highlightButtons(data, 'regioninfo' , data.settings.showRegionInfo);
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
378 showRegionDivs(data);
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
379 console.debug("regions: handleUpdate", data.settings.rg);
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
380 };
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
381
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
382 // 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
383 var handleRedisplay = function (evt) {
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
384 data = this;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
385 showRegionDivs(data);
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
386 console.debug("regions: handleRedisplay");
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
387 };
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
388
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
389 // event handler
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
390 var handleDragZoom = function (evt, zoomArea) {
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
391 // console.debug("regions: handleDragZoom, zoomArea:", zoomArea);
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
392 // data = this;
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
393 };
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
394
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
395 // plugin installation called by digilib on plugin object.
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
396 var install = function(plugin) {
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
397 digilib = plugin;
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
398 console.debug('installing regions plugin. digilib:', digilib);
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
399 fn = digilib.fn;
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
400 // import geometry classes
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
401 geom = fn.geometry;
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
402 FULL_AREA = geom.rectangle(0,0,1,1);
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
403 // add defaults, actions, buttons
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
404 $.extend(digilib.defaults, defaults);
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
405 $.extend(digilib.actions, actions);
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
406 $.extend(digilib.buttons, buttons);
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
407 };
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
408
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
409 // plugin initialization
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
410 var init = function (data) {
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
411 console.debug('initialising regions plugin. data:', data);
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
412 var $data = $(data);
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
413 // regions array
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
414 data.regions = [];
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
415 // no URL-defined regions, no buttons when regions are predefined in HTML
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
416 if (!data.settings.includeRegionContent) {
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
417 // add "rg" to digilibParamNames
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
418 data.settings.digilibParamNames.push('rg');
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
419 // additional buttons
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
420 var buttonSettings = data.settings.buttonSettings.fullscreen;
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
421 // configure buttons through digilib "regionSet" option
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
422 var buttonSet = data.settings.regionSet || regionSet;
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
423 // set regionSet to [] or '' for no buttons (when showing regions only)
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
424 if (buttonSet.length && buttonSet.length > 0) {
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
425 buttonSettings['regionSet'] = buttonSet;
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
426 buttonSettings.buttonSets.push('regionSet');
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
427 }
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
428 }
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
429 // install event handler
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
430 $data.bind('setup', handleSetup);
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
431 $data.bind('update', handleUpdate);
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
432 $data.bind('redisplay', handleRedisplay);
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
433 $data.bind('dragZoom', handleDragZoom);
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
434 };
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
435
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
436 // plugin object with name and install/init methods
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
437 // shared objects filled by digilib on registration
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
438 var pluginProperties = {
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
439 name : 'region',
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
440 install : install,
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
441 init : init,
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
442 buttons : {},
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
443 actions : {},
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
444 fn : {},
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
445 plugins : {}
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
446 };
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
447
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
448 if ($.fn.digilib == null) {
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
449 $.error("jquery.digilib.regions must be loaded after jquery.digilib!");
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
450 } else {
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
451 $.fn.digilib('plugin', pluginProperties);
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
452 }
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
453 })(jQuery);