Mercurial > hg > digilib

annotate client/digitallibrary/jquery/jquery.digilib.regions.js @ 865:e96f4ff42450 jquery

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
crop region info
author hertzhaft
date Sun, 13 Mar 2011 18:50:38 +0100
parents 34b20eec036b
children 3dd878bf07e0
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
1 /** optional digilib regions plugin
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
2
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
3 markup a digilib image with rectangular regions
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
4
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
5 TODO:
843
76c23870ac0b always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 841
diff changeset
6 how to display regions correctly in embedded mode?
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
7 */
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
8
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
9 (function($) {
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
10 // the digilib object
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
11 var digilib;
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
12 // the data object passed by digilib
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
13 var data;
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
14 // the functions made available by digilib
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
15 var fn;
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
16 // affine geometry plugin
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
17 var geom;
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
18
792
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
19 var FULL_AREA;
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
20
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
21 var ID_PREFIX = "digilib-region-";
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
22
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
23 var buttons = {
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
24 addregion : {
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
25 onclick : "defineRegion",
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
26 tooltip : "define a region",
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
27 icon : "addregion.png"
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
28 },
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
29 delregion : {
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
30 onclick : "removeRegion",
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
31 tooltip : "delete the last region",
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
32 icon : "delregion.png"
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
33 },
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
34 regions : {
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
35 onclick : "toggleRegions",
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
36 tooltip : "show or hide regions",
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
37 icon : "regions.png"
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
38 },
825
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 817
diff changeset
39 regionhtml : {
848
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
40 onclick : "showRegionInfo",
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
41 tooltip : "show information about regions",
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
42 icon : "regioninfo.png"
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
43 }
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
44 };
792
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
45
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
46 var defaults = {
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
47 // are regions shown?
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
48 'isRegionVisible' : true,
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
49 // are region numbers shown?
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
50 'showRegionNumbers' : false,
825
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 817
diff changeset
51 // is window with region HTML shown?
848
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
52 'showRegionInfo' : false,
843
76c23870ac0b always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 841
diff changeset
53 // is there region content in the page?
76c23870ac0b always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 841
diff changeset
54 'hasRegionContent' : false,
816
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
55 // turn any region into a clickable link to its detail view
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
56 'autoRegionLinks' : false,
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
57 // class name for content divs (must additionally be marked with class "keep")
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
58 'regionContentSelector' : 'div.regioncontent',
792
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
59 // buttonset of this plugin
825
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 817
diff changeset
60 'regionSet' : ['regions', 'addregion', 'delregion', 'regionhtml', 'lessoptions'],
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
61 // url param for regions
844
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
62 'rg' : null
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
63 };
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
64
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
65 var actions = {
801
2fb1f576375d stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 792
diff changeset
66
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
67 // define a region interactively with two clicked points
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
68 "defineRegion" : function(data) {
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
69 if (!data.settings.isRegionVisible) {
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
70 alert("Please turn on regions visibility!");
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
71 return;
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
72 }
792
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
73 var $elem = data.$elem;
801
2fb1f576375d stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 792
diff changeset
74 var $body = $('body');
2fb1f576375d stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 792
diff changeset
75 var bodyRect = geom.rectangle($body);
792
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
76 var $scaler = data.$scaler;
801
2fb1f576375d stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 792
diff changeset
77 var scalerRect = geom.rectangle($scaler);
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
78 var pt1, pt2;
801
2fb1f576375d stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 792
diff changeset
79 // overlay prevents other elements from reacting to mouse events
2fb1f576375d stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 792
diff changeset
80 var $overlay = $('<div class="digilib-overlay"/>');
2fb1f576375d stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 792
diff changeset
81 $body.append($overlay);
2fb1f576375d stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 792
diff changeset
82 bodyRect.adjustDiv($overlay);
816
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
83 var $regionDiv = addRegionDiv(data, data.regions.length);
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
84
801
2fb1f576375d stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 792
diff changeset
85 // mousedown handler: start sizing
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
86 var regionStart = function (evt) {
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
87 pt1 = geom.position(evt);
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
88 // setup and show zoom div
801
2fb1f576375d stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 792
diff changeset
89 pt1.adjustDiv($regionDiv);
2fb1f576375d stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 792
diff changeset
90 $regionDiv.width(0).height(0);
2fb1f576375d stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 792
diff changeset
91 $regionDiv.show();
2fb1f576375d stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 792
diff changeset
92 // register mouse events
2fb1f576375d stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 792
diff changeset
93 $overlay.bind("mousemove.dlRegion", regionMove);
2fb1f576375d stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 792
diff changeset
94 $overlay.bind("mouseup.dlRegion", regionEnd);
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
95 return false;
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
96 };
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
97
801
2fb1f576375d stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 792
diff changeset
98 // mousemove handler: size region
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
99 var regionMove = function (evt) {
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
100 pt2 = geom.position(evt);
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
101 var rect = geom.rectangle(pt1, pt2);
801
2fb1f576375d stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 792
diff changeset
102 rect.clipTo(scalerRect);
2fb1f576375d stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 792
diff changeset
103 // update region
2fb1f576375d stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 792
diff changeset
104 rect.adjustDiv($regionDiv);
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
105 return false;
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
106 };
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
107
801
2fb1f576375d stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 792
diff changeset
108 // mouseup handler: end sizing
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
109 var regionEnd = function (evt) {
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
110 pt2 = geom.position(evt);
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
111 // assume a click and continue if the area is too small
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
112 var clickRect = geom.rectangle(pt1, pt2);
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
113 if (clickRect.getArea() <= 5) return false;
801
2fb1f576375d stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 792
diff changeset
114 // unregister mouse events and get rid of overlay
2fb1f576375d stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 792
diff changeset
115 $overlay.unbind("mousemove.dlRegion", regionMove);
2fb1f576375d stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 792
diff changeset
116 $overlay.unbind("mouseup.dlRegion", regionEnd);
2fb1f576375d stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 792
diff changeset
117 $overlay.remove();
2fb1f576375d stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 792
diff changeset
118 // clip region
2fb1f576375d stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 792
diff changeset
119 clickRect.clipTo(scalerRect);
2fb1f576375d stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 792
diff changeset
120 clickRect.adjustDiv($regionDiv);
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
121 storeRegion(data, $regionDiv);
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
122 // fn.redisplay(data);
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
123 fn.highlightButtons(data, 'addregion', 0);
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
124 redisplay(data);
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
125 return false;
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
126 };
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
127
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
128 // bind start zoom handler
801
2fb1f576375d stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 792
diff changeset
129 $overlay.one('mousedown.dlRegion', regionStart);
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
130 fn.highlightButtons(data, 'addregion', 1);
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
131 },
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
132
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
133 // remove the last added region
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
134 "removeRegion" : function (data) {
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
135 if (!data.settings.isRegionVisible) {
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
136 alert("Please turn on regions visibility!");
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
137 return;
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
138 }
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
139 var region = data.regions.pop();
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
140 if (region == null) return;
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
141 var $regionDiv = region.$div;
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
142 $regionDiv.remove();
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
143 redisplay(data);
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
144 },
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
145
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
146 // show/hide regions
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
147 "toggleRegions" : function (data) {
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
148 var show = !data.settings.isRegionVisible;
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
149 data.settings.isRegionVisible = show;
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
150 fn.highlightButtons(data, 'regions', show);
843
76c23870ac0b always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 841
diff changeset
151 renderRegions(data, 1);
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
152 },
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
153
825
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 817
diff changeset
154 // show/hide region HTML code
848
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
155 "showRegionInfo" : function (data) {
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
156 var show = !data.settings.showRegionInfo;
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
157 data.settings.showRegionInfo = show;
825
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 817
diff changeset
158 fn.highlightButtons(data, 'regionhtml', show);
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 817
diff changeset
159 var $html = data.$htmlDiv;
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 817
diff changeset
160 if (!show) {
848
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
161 // empty the div
825
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 817
diff changeset
162 $html.fadeOut(function () {
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 817
diff changeset
163 $html.contents().remove();
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 817
diff changeset
164 });
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 817
diff changeset
165 return;
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
166 }
848
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
167 regionInfo(data);
843
76c23870ac0b always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 841
diff changeset
168 },
76c23870ac0b always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 841
diff changeset
169
76c23870ac0b always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 841
diff changeset
170 "redraw" : function (data) {
76c23870ac0b always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 841
diff changeset
171 renderRegions(data);
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
172 }
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
173 };
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
174
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
175 // store a region div
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
176 var storeRegion = function (data, $regionDiv) {
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
177 var regions = data.regions;
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
178 var rect = geom.rectangle($regionDiv);
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
179 var regionRect = data.imgTrafo.invtransform(rect);
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
180 regionRect.$div = $regionDiv;
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
181 regions.push(regionRect);
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
182 console.debug("regions", data.regions, "regionRect", regionRect);
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
183 };
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
184
848
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
185 // clickable header
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
186 var regionInfoHeader = function (data) {
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
187 var $infoDiv = $('<div class="infoheader"/>');
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
188 var $h01 = $('<div class="infobutton">HTML</div>');
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
189 var $h02 = $('<div class="infobutton">SVG</div>');
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
190 var $h03 = $('<div class="infobutton">Digilib</div>');
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
191 var $h04 = $('<div class="infobutton">X</div>');
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
192 var bind = function($div, name) {
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
193 $div.bind('click.regioninfo', function () {
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
194 var $top = $(this).parent().parent();
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
195 $top.find('.info').hide();
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
196 $top.find('.' + name).show();
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
197 });
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
198 };
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
199 bind($h01, 'html');
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
200 bind($h02, 'svgattr');
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
201 bind($h03, 'digilib');
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
202 var $html = data.$htmlDiv;
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
203 $h04.bind('click.regioninfo', function () {
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
204 data.settings.showRegionInfo = false;
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
205 fn.highlightButtons(data, 'regionhtml', false);
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
206 $html.fadeOut(function () {
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
207 $html.contents().remove();
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
208 });
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
209 });
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
210 $infoDiv.append($h01, $h02, $h03, $h04);
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
211 return $infoDiv;
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
212 };
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
213
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
214 // html for later insertion
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
215 var regionInfoHTML = function (data) {
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
216 var $infoDiv = $('<div class="info html"/>');
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
217 $infoDiv.append($('<div/>').text('<div class="keep regioncontent">'));
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
218 $.each(data.regions, function(index, r) {
865
e96f4ff42450 crop region info
hertzhaft
parents: 855
diff changeset
219 var area = [
e96f4ff42450 crop region info
hertzhaft
parents: 855
diff changeset
220 fn.cropFloatStr(r.x),
e96f4ff42450 crop region info
hertzhaft
parents: 855
diff changeset
221 fn.cropFloatStr(r.y),
e96f4ff42450 crop region info
hertzhaft
parents: 855
diff changeset
222 fn.cropFloatStr(r.width),
e96f4ff42450 crop region info
hertzhaft
parents: 855
diff changeset
223 fn.cropFloatStr(r.height)].join(',');
848
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
224 $infoDiv.append($('<div/>').text('<a coords="' + area + '" >'));
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
225 });
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
226 $infoDiv.append($('<div/>').text('</div>'));
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
227 return $infoDiv;
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
228 };
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
229
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
230 // SVG-style
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
231 var regionInfoSVG = function (data) {
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
232 var $infoDiv = $('<div class="info svgattr"/>');
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
233 $.each(data.regions, function(index, r) {
865
e96f4ff42450 crop region info
hertzhaft
parents: 855
diff changeset
234 var area = [
e96f4ff42450 crop region info
hertzhaft
parents: 855
diff changeset
235 fn.cropFloatStr(r.x),
e96f4ff42450 crop region info
hertzhaft
parents: 855
diff changeset
236 fn.cropFloatStr(r.y),
e96f4ff42450 crop region info
hertzhaft
parents: 855
diff changeset
237 fn.cropFloatStr(r.width),
e96f4ff42450 crop region info
hertzhaft
parents: 855
diff changeset
238 fn.cropFloatStr(r.height)].join(' ');
848
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
239 $infoDiv.append($('<div/>').text('"' + area + '"'));
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
240 });
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
241 return $infoDiv;
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
242 };
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
243
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
244 // digilib-style
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
245 var regionInfoDigilib = function (data) {
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
246 var $infoDiv = $('<div class="info digilib"/>');
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
247 $.each(data.regions, function(index, r) {
855
34b20eec036b second step towards zoom arrows
hertzhaft
parents: 848
diff changeset
248 var area = r.toString();
848
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
249 $infoDiv.append($('<div/>').text(area));
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
250 });
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
251 return $infoDiv;
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
252 };
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
253
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
254 // show region info in a window
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
255 var regionInfo = function (data) {
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
256 var $html = data.$htmlDiv;
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
257 $html.append(regionInfoHeader(data))
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
258 $html.append(regionInfoHTML(data));
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
259 $html.append(regionInfoSVG(data));
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
260 $html.append(regionInfoDigilib(data));
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
261 $html.fadeIn();
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
262 };
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
263
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
264 // add a region to data.$elem
844
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
265 var addRegionDiv = function (data, index, url) {
816
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
266 var nr = index + 1; // we count regions from 1
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
267 // create a digilib URL for this detail
844
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
268 url = url || getRegionUrl(data, index);
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
269 var $regionDiv = $('<div class="region overlay" style="display:none"/>');
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
270 $regionDiv.attr("id", ID_PREFIX + nr);
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
271 data.$elem.append($regionDiv);
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
272 if (data.settings.showRegionNumbers) {
844
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
273 var $regionLink = $('<a class="regionnumber"/>');
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
274 $regionLink.attr('href', url);
816
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
275 $regionLink.text(nr);
844
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
276 $regionDiv.append($regionLink);
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
277 }
816
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
278 if (data.settings.autoRegionLinks) {
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
279 $regionDiv.bind('click.dlRegion', function() {
844
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
280 window.location = url;
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
281 });
816
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
282 }
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
283 return $regionDiv;
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
284 };
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
285
844
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
286 // create a region div from the data.regions array
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
287 var createRegionDiv = function (regions, index, url) {
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
288 var $regionDiv = addRegionDiv(data, index, url);
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
289 var region = regions[index];
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
290 region.$div = $regionDiv;
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
291 return $regionDiv;
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
292 };
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
293
844
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
294 // create regions from URL parameters
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
295 var createRegionsFromURL = function (data) {
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
296 unpackRegions(data);
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
297 var regions = data.regions;
825
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 817
diff changeset
298 $.each(regions, function(i) {
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
299 createRegionDiv(regions, i);
825
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 817
diff changeset
300 });
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
301 };
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
302
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
303 // create regions from HTML
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
304 var createRegionsFromHTML = function (data) {
816
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
305 var regions = data.regions;
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
306 var selector = data.settings.regionContentSelector;
843
76c23870ac0b always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 841
diff changeset
307 // regions are defined in "a" tags
828
7b3e5c666269 predefine region content with a rel=
hertzhaft
parents: 825
diff changeset
308 var $content = data.$elem.contents(selector).contents('a');
844
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
309 console.debug("createRegionsFromHTML. elems: ", $content);
828
7b3e5c666269 predefine region content with a rel=
hertzhaft
parents: 825
diff changeset
310 $content.each(function(index, a) {
7b3e5c666269 predefine region content with a rel=
hertzhaft
parents: 825
diff changeset
311 var $a = $(a);
845
a2b90ad772a0 why not use coords attribute for coords?
hertzhaft
parents: 844
diff changeset
312 // the "coords" attribute contains the region coords (0..1)
a2b90ad772a0 why not use coords attribute for coords?
hertzhaft
parents: 844
diff changeset
313 var coords = $a.attr('coords');
a2b90ad772a0 why not use coords attribute for coords?
hertzhaft
parents: 844
diff changeset
314 var pos = coords.split(",", 4);
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
315 var rect = geom.rectangle(pos[0], pos[1], pos[2], pos[3]);
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
316 regions.push(rect);
844
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
317 // create the div
843
76c23870ac0b always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 841
diff changeset
318 var href = $a.attr('href');
844
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
319 var $regionDiv = createRegionDiv(regions, index, href);
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
320 var $contents = $a.contents().clone();
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
321 $regionDiv.append($contents);
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
322 });
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
323 };
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
324
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
325 // show a region on top of the scaler image
843
76c23870ac0b always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 841
diff changeset
326 var renderRegion = function (data, index, anim) {
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
327 if (!data.imgTrafo) return;
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
328 var $elem = data.$elem;
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
329 var regions = data.regions;
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
330 if (index > regions.length) return;
844
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
331 var region = regions[index];
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
332 var $regionDiv = region.$div;
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
333 if (!$regionDiv) {
843
76c23870ac0b always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 841
diff changeset
334 console.debug("renderRegion: region has no $div", region);
76c23870ac0b always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 841
diff changeset
335 // alert("renderRegion: region has no $div to show");
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
336 return;
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
337 }
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
338 var regionRect = region.copy();
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
339 var show = data.settings.isRegionVisible;
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
340 if (show && data.zoomArea.overlapsRect(regionRect)) {
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
341 regionRect.clipTo(data.zoomArea);
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
342 var screenRect = data.imgTrafo.transform(regionRect);
844
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
343 console.debug("renderRegion: pos=",geom.position(screenRect));
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
344 if (anim) {
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
345 $regionDiv.fadeIn();
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
346 } else{
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
347 $regionDiv.show();
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
348 }
844
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
349 // for some reason adjustDiv sets wrong coords when called BEFORE show()?
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
350 screenRect.adjustDiv($regionDiv);
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
351 } else {
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
352 if (anim) {
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
353 $regionDiv.fadeOut();
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
354 } else{
817
874d781dd7ec hide region when outside of zoomArea, not show
hertzhaft
parents: 816
diff changeset
355 $regionDiv.hide();
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
356 }
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
357 }
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
358 };
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
359
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
360 // show regions
843
76c23870ac0b always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 841
diff changeset
361 var renderRegions = function (data, anim) {
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
362 for (var i = 0; i < data.regions.length ; i++) {
843
76c23870ac0b always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 841
diff changeset
363 renderRegion(data, i, anim);
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
364 }
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
365 };
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
366
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
367 var unpackRegions = function (data) {
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
368 // create regions from parameters
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
369 var rg = data.settings.rg;
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
370 if (rg == null) return;
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
371 var regions = data.regions;
845
a2b90ad772a0 why not use coords attribute for coords?
hertzhaft
parents: 844
diff changeset
372 var rs = rg.split(";");
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
373 for (var i = 0; i < rs.length; i++) {
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
374 var r = rs[i];
845
a2b90ad772a0 why not use coords attribute for coords?
hertzhaft
parents: 844
diff changeset
375 var pos = r.split(",", 4);
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
376 var rect = geom.rectangle(pos[0], pos[1], pos[2], pos[3]);
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
377 regions.push(rect);
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
378 }
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
379 };
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
380
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
381 // pack regions array into a parameter string
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
382 var packRegions = function (data) {
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
383 var regions = data.regions;
808
58dca7a7fe37 could not remove last region
hertzhaft
parents: 806
diff changeset
384 if (!regions.length) {
58dca7a7fe37 could not remove last region
hertzhaft
parents: 806
diff changeset
385 data.settings.rg = null;
58dca7a7fe37 could not remove last region
hertzhaft
parents: 806
diff changeset
386 return;
58dca7a7fe37 could not remove last region
hertzhaft
parents: 806
diff changeset
387 }
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
388 var rg = '';
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
389 for (var i = 0; i < regions.length; i++) {
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
390 region = regions[i];
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
391 if (i) {
845
a2b90ad772a0 why not use coords attribute for coords?
hertzhaft
parents: 844
diff changeset
392 rg += ';';
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
393 }
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
394 rg += [
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
395 fn.cropFloatStr(region.x),
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
396 fn.cropFloatStr(region.y),
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
397 fn.cropFloatStr(region.width),
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
398 fn.cropFloatStr(region.height)
845
a2b90ad772a0 why not use coords attribute for coords?
hertzhaft
parents: 844
diff changeset
399 ].join(',');
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
400 }
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
401 data.settings.rg = rg;
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
402 };
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
403
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
404 // reload display after a region has been added or removed
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
405 var redisplay = function (data) {
843
76c23870ac0b always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 841
diff changeset
406 if (!data.settings.hasRegionContent) {
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
407 packRegions(data);
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
408 }
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
409 fn.redisplay(data);
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
410 };
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
411
816
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
412 // for turning region numbers/region divs into links to zoomed details
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
413 var getRegionUrl = function (data, index) {
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
414 var region = data.regions[index];
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
415 var settings = data.settings;
816
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
416 var params = {
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
417 "fn" : settings.fn,
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
418 "pn" : settings.pn
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
419 };
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
420 fn.packArea(params, region);
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
421 fn.packMarks(params, data.marks);
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
422 fn.packScalerFlags(params, data.scalerFlags);
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
423 var paramNames = digilib.defaults.digilibParamNames;
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
424 // build our own digilib URL without storing anything
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
425 var queryString = fn.getParamString(params, paramNames, digilib.defaults);
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
426 return settings.digilibBaseUrl + '?' + queryString;
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
427 };
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
428
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
429 // event handler, reads region parameter and creates region divs
792
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
430 var handleSetup = function (evt) {
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
431 data = this;
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
432 console.debug("regions: handleSetup", data.settings.rg);
816
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
433 // regions with content are given in HTML divs
843
76c23870ac0b always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 841
diff changeset
434 if (data.settings.hasRegionContent) {
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
435 createRegionsFromHTML(data);
816
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
436 // regions are defined in the URL
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
437 } else {
844
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
438 createRegionsFromURL(data);
848
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
439 fn.highlightButtons(data, 'regionhtml', data.settings.showRegionInfo);
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
440 }
792
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
441 };
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
442
844
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
443 // event handler, sets buttons and shows regions when scaler img is reloaded
792
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
444 var handleUpdate = function (evt) {
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
445 data = this;
843
76c23870ac0b always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 841
diff changeset
446 console.debug("regions: handleUpdate");
841
f381d088da88 fix missing buttons
hertzhaft
parents: 828
diff changeset
447 var settings = data.settings;
f381d088da88 fix missing buttons
hertzhaft
parents: 828
diff changeset
448 fn.highlightButtons(data, 'regions' , settings.isRegionVisible);
848
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
449 fn.highlightButtons(data, 'regionhtml' , settings.showRegionInfo);
843
76c23870ac0b always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 841
diff changeset
450 renderRegions(data);
792
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
451 };
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
452
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
453 // event handler, redisplays regions (e.g. in a new position)
792
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
454 var handleRedisplay = function (evt) {
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
455 data = this;
792
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
456 console.debug("regions: handleRedisplay");
844
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
457 // renderRegions(data);
792
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
458 };
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
459
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
460 // event handler
792
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
461 var handleDragZoom = function (evt, zoomArea) {
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
462 // console.debug("regions: handleDragZoom, zoomArea:", zoomArea);
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
463 // data = this;
792
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
464 };
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
465
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
466 // plugin installation called by digilib on plugin object.
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
467 var install = function(plugin) {
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
468 digilib = plugin;
801
2fb1f576375d stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 792
diff changeset
469 console.debug('installing regions plugin. digilib:', digilib);
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
470 fn = digilib.fn;
792
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
471 // import geometry classes
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
472 geom = fn.geometry;
792
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
473 FULL_AREA = geom.rectangle(0,0,1,1);
801
2fb1f576375d stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 792
diff changeset
474 // add defaults, actions, buttons
792
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
475 $.extend(digilib.defaults, defaults);
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
476 $.extend(digilib.actions, actions);
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
477 $.extend(digilib.buttons, buttons);
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
478 };
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
479
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
480 // plugin initialization
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
481 var init = function (data) {
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
482 console.debug('initialising regions plugin. data:', data);
828
7b3e5c666269 predefine region content with a rel=
hertzhaft
parents: 825
diff changeset
483 var $elem = data.$elem;
816
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
484 // regions array
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
485 data.regions = [];
828
7b3e5c666269 predefine region content with a rel=
hertzhaft
parents: 825
diff changeset
486 // regions div
7b3e5c666269 predefine region content with a rel=
hertzhaft
parents: 825
diff changeset
487 var $html = $('<div class="keep regionHTML"/>');
7b3e5c666269 predefine region content with a rel=
hertzhaft
parents: 825
diff changeset
488 $elem.append($html);
825
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 817
diff changeset
489 data.$htmlDiv = $html;
841
f381d088da88 fix missing buttons
hertzhaft
parents: 828
diff changeset
490 // install event handler
f381d088da88 fix missing buttons
hertzhaft
parents: 828
diff changeset
491 var $data = $(data);
f381d088da88 fix missing buttons
hertzhaft
parents: 828
diff changeset
492 $data.bind('setup', handleSetup);
f381d088da88 fix missing buttons
hertzhaft
parents: 828
diff changeset
493 $data.bind('update', handleUpdate);
f381d088da88 fix missing buttons
hertzhaft
parents: 828
diff changeset
494 $data.bind('redisplay', handleRedisplay);
f381d088da88 fix missing buttons
hertzhaft
parents: 828
diff changeset
495 $data.bind('dragZoom', handleDragZoom);
f381d088da88 fix missing buttons
hertzhaft
parents: 828
diff changeset
496 var settings = data.settings;
843
76c23870ac0b always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 841
diff changeset
497 var selector = data.settings.regionContentSelector;
76c23870ac0b always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 841
diff changeset
498 settings.hasRegionContent = $elem.has(selector).length > 0;
76c23870ac0b always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 841
diff changeset
499 // neither URL-defined regions nor buttons when regions are predefined in HTML
76c23870ac0b always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 841
diff changeset
500 if (!settings.hasRegionContent) {
841
f381d088da88 fix missing buttons
hertzhaft
parents: 828
diff changeset
501 var mode = settings.interactionMode;
816
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
502 // add "rg" to digilibParamNames
841
f381d088da88 fix missing buttons
hertzhaft
parents: 828
diff changeset
503 settings.digilibParamNames.push('rg');
816
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
504 // additional buttons
841
f381d088da88 fix missing buttons
hertzhaft
parents: 828
diff changeset
505 var buttonSettings = settings.buttonSettings[mode];
816
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
506 // configure buttons through digilib "regionSet" option
841
f381d088da88 fix missing buttons
hertzhaft
parents: 828
diff changeset
507 var buttonSet = settings.regionSet || regionSet;
816
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
508 // set regionSet to [] or '' for no buttons (when showing regions only)
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
509 if (buttonSet.length && buttonSet.length > 0) {
844
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
510 buttonSettings.regionSet = buttonSet;
816
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
511 buttonSettings.buttonSets.push('regionSet');
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
512 }
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
513 }
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
514 };
792
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
515
801
2fb1f576375d stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 792
diff changeset
516 // plugin object with name and install/init methods
792
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
517 // shared objects filled by digilib on registration
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
518 var pluginProperties = {
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
519 name : 'region',
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
520 install : install,
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
521 init : init,
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
522 buttons : {},
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
523 actions : {},
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
524 fn : {},
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
525 plugins : {}
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
526 };
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
527
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
528 if ($.fn.digilib == null) {
801
2fb1f576375d stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 792
diff changeset
529 $.error("jquery.digilib.regions must be loaded after jquery.digilib!");
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
530 } else {
792
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
531 $.fn.digilib('plugin', pluginProperties);
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
532 }
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
533 })(jQuery);