Mercurial > hg > digilib-old

annotate webapp/src/main/webapp/jquery/jquery.digilib.regions.js @ 1048:4aa90cccb3e4

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