Mercurial > hg > digilib-old

annotate webapp/src/main/webapp/jquery/jquery.digilib.regions.js @ 1024:4ee43243a6a0

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