Mercurial > hg > digilib-old

annotate webapp/src/main/webapp/jquery/jquery.digilib.regions.js @ 1098:f677b9ac5110

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