annotate webapp/src/main/webapp/jquery/jquery.digilib.regions.js @ 1094:8d6bc18f7145

some polishing and refactoring, preparation for region text search
author hertzhaft
date Fri, 19 Oct 2012 19:19:27 +0200
parents 75a54db031dd
children 20ad0034f1e5
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
1067
a45894a81e40 #26: minor enhancements for the regions plugin
hertzhaft
parents: 1060
diff changeset
14 According to the HTML specs, "area" and "a" elements are allowed inside of a "map".
a45894a81e40 #26: minor enhancements for the regions plugin
hertzhaft
parents: 1060
diff changeset
15 Both can have a "coords" attribute, but "area" elements can't contain child nodes.
a45894a81e40 #26: minor enhancements for the regions plugin
hertzhaft
parents: 1060
diff changeset
16 To have regions with content use "a" tags, e.g.
a45894a81e40 #26: minor enhancements for the regions plugin
hertzhaft
parents: 1060
diff changeset
17
a45894a81e40 #26: minor enhancements for the regions plugin
hertzhaft
parents: 1060
diff changeset
18 <map class="dl-keep dl-regioncontent">
a45894a81e40 #26: minor enhancements for the regions plugin
hertzhaft
parents: 1060
diff changeset
19 <a href="http://www.mpiwg-berlin.mpg.de" coords="0.4907,0.3521,0.1458,0.107">
a45894a81e40 #26: minor enhancements for the regions plugin
hertzhaft
parents: 1060
diff changeset
20 MPI fuer Wissenschaftsgeschichte
a45894a81e40 #26: minor enhancements for the regions plugin
hertzhaft
parents: 1060
diff changeset
21 </a>
a45894a81e40 #26: minor enhancements for the regions plugin
hertzhaft
parents: 1060
diff changeset
22 <a href="http://www.biblhertz.it" coords="0.3413,0.2912,0.4345,0.2945">
a45894a81e40 #26: minor enhancements for the regions plugin
hertzhaft
parents: 1060
diff changeset
23 Bibliotheca Hertziana
a45894a81e40 #26: minor enhancements for the regions plugin
hertzhaft
parents: 1060
diff changeset
24 </a>
a45894a81e40 #26: minor enhancements for the regions plugin
hertzhaft
parents: 1060
diff changeset
25 <area coords="0.3,0.5,0.15,0.1" />
a45894a81e40 #26: minor enhancements for the regions plugin
hertzhaft
parents: 1060
diff changeset
26 </map>
a45894a81e40 #26: minor enhancements for the regions plugin
hertzhaft
parents: 1060
diff changeset
27
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
28 */
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
29
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
30 (function($) {
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
31 // the digilib object
996
0b63093d598e cssPrefix works now.
robcast
parents: 991
diff changeset
32 var digilib = null;
1094
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
33 // the normal zoom area
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
34 var FULL_AREA = null;
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
35 // the functions made available by digilib
1048
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
36 var fn = {
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
37 // dummy function to avoid errors, gets overwritten by buttons plugin
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
38 highlightButtons : function () {
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
39 console.debug('regions: dummy function - highlightButtons');
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
40 }
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
41 };
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
42 // affine geometry plugin
996
0b63093d598e cssPrefix works now.
robcast
parents: 991
diff changeset
43 var geom = null;
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
44
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
45 var buttons = {
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
46 defineregion : {
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
47 onclick : "defineUserRegion",
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
48 tooltip : "define a region",
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
49 icon : "addregion.png"
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
50 },
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
51 removeregion : {
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
52 onclick : "removeUserRegion",
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
53 tooltip : "delete the last user defined region",
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
54 icon : "delregion.png"
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
55 },
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
56 removeallregions : {
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
57 onclick : "removeAllUserRegions",
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
58 tooltip : "delete all user defined regions",
1067
a45894a81e40 #26: minor enhancements for the regions plugin
hertzhaft
parents: 1060
diff changeset
59 icon : "delallregions.png"
a45894a81e40 #26: minor enhancements for the regions plugin
hertzhaft
parents: 1060
diff changeset
60 },
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
61 regions : {
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
62 onclick : "toggleRegions",
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
63 tooltip : "show or hide regions",
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
64 icon : "regions.png"
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
65 },
1092
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
66 findcoords : {
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
67 onclick : "findCoords",
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
68 tooltip : "find coords and display as a new region",
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
69 icon : "regions.png"
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
70 },
1048
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
71 regioninfo : {
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
72 onclick : "showRegionInfo",
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
73 tooltip : "show information about user defined regions",
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
74 icon : "regioninfo.png"
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
75 }
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
76 };
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
77
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
78 var defaults = {
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
79 // are regions being edited?
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
80 'editRegions' : false,
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
81 // are regions shown?
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
82 'isRegionVisible' : true,
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
83 // are region numbers shown?
1023
8e3462a753f0 small clean ups.
robcast
parents: 996
diff changeset
84 'showRegionNumbers' : true,
1094
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
85 // default width for region when only point is given
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
86 'regionWidth' : 0.005,
850
47a6b93bde43 always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 848
diff changeset
87 // is there region content in the page?
1027
ff19b9e936d3 allow predefined and user regions at the same time.
robcast
parents: 1025
diff changeset
88 'processHtmlRegions' : false,
ff19b9e936d3 allow predefined and user regions at the same time.
robcast
parents: 1025
diff changeset
89 // region defined by users and in the URL
ff19b9e936d3 allow predefined and user regions at the same time.
robcast
parents: 1025
diff changeset
90 'processUserRegions' : true,
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
91 // callback for click on region
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
92 'onClickRegion' : null,
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
93 // callback when new user region is defined
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
94 'onNewRegion' : null,
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
95 // turn any region into a clickable link to its detail view (DEPRECATED)
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
96 'autoZoomOnClick' : false,
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
97 // css selector for area/a elements (must also be marked with class "dl-keep")
1067
a45894a81e40 #26: minor enhancements for the regions plugin
hertzhaft
parents: 1060
diff changeset
98 'htmlRegionsSelector' : 'map.dl-regioncontent area, map.dl-regioncontent a',
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
99 // buttonset of this plugin
1092
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
100 'regionSet' : ['regions', 'defineregion', 'removeregion', 'removeallregions', 'regioninfo', 'findcoords', 'lessoptions'],
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
101 // url param for regions
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
102 'rg' : null,
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
103 // region attributes to copy from HTML
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
104 'regionAttributes' : {
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
105 'id' :1,
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
106 'href' :1,
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
107 'title' :1,
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
108 'target':1,
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
109 'style' :1,
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
110 'class' :1
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
111 }
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
112 };
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
113
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
114 var actions = {
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
115
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
116 // define a region interactively with two clicked points
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
117 defineUserRegion : function(data) {
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
118 if (!data.settings.isRegionVisible) {
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
119 alert("Please turn on regions visibility!");
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
120 return;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
121 }
996
0b63093d598e cssPrefix works now.
robcast
parents: 991
diff changeset
122 var cssPrefix = data.settings.cssPrefix;
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
123 var $elem = data.$elem;
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
124 var $body = $('body');
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
125 var bodyRect = geom.rectangle($body);
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
126 var $scaler = data.$scaler;
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
127 var scalerRect = geom.rectangle($scaler);
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
128 var pt1, pt2;
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
129 // overlay prevents other elements from reacting to mouse events
996
0b63093d598e cssPrefix works now.
robcast
parents: 991
diff changeset
130 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
131 $body.append($overlay);
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
132 bodyRect.adjustDiv($overlay);
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
133 var attr = {'class' : cssPrefix+"regionURL"};
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
134 var $regionDiv = addRegionDiv(data, data.userRegions, data.userRegions.length, attr);
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
135
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
136 // mousedown handler: start sizing
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
137 var regionStart = function (evt) {
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
138 pt1 = geom.position(evt);
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
139 // setup and show zoom div
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
140 pt1.adjustDiv($regionDiv);
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
141 $regionDiv.width(0).height(0);
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
142 $regionDiv.show();
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
143 // register mouse events
920
07c989c41b4f made plugins more jquery 1.7 compliant
robcast
parents: 903
diff changeset
144 $overlay.on("mousemove.dlRegion", regionMove);
07c989c41b4f made plugins more jquery 1.7 compliant
robcast
parents: 903
diff changeset
145 $overlay.on("mouseup.dlRegion", regionEnd);
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
146 return false;
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
147 };
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
148
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
149 // mousemove handler: size region
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
150 var regionMove = function (evt) {
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
151 pt2 = geom.position(evt);
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
152 var rect = geom.rectangle(pt1, pt2);
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
153 rect.clipTo(scalerRect);
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
154 // update region
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
155 rect.adjustDiv($regionDiv);
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
156 return false;
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
157 };
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
158
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
159 // mouseup handler: end sizing
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
160 var regionEnd = function (evt) {
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
161 pt2 = geom.position(evt);
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
162 // assume a click and continue if the area is too small
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
163 var clickRect = geom.rectangle(pt1, pt2);
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
164 if (clickRect.getArea() <= 5) return false;
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
165 // unregister mouse events and get rid of overlay
920
07c989c41b4f made plugins more jquery 1.7 compliant
robcast
parents: 903
diff changeset
166 $overlay.off("mousemove.dlRegion", regionMove);
07c989c41b4f made plugins more jquery 1.7 compliant
robcast
parents: 903
diff changeset
167 $overlay.off("mouseup.dlRegion", regionEnd);
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
168 $overlay.remove();
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
169 // clip region
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
170 clickRect.clipTo(scalerRect);
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
171 clickRect.adjustDiv($regionDiv);
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
172 var region = storeUserRegion(data, $regionDiv);
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
173 // fn.redisplay(data);
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
174 fn.highlightButtons(data, 'defineregion', 0);
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
175 redisplay(data);
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
176 $(data).trigger('newRegion', region);
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
177 return false;
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
178 };
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
179
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
180 // bind start zoom handler
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
181 $overlay.one('mousedown.dlRegion', regionStart);
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
182 fn.highlightButtons(data, 'defineregion', 1);
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
183 },
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
184
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
185 // remove the last added URL region
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
186 removeUserRegion : function (data) {
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
187 if (!data.settings.isRegionVisible) {
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
188 alert("Please turn on regions visibility!");
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
189 return;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
190 }
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
191 var r = data.userRegions.pop();
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
192 // no more URL regions to delete
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
193 if (r == null) return;
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
194 var $regionDiv = r.$div;
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
195 $regionDiv.remove();
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
196 redisplay(data);
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
197 },
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
198
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
199 // remove all manually added regions (defined through URL "rg" parameter)
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
200 removeAllUserRegions : function (data) {
1067
a45894a81e40 #26: minor enhancements for the regions plugin
hertzhaft
parents: 1060
diff changeset
201 if (!data.settings.isRegionVisible) {
a45894a81e40 #26: minor enhancements for the regions plugin
hertzhaft
parents: 1060
diff changeset
202 alert("Please turn on regions visibility!");
a45894a81e40 #26: minor enhancements for the regions plugin
hertzhaft
parents: 1060
diff changeset
203 return;
a45894a81e40 #26: minor enhancements for the regions plugin
hertzhaft
parents: 1060
diff changeset
204 }
a45894a81e40 #26: minor enhancements for the regions plugin
hertzhaft
parents: 1060
diff changeset
205 var cssPrefix = data.settings.cssPrefix;
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
206 var $regions = data.$elem.find('div.'+cssPrefix+'regionURL');
1067
a45894a81e40 #26: minor enhancements for the regions plugin
hertzhaft
parents: 1060
diff changeset
207 $regions.remove();
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
208 data.userRegions = []; // remove only URL regions
1067
a45894a81e40 #26: minor enhancements for the regions plugin
hertzhaft
parents: 1060
diff changeset
209 redisplay(data);
a45894a81e40 #26: minor enhancements for the regions plugin
hertzhaft
parents: 1060
diff changeset
210 },
a45894a81e40 #26: minor enhancements for the regions plugin
hertzhaft
parents: 1060
diff changeset
211
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
212 // show/hide regions
1060
d9abeaa44c49 better region info
hertzhaft
parents: 1048
diff changeset
213 toggleRegions : function (data) {
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
214 var show = !data.settings.isRegionVisible;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
215 data.settings.isRegionVisible = show;
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
216 fn.highlightButtons(data, 'regions', show);
850
47a6b93bde43 always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 848
diff changeset
217 renderRegions(data, 1);
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
218 },
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
219
1048
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
220 // show region info in a window
1060
d9abeaa44c49 better region info
hertzhaft
parents: 1048
diff changeset
221 showRegionInfo : function (data) {
1048
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
222 var $elem = data.$elem;
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
223 var cssPrefix = data.settings.cssPrefix;
1060
d9abeaa44c49 better region info
hertzhaft
parents: 1048
diff changeset
224 var infoselector = '#'+cssPrefix+'regionInfo';
d9abeaa44c49 better region info
hertzhaft
parents: 1048
diff changeset
225 if (fn.find(data, infoselector)) {
1048
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
226 fn.withdraw($info);
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
227 return;
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
228 }
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
229 var html = '\
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
230 <div id="'+cssPrefix+'regionInfo" class="'+cssPrefix+'keep '+cssPrefix+'regionInfo">\
1060
d9abeaa44c49 better region info
hertzhaft
parents: 1048
diff changeset
231 <table class="'+cssPrefix+'infoheader">\
d9abeaa44c49 better region info
hertzhaft
parents: 1048
diff changeset
232 <tr>\
d9abeaa44c49 better region info
hertzhaft
parents: 1048
diff changeset
233 <td class="'+cssPrefix+'infobutton html">HTML</td>\
d9abeaa44c49 better region info
hertzhaft
parents: 1048
diff changeset
234 <td class="'+cssPrefix+'infobutton svgattr">SVG</td>\
d9abeaa44c49 better region info
hertzhaft
parents: 1048
diff changeset
235 <td class="'+cssPrefix+'infobutton csv">CSV</td>\
d9abeaa44c49 better region info
hertzhaft
parents: 1048
diff changeset
236 <td class="'+cssPrefix+'infobutton digilib">Digilib</td>\
d9abeaa44c49 better region info
hertzhaft
parents: 1048
diff changeset
237 <td class="'+cssPrefix+'infobutton x">X</td>\
d9abeaa44c49 better region info
hertzhaft
parents: 1048
diff changeset
238 </tr>\
d9abeaa44c49 better region info
hertzhaft
parents: 1048
diff changeset
239 </table>\
1048
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
240 </div>';
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
241 $info = $(html);
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
242 $info.appendTo($elem);
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
243 $info.append(regionInfoHTML(data));
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
244 $info.append(regionInfoSVG(data));
1060
d9abeaa44c49 better region info
hertzhaft
parents: 1048
diff changeset
245 $info.append(regionInfoCSV(data));
1048
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
246 $info.append(regionInfoDigilib(data));
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
247 var bind = function(name) {
1060
d9abeaa44c49 better region info
hertzhaft
parents: 1048
diff changeset
248 $info.find('.'+name).on('click.regioninfo', function () {
1048
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
249 $info.find('div.'+cssPrefix+'info').hide();
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
250 $info.find('div.'+cssPrefix+name).show();
1060
d9abeaa44c49 better region info
hertzhaft
parents: 1048
diff changeset
251 fn.centerOnScreen(data, $info);
832
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 824
diff changeset
252 });
1048
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
253 };
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
254 bind('html');
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
255 bind('svgattr');
1060
d9abeaa44c49 better region info
hertzhaft
parents: 1048
diff changeset
256 bind('csv');
1048
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
257 bind('digilib');
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
258 $info.find('.x').on('click.regioninfo', function () {
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
259 fn.withdraw($info);
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
260 });
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
261 $info.fadeIn();
1060
d9abeaa44c49 better region info
hertzhaft
parents: 1048
diff changeset
262 fn.centerOnScreen(data, $info);
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
263 },
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
264
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
265 // display region coordinates in an edit line
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
266 showRegionCoords : function (data, region) {
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
267 var $elem = data.$elem;
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
268 var cssPrefix = data.settings.cssPrefix;
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
269 // var infoselector = '#'+cssPrefix+'regionInfo';
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
270 // var $info = fn.find(data, infoselector);
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
271 var coords = regionCoordsString(region, ',');
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
272 var html = '\
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
273 <div id="'+cssPrefix+'regionInfo" class="'+cssPrefix+'keep '+cssPrefix+'regionInfo">\
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
274 <input name="coords" type="text" size="30" maxlength="40" value="'+coords+'"/>\
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
275 </div>';
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
276 var $info = $(html);
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
277 $info.appendTo($elem);
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
278 $input = $info.find('input');
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
279 $input.on('focus.regioninfo', function (event) {
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
280 this.select();
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
281 });
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
282 $input.on('blur.regioninfo', function (event) {
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
283 fn.withdraw($info);
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
284 return false;
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
285 });
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
286 $input.on('keypress.regioninfo', function (event) {
1092
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
287 fn.withdraw($info); // OBS: "return false" disables copy!
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
288 });
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
289 $input.prop("readonly",true);
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
290 $info.fadeIn();
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
291 fn.centerOnScreen(data, $info);
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
292 $input.focus();
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
293 console.debug('showRegionCoords', coords);
1092
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
294 },
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
295
1094
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
296 // draw a find region from coords and move into view
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
297 regionFromCoords : function (data, coords) {
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
298 var rect = parseCoordsString(data, coords);
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
299 if (rect == null) {
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
300 alert('invalid coordinates: ' + coords);
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
301 return;
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
302 }
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
303 var cssPrefix = data.settings.cssPrefix;
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
304 var attr = { 'class' : cssPrefix+'regionURL '+cssPrefix+'findregion' };
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
305 createRegion(data, data.userRegions, rect, attr);
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
306 var za = data.zoomArea;
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
307 if (!fn.isFullArea(za)) {
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
308 za.setCenter(rect.getCenter()).stayInside(FULL_AREA);
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
309 if (!za.containsRect(rect)) {
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
310 za = FULL_AREA.copy();
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
311 }
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
312 fn.setZoomArea(data, za);
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
313 }
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
314 console.debug('regionFromCoords', coords, rect, za);
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
315 redisplay(data);
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
316 },
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
317
1092
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
318 // find coordinates and display as new region
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
319 findCoords : function (data) {
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
320 var $elem = data.$elem;
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
321 var cssPrefix = data.settings.cssPrefix;
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
322 var html = '\
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
323 <div id="'+cssPrefix+'regionInfo" class="'+cssPrefix+'keep '+cssPrefix+'regionInfo">\
1094
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
324 <div>coordinates to find:</div>\
1092
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
325 <form class="'+cssPrefix+'form">\
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
326 <div>\
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
327 <input class="'+cssPrefix+'input" name="coords" type="text" size="30" maxlength="40"/> \
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
328 </div>\
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
329 <input class="'+cssPrefix+'submit" type="submit" name="sub" value="Ok"/>\
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
330 <input class="'+cssPrefix+'cancel" type="button" value="Cancel"/>\
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
331 </form>\
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
332 </div>';
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
333 var $info = $(html);
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
334 $info.appendTo($elem);
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
335 var $form = $info.find('form');
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
336 var $input = $info.find('input.'+cssPrefix+'input');
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
337 // handle submit
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
338 $form.on('submit', function () {
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
339 var coords = $input.val();
1094
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
340 actions.regionFromCoords(data, coords);
1092
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
341 fn.withdraw($info);
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
342 return false;
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
343 });
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
344 // handle cancel
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
345 $form.find('.'+cssPrefix+'cancel').on('click', function () {
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
346 fn.withdraw($info);
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
347 });
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
348 $info.fadeIn();
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
349 fn.centerOnScreen(data, $info);
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
350 $input.focus();
1094
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
351 }
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
352 };
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
353
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
354 // store a region div
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
355 var storeUserRegion = function (data, $regionDiv) {
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
356 var regions = data.userRegions;
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
357 var rect = geom.rectangle($regionDiv);
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
358 var rectangle = data.imgTrafo.invtransform(rect);
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
359 rectangle.$div = $regionDiv;
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
360 regions.push(rectangle);
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
361 console.debug("storeUserRegion", data.userRegions, "rectangle", rectangle);
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
362 return rectangle;
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
363 };
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
364
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
365 // open region as detail
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
366 var openDetail = function (data, region) {
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
367 digilib.actions.zoomArea(data, region);
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
368 };
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
369
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
370 // make a coords string
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
371 var regionCoordsString = function (rect, sep) {
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
372 if (sep == null) sep = ','; // comma as default separator
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
373 return [
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
374 fn.cropFloatStr(rect.x),
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
375 fn.cropFloatStr(rect.y),
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
376 fn.cropFloatStr(rect.width),
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
377 fn.cropFloatStr(rect.height)
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
378 ].join(sep);
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
379 };
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
380
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
381 // html for later insertion
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
382 var regionInfoHTML = function (data) {
996
0b63093d598e cssPrefix works now.
robcast
parents: 991
diff changeset
383 var cssPrefix = data.settings.cssPrefix;
0b63093d598e cssPrefix works now.
robcast
parents: 991
diff changeset
384 var $infoDiv = $('<div class="'+cssPrefix+'info '+cssPrefix+'html"/>');
1027
ff19b9e936d3 allow predefined and user regions at the same time.
robcast
parents: 1025
diff changeset
385 $infoDiv.append($('<div/>').text('<map class="'+cssPrefix+'keep '+cssPrefix+'regioncontent">'));
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
386 $.each(data.userRegions, function(index, r) {
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
387 var coords = regionCoordsString(r, ',');
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
388 $infoDiv.append($('<div/>').text('<area coords="' + coords + '"/>'));
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
389 });
1027
ff19b9e936d3 allow predefined and user regions at the same time.
robcast
parents: 1025
diff changeset
390 $infoDiv.append($('<div/>').text('</map>'));
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
391 return $infoDiv;
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
392 };
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
393
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
394 // SVG-style
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
395 var regionInfoSVG = function (data) {
996
0b63093d598e cssPrefix works now.
robcast
parents: 991
diff changeset
396 var cssPrefix = data.settings.cssPrefix;
0b63093d598e cssPrefix works now.
robcast
parents: 991
diff changeset
397 var $infoDiv = $('<div class="'+cssPrefix+'info '+cssPrefix+'svgattr"/>');
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
398 $.each(data.userRegions, function(index, r) {
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
399 var coords = regionCoordsString(r, ' ');
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
400 $infoDiv.append($('<div/>').text('"' + coords + '"'));
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
401 });
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
402 return $infoDiv;
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
403 };
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
404
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
405 // CSV-style
1060
d9abeaa44c49 better region info
hertzhaft
parents: 1048
diff changeset
406 var regionInfoCSV = function (data) {
d9abeaa44c49 better region info
hertzhaft
parents: 1048
diff changeset
407 var cssPrefix = data.settings.cssPrefix;
d9abeaa44c49 better region info
hertzhaft
parents: 1048
diff changeset
408 var $infoDiv = $('<div class="'+cssPrefix+'info '+cssPrefix+'csv"/>');
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
409 $.each(data.userRegions, function(index, r) {
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
410 var coords = regionCoordsString(r, ',');
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
411 $infoDiv.append($('<div/>').text(index+1 + ": " + coords));
1060
d9abeaa44c49 better region info
hertzhaft
parents: 1048
diff changeset
412 });
d9abeaa44c49 better region info
hertzhaft
parents: 1048
diff changeset
413 return $infoDiv;
d9abeaa44c49 better region info
hertzhaft
parents: 1048
diff changeset
414 };
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
415
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
416 // digilib-style (h,w@x,y)
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
417 var regionInfoDigilib = function (data) {
996
0b63093d598e cssPrefix works now.
robcast
parents: 991
diff changeset
418 var cssPrefix = data.settings.cssPrefix;
0b63093d598e cssPrefix works now.
robcast
parents: 991
diff changeset
419 var $infoDiv = $('<div class="'+cssPrefix+'info '+cssPrefix+'digilib"/>');
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
420 $.each(data.userRegions, function(index, r) {
1067
a45894a81e40 #26: minor enhancements for the regions plugin
hertzhaft
parents: 1060
diff changeset
421 if (r.fromHtml) return;
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
422 var coords = r.toString();
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
423 $infoDiv.append($('<div/>').text(coords));
855
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
424 });
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
425 return $infoDiv;
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
426 };
2c401f68d577 better region info
hertzhaft
parents: 852
diff changeset
427
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
428 // add a region to data.$elem
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
429 var addRegionDiv = function (data, regions, index, attributes) {
1025
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
430 var settings = data.settings;
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
431 var cssPrefix = settings.cssPrefix;
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
432 // var nr = regions.length; // we count regions from 1
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
433 var cls = cssPrefix+'region '+cssPrefix+'overlay';
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
434 if (attributes && attributes['class']) {
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
435 cls = cls+' '+attributes['class'];
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
436 delete attributes['class'];
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
437 }
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
438 var $regionDiv = $('<div class="'+cls+'" style="display:none"/>');
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
439 data.$elem.append($regionDiv);
1025
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
440 if (settings.showRegionNumbers) {
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
441 var $regionLink = $('<a class="'+cssPrefix+'regionnumber">'+index+'</a>');
920
07c989c41b4f made plugins more jquery 1.7 compliant
robcast
parents: 903
diff changeset
442 if (attributes) $regionLink.attr(attributes);
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
443 $regionDiv.append($regionLink);
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
444 }
1025
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
445 if (attributes) {
1027
ff19b9e936d3 allow predefined and user regions at the same time.
robcast
parents: 1025
diff changeset
446 // copy attributes to div except href
1025
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
447 if (attributes.href) {
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
448 region.href = attributes.href;
1027
ff19b9e936d3 allow predefined and user regions at the same time.
robcast
parents: 1025
diff changeset
449 // copy attributes
ff19b9e936d3 allow predefined and user regions at the same time.
robcast
parents: 1025
diff changeset
450 var attrs = $.extend({}, attributes);
ff19b9e936d3 allow predefined and user regions at the same time.
robcast
parents: 1025
diff changeset
451 delete attrs.href;
ff19b9e936d3 allow predefined and user regions at the same time.
robcast
parents: 1025
diff changeset
452 $regionDiv.attr(attrs);
ff19b9e936d3 allow predefined and user regions at the same time.
robcast
parents: 1025
diff changeset
453 } else {
ff19b9e936d3 allow predefined and user regions at the same time.
robcast
parents: 1025
diff changeset
454 $regionDiv.attr(attributes);
1025
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
455 }
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
456 }
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
457 // DEPRECATED
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
458 if (settings.autoZoomOnClick) {
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
459 if (settings.onClickRegion == null) settings.onClickRegion = openDetail;
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
460 }
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
461 // handle click events on div
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
462 var region = regions[index];
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
463 $regionDiv.on('click.dlRegion', function(evt) {
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
464 $(data).trigger('regionClick', region);
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
465 });
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
466 return $regionDiv;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
467 };
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
468
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
469 // create a region div from the data.regions array
947
5bde01bcfb16 button plugin works now.
robcast
parents: 941
diff changeset
470 var createRegionDiv = function (data, regions, index, attributes) {
1027
ff19b9e936d3 allow predefined and user regions at the same time.
robcast
parents: 1025
diff changeset
471 var region = regions[index];
ff19b9e936d3 allow predefined and user regions at the same time.
robcast
parents: 1025
diff changeset
472 // check if div exists
ff19b9e936d3 allow predefined and user regions at the same time.
robcast
parents: 1025
diff changeset
473 if (region.$div != null) return region.$div;
ff19b9e936d3 allow predefined and user regions at the same time.
robcast
parents: 1025
diff changeset
474 // create and add div
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
475 var $regionDiv = addRegionDiv(data, regions, index, attributes);
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
476 region.$div = $regionDiv;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
477 return $regionDiv;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
478 };
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
479
1094
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
480 // create a rectangle from a coords string
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
481 var parseCoordsString = function (data, coords) {
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
482 var pos = coords.match(/[0-9.]+/g); // TODO: check validity?
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
483 if (pos == null) {
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
484 return null;
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
485 }
1092
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
486 var rect = geom.rectangle(pos[0], pos[1], pos[2], pos[3]);
1094
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
487 if (!fn.isNumber(rect.x) || !fn.isNumber(rect.y)) {
1092
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
488 return null;
1094
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
489 }
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
490 if (!rect.getArea()) {
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
491 var pt = rect.getPosition();
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
492 rect.width = data.settings.regionWidth;
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
493 rect.height = rect.width;
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
494 rect.setCenter(pt);
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
495 }
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
496 return rect;
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
497 };
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
498
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
499 // create a regions from a rectangle
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
500 var createRegion = function (data, regions, rect, attributes) {
1092
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
501 var index = regions.length;
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
502 regions.push(rect);
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
503 var $regionDiv = createRegionDiv(data, regions, index, attributes);
1094
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
504 return $regionDiv;
1092
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
505 };
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
506
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
507 // create regions from URL parameters
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
508 var createRegionsFromURL = function (data) {
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
509 var cssPrefix = data.settings.cssPrefix;
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
510 var attr = {'class' : cssPrefix+"regionURL"};
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
511 unpackRegions(data);
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
512 var regions = data.userRegions;
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
513 $.each(regions, function(index, region) {
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
514 createRegionDiv(data, regions, index, attr);
1027
ff19b9e936d3 allow predefined and user regions at the same time.
robcast
parents: 1025
diff changeset
515 });
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
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
518 // create regions from HTML
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
519 var createRegionsFromHTML = function (data) {
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
520 var cssPrefix = data.settings.cssPrefix;
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
521 var regions = data.htmlRegions;
1025
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
522 // regions are defined in "area" tags
1067
a45894a81e40 #26: minor enhancements for the regions plugin
hertzhaft
parents: 1060
diff changeset
523 var $content = data.$elem.find(data.settings.htmlRegionsSelector);
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
524 console.debug("createRegionsFromHTML. Number of elems: ", $content.length);
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
525 $content.each(function(index, area) {
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
526 var $area = $(area);
852
4658ec2f9565 why not use coords attribute for coords?
hertzhaft
parents: 851
diff changeset
527 // the "coords" attribute contains the region coords (0..1)
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
528 var coords = $area.attr('coords');
1094
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
529 var title = $area.attr('title');
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
530 // create the rectangle
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
531 var rect = parseCoordsString(data, coords);
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
532 if (rect == null) {
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
533 return console.error('bad coords in HTML:', title, coords);
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
534 }
1024
4ee43243a6a0 more clean up.
robcast
parents: 1023
diff changeset
535 // copy some attributes
873
29f214f59654 copy more region attributes
hertzhaft
parents: 872
diff changeset
536 var attributes = {};
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
537 for (var n in data.settings.regionAttributes) {
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
538 attributes[n] = $area.attr(n);
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
539 }
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
540 // mark div as regionHTML
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
541 regionClass = cssPrefix+'regionHTML';
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
542 if (attributes['class']) {
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
543 attributes['class'] += ' ' + regionClass
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
544 } else {
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
545 attributes['class'] = regionClass
1024
4ee43243a6a0 more clean up.
robcast
parents: 1023
diff changeset
546 }
1094
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
547 rect.text = title;
1092
4964a1e252eb first step towards a find region functionality
hertzhaft
parents: 1091
diff changeset
548 rect.fromHtml = true;
1094
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
549 var $regionDiv = createRegion(data, regions, rect, attributes);
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
550 var $contents = $area.contents().clone();
1025
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
551 if (attributes.href != null) {
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
552 // wrap contents in a-tag
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
553 var $ca = $('<a href="'+attributes.href+'"/>');
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
554 $ca.append($contents);
1027
ff19b9e936d3 allow predefined and user regions at the same time.
robcast
parents: 1025
diff changeset
555 // alt attribute is also content (BTW: area-tag has no content())
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
556 $ca.append($area.attr('alt'));
1025
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
557 $regionDiv.append($ca);
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
558 } else {
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
559 $regionDiv.append($contents);
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
560 // alt attribute is also content (BTW: area-tag has no content())
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
561 $regionDiv.append($area.attr('alt'));
1025
c75858ee4452 more fiddling with regions.
robcast
parents: 1024
diff changeset
562 }
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
563 });
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
564 };
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
565
1094
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
566 // list of HTML regions matching text in its title attribute
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
567 var matchRegionText = function (data, text) {
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
568 var regions = data.htmlRegions;
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
569 var re = new RegExp(text);
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
570 return $.grep(regions, function(item, index) {
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
571 return re.match(item.text);
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
572 });
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
573 };
8d6bc18f7145 some polishing and refactoring, preparation for region text search
hertzhaft
parents: 1093
diff changeset
574
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
575 // show a region on top of the scaler image
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
576 var renderRegion = function (data, region, anim) {
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
577 if (!data.imgTrafo) return;
950
164d69e2c481 much nicer implementation of preview for scrolling and zooming.
robcast
parents: 947
diff changeset
578 var zoomArea = data.zoomArea;
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
579 var $regionDiv = region.$div;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
580 if (!$regionDiv) {
950
164d69e2c481 much nicer implementation of preview for scrolling and zooming.
robcast
parents: 947
diff changeset
581 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
582 // alert("renderRegion: region has no $div to show");
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
583 return;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
584 }
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
585 var regionRect = region.copy();
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
586 var show = data.settings.isRegionVisible;
1067
a45894a81e40 #26: minor enhancements for the regions plugin
hertzhaft
parents: 1060
diff changeset
587 if (show && zoomArea.overlapsRect(regionRect) && !regionRect.containsRect(zoomArea)) {
950
164d69e2c481 much nicer implementation of preview for scrolling and zooming.
robcast
parents: 947
diff changeset
588 regionRect.clipTo(zoomArea);
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
589 var screenRect = data.imgTrafo.transform(regionRect);
1067
a45894a81e40 #26: minor enhancements for the regions plugin
hertzhaft
parents: 1060
diff changeset
590 // console.debug("renderRegion: pos=",geom.position(screenRect));
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
591 if (anim) {
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
592 $regionDiv.fadeIn();
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
593 } else{
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
594 $regionDiv.show();
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
595 }
1024
4ee43243a6a0 more clean up.
robcast
parents: 1023
diff changeset
596 // adjustDiv sets wrong coords when called BEFORE show()
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
597 screenRect.adjustDiv($regionDiv);
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
598 } else {
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
599 if (anim) {
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
600 $regionDiv.fadeOut();
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
601 } else{
824
f0a5e4d2cba7 hide region when outside of zoomArea, not show
hertzhaft
parents: 823
diff changeset
602 $regionDiv.hide();
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
603 }
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
604 }
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
605 };
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
606
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
607 // show regions
850
47a6b93bde43 always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 848
diff changeset
608 var renderRegions = function (data, anim) {
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
609 $.each(data.htmlRegions, function(index, region) {
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
610 renderRegion(data, region, anim);
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
611 });
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
612 $.each(data.userRegions, function(index, region) {
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
613 renderRegion(data, region, anim);
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
614 });
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
615 };
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
616
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
617 // read region data from URL parameters
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
618 var unpackRegions = function (data) {
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
619 var rg = data.settings.rg;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
620 if (rg == null) return;
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
621 var regions = data.userRegions;
958
2a2e8c039c29 changed regions parameter separator to the same as for marks
hertzhaft
parents: 950
diff changeset
622 var rs = rg.split(",");
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
623 for (var i = 0; i < rs.length; i++) {
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
624 var r = rs[i];
958
2a2e8c039c29 changed regions parameter separator to the same as for marks
hertzhaft
parents: 950
diff changeset
625 var pos = r.split("/", 4);
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
626 var rect = geom.rectangle(pos[0], pos[1], pos[2], pos[3]);
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
627 regions.push(rect);
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
628 }
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
629 };
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
630
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
631 // pack user regions array into a URL parameter string
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
632 var packRegions = function (data) {
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
633 var regions = data.userRegions;
815
60e8cca7ac81 could not remove last region
hertzhaft
parents: 813
diff changeset
634 if (!regions.length) {
60e8cca7ac81 could not remove last region
hertzhaft
parents: 813
diff changeset
635 data.settings.rg = null;
60e8cca7ac81 could not remove last region
hertzhaft
parents: 813
diff changeset
636 return;
60e8cca7ac81 could not remove last region
hertzhaft
parents: 813
diff changeset
637 }
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
638 var rg = '';
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
639 for (var i = 0; i < regions.length; i++) {
1024
4ee43243a6a0 more clean up.
robcast
parents: 1023
diff changeset
640 var region = regions[i];
1027
ff19b9e936d3 allow predefined and user regions at the same time.
robcast
parents: 1025
diff changeset
641 if (rg) {
958
2a2e8c039c29 changed regions parameter separator to the same as for marks
hertzhaft
parents: 950
diff changeset
642 rg += ',';
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
643 }
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
644 rg += regionCoordsString(region, '/');
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
645 }
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
646 data.settings.rg = rg;
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
647 console.debug('pack regions:', rg);
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
648 };
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
649
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
650 // reload display after a region has been added or removed
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
651 var redisplay = function (data) {
1027
ff19b9e936d3 allow predefined and user regions at the same time.
robcast
parents: 1025
diff changeset
652 if (data.settings.processUserRegions) {
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
653 packRegions(data);
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
654 }
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
655 fn.redisplay(data);
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
656 };
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
657
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
658 // event handler, gets called when a newRegion event is triggered
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
659 var handleNewRegion = function (evt, region) {
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
660 var data = this;
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
661 var settings = data.settings;
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
662 console.debug("regions: handleNewRegion", region);
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
663 if (typeof settings.onNewRegion === 'function') {
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
664 // execute callback
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
665 return settings.onNewRegion(data, region);
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
666 }
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
667 if (typeof settings.onNewRegion === 'string') {
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
668 // execute action
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
669 return actions[settings.onNewRegion](data, region);
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
670 }
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
671 };
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
672
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
673 // event handler, gets called when a regionClick event is triggered
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
674 var handleRegionClick = function (evt, region) {
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
675 var data = this;
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
676 var settings = data.settings;
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
677 console.debug("regions: handleRegionClick", region);
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
678 if (region.href) {
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
679 // follow the href attribute of the region area
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
680 window.location = region.href; //TODO: how about target?
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
681 }
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
682 if (typeof settings.onClickRegion === 'function') {
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
683 // execute callback
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
684 return settings.onClickRegion(data, region);
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
685 }
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
686 if (typeof settings.onClickRegion === 'string') {
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
687 // execute action
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
688 return actions[settings.onClickRegion](data, region);
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
689 }
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
690 };
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
691
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
692 // 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
693 var handleSetup = function (evt) {
941
565789329189 fix non-local variable use.
robcast
parents: 920
diff changeset
694 var data = this;
1027
ff19b9e936d3 allow predefined and user regions at the same time.
robcast
parents: 1025
diff changeset
695 var settings = data.settings;
ff19b9e936d3 allow predefined and user regions at the same time.
robcast
parents: 1025
diff changeset
696 console.debug("regions: handleSetup", settings.rg);
1048
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
697 // regions with content are given in HTML divs
1027
ff19b9e936d3 allow predefined and user regions at the same time.
robcast
parents: 1025
diff changeset
698 if (settings.processHtmlRegions) {
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
699 createRegionsFromHTML(data);
1027
ff19b9e936d3 allow predefined and user regions at the same time.
robcast
parents: 1025
diff changeset
700 }
1048
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
701 // regions are defined in the URL
1027
ff19b9e936d3 allow predefined and user regions at the same time.
robcast
parents: 1025
diff changeset
702 if (settings.processUserRegions) {
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
703 createRegionsFromURL(data);
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 815
diff changeset
704 }
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
705 };
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
706
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 850
diff changeset
707 // 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
708 var handleUpdate = function (evt) {
941
565789329189 fix non-local variable use.
robcast
parents: 920
diff changeset
709 var data = this;
850
47a6b93bde43 always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 848
diff changeset
710 console.debug("regions: handleUpdate");
848
77248c6d2a5f fix missing buttons
hertzhaft
parents: 835
diff changeset
711 var settings = data.settings;
77248c6d2a5f fix missing buttons
hertzhaft
parents: 835
diff changeset
712 fn.highlightButtons(data, 'regions' , settings.isRegionVisible);
850
47a6b93bde43 always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 848
diff changeset
713 renderRegions(data);
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
714 };
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
715
1048
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
716 // additional buttons
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
717 var installButtons = function (data) {
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
718 var settings = data.settings;
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
719 var mode = settings.interactionMode;
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
720 var buttonSettings = settings.buttonSettings[mode];
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
721 // configure buttons through digilib "regionSet" option
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
722 var buttonSet = settings.regionSet || regionSet;
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
723 // set regionSet to [] or '' for no buttons (when showing regions only)
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
724 if (buttonSet.length && buttonSet.length > 0) {
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
725 buttonSettings.regionSet = buttonSet;
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
726 buttonSettings.buttonSets.push('regionSet');
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
727 }
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
728 };
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
729
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
730 // plugin installation called by digilib on plugin object.
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
731 var install = function(plugin) {
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
732 digilib = plugin;
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
733 console.debug('installing regions plugin. digilib:', digilib);
1048
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
734 // import digilib functions
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
735 $.extend(fn, digilib.fn);
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
736 // import geometry classes
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
737 geom = fn.geometry;
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
738 // add defaults, actions, buttons
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
739 $.extend(digilib.defaults, defaults);
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
740 $.extend(digilib.actions, actions);
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
741 $.extend(digilib.buttons, buttons);
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
742 };
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
743
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
744 // plugin initialization
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
745 var init = function (data) {
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
746 console.debug('initialising regions plugin. data:', data);
835
9fa078dcb493 predefine region content with a rel=
hertzhaft
parents: 832
diff changeset
747 var $elem = data.$elem;
1027
ff19b9e936d3 allow predefined and user regions at the same time.
robcast
parents: 1025
diff changeset
748 var settings = data.settings;
996
0b63093d598e cssPrefix works now.
robcast
parents: 991
diff changeset
749 var cssPrefix = data.settings.cssPrefix;
1093
75a54db031dd move found region into view, keep zoom factor if possible
hertzhaft
parents: 1092
diff changeset
750 FULL_AREA = geom.rectangle(0, 0, 1, 1);
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
751 // region arrays
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
752 data.userRegions = [];
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
753 data.htmlRegions = [];
1048
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
754 // install event handlers
848
77248c6d2a5f fix missing buttons
hertzhaft
parents: 835
diff changeset
755 var $data = $(data);
920
07c989c41b4f made plugins more jquery 1.7 compliant
robcast
parents: 903
diff changeset
756 $data.on('setup', handleSetup);
07c989c41b4f made plugins more jquery 1.7 compliant
robcast
parents: 903
diff changeset
757 $data.on('update', handleUpdate);
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
758 $data.on('newRegion', handleNewRegion);
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
759 $data.on('regionClick', handleRegionClick);
1048
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
760 // install buttons
1027
ff19b9e936d3 allow predefined and user regions at the same time.
robcast
parents: 1025
diff changeset
761 if (settings.processUserRegions) {
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
762 // add "rg" to digilibParamNames
1088
16215fc22fbf better separation of HTML and user defined regions
hertzhaft
parents: 1067
diff changeset
763 // settings.digilibParamNames.push('rg');
1091
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
764 // TODO: this leads double params, because
897268e47ce4 some events: newRegion and regionClick
hertzhaft
parents: 1088
diff changeset
765 // settings.additionalParamNames is created earlier than this plugin's init() action
1048
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
766 if (digilib.plugins.buttons != null) {
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
767 installButtons(data);
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
768 }
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 808
diff changeset
769 }
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
770 };
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
771
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
772 // plugin object with name and install/init methods
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
773 // shared objects filled by digilib on registration
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
774 var pluginProperties = {
1048
4aa90cccb3e4 make plugins independent from buttons plugin
hertzhaft
parents: 1027
diff changeset
775 name : 'regions',
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
776 install : install,
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
777 init : init,
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
778 buttons : {},
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
779 actions : {},
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
780 fn : {},
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
781 plugins : {}
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
782 };
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
783
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
784 if ($.fn.digilib == null) {
808
ae8e98c479d5 stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 799
diff changeset
785 $.error("jquery.digilib.regions must be loaded after jquery.digilib!");
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
786 } else {
799
12f790cb30de started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 792
diff changeset
787 $.fn.digilib('plugin', pluginProperties);
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
788 }
d742bd92b05a first step to a regions plugin
hertzhaft
parents:
diff changeset
789 })(jQuery);