Mercurial > hg > digilib

annotate client/digitallibrary/jquery/jquery.digilib.regions.js @ 867:87d523489ae9 jquery

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
oops, should have tested first
author hertzhaft
date Sun, 13 Mar 2011 21:57:50 +0100
parents 3dd878bf07e0
children b7258b7334e3
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;
867
87d523489ae9 oops, should have tested first
hertzhaft
parents: 866
diff changeset
257 $html.append(regionInfoHeader(data));
848
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
866
3dd878bf07e0 copy more region attributes
hertzhaft
parents: 865
diff changeset
265 var addRegionDiv = function (data, index, attributes) {
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
867
87d523489ae9 oops, should have tested first
hertzhaft
parents: 866
diff changeset
268 var url = attributes ? attributes.href : 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"/>');
866
3dd878bf07e0 copy more region attributes
hertzhaft
parents: 865
diff changeset
274 $regionLink.attr(attributes);
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) {
866
3dd878bf07e0 copy more region attributes
hertzhaft
parents: 865
diff changeset
279 delete attributes.href;
3dd878bf07e0 copy more region attributes
hertzhaft
parents: 865
diff changeset
280 $regionDiv.attr(attributes);
816
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
281 $regionDiv.bind('click.dlRegion', function() {
844
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
282 window.location = url;
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
283 });
816
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
284 }
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
285 return $regionDiv;
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
286 };
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
287
844
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
288 // create a region div from the data.regions array
866
3dd878bf07e0 copy more region attributes
hertzhaft
parents: 865
diff changeset
289 var createRegionDiv = function (regions, index, attributes) {
3dd878bf07e0 copy more region attributes
hertzhaft
parents: 865
diff changeset
290 var $regionDiv = addRegionDiv(data, index, attributes);
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
291 var region = regions[index];
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
292 region.$div = $regionDiv;
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
293 return $regionDiv;
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
294 };
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
295
844
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
296 // create regions from URL parameters
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
297 var createRegionsFromURL = function (data) {
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
298 unpackRegions(data);
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
299 var regions = data.regions;
825
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 817
diff changeset
300 $.each(regions, function(i) {
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
301 createRegionDiv(regions, i);
825
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 817
diff changeset
302 });
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
303 };
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
304
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
305 // create regions from HTML
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
306 var createRegionsFromHTML = function (data) {
816
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
307 var regions = data.regions;
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
308 var selector = data.settings.regionContentSelector;
843
76c23870ac0b always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 841
diff changeset
309 // regions are defined in "a" tags
828
7b3e5c666269 predefine region content with a rel=
hertzhaft
parents: 825
diff changeset
310 var $content = data.$elem.contents(selector).contents('a');
844
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
311 console.debug("createRegionsFromHTML. elems: ", $content);
828
7b3e5c666269 predefine region content with a rel=
hertzhaft
parents: 825
diff changeset
312 $content.each(function(index, a) {
7b3e5c666269 predefine region content with a rel=
hertzhaft
parents: 825
diff changeset
313 var $a = $(a);
845
a2b90ad772a0 why not use coords attribute for coords?
hertzhaft
parents: 844
diff changeset
314 // the "coords" attribute contains the region coords (0..1)
a2b90ad772a0 why not use coords attribute for coords?
hertzhaft
parents: 844
diff changeset
315 var coords = $a.attr('coords');
a2b90ad772a0 why not use coords attribute for coords?
hertzhaft
parents: 844
diff changeset
316 var pos = coords.split(",", 4);
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
317 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
318 regions.push(rect);
866
3dd878bf07e0 copy more region attributes
hertzhaft
parents: 865
diff changeset
319 // save the attributes
3dd878bf07e0 copy more region attributes
hertzhaft
parents: 865
diff changeset
320 var attributes = {};
867
87d523489ae9 oops, should have tested first
hertzhaft
parents: 866
diff changeset
321 if ($a.attr('id')) { attributes.id = $a.attr('id'); }
87d523489ae9 oops, should have tested first
hertzhaft
parents: 866
diff changeset
322 if ($a.attr('href')) { attributes.href = $a.attr('href'); }
87d523489ae9 oops, should have tested first
hertzhaft
parents: 866
diff changeset
323 if ($a.attr('title')) { attributes.title = $a.attr('title'); }
844
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
324 // create the div
866
3dd878bf07e0 copy more region attributes
hertzhaft
parents: 865
diff changeset
325 var $regionDiv = createRegionDiv(regions, index, attributes);
844
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
326 var $contents = $a.contents().clone();
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
327 $regionDiv.append($contents);
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
328 });
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
329 };
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
330
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
331 // 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
332 var renderRegion = function (data, index, anim) {
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
333 if (!data.imgTrafo) return;
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
334 var $elem = data.$elem;
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
335 var regions = data.regions;
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
336 if (index > regions.length) return;
844
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
337 var region = regions[index];
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
338 var $regionDiv = region.$div;
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
339 if (!$regionDiv) {
843
76c23870ac0b always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 841
diff changeset
340 console.debug("renderRegion: region has no $div", region);
76c23870ac0b always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 841
diff changeset
341 // alert("renderRegion: region has no $div to show");
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
342 return;
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
343 }
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
344 var regionRect = region.copy();
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
345 var show = data.settings.isRegionVisible;
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
346 if (show && data.zoomArea.overlapsRect(regionRect)) {
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
347 regionRect.clipTo(data.zoomArea);
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
348 var screenRect = data.imgTrafo.transform(regionRect);
844
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
349 console.debug("renderRegion: pos=",geom.position(screenRect));
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
350 if (anim) {
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
351 $regionDiv.fadeIn();
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
352 } else{
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
353 $regionDiv.show();
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
354 }
844
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
355 // 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
356 screenRect.adjustDiv($regionDiv);
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
357 } else {
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
358 if (anim) {
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
359 $regionDiv.fadeOut();
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
360 } else{
817
874d781dd7ec hide region when outside of zoomArea, not show
hertzhaft
parents: 816
diff changeset
361 $regionDiv.hide();
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
362 }
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
363 }
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 // show regions
843
76c23870ac0b always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 841
diff changeset
367 var renderRegions = function (data, anim) {
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
368 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
369 renderRegion(data, i, anim);
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
370 }
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
371 };
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
372
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
373 var unpackRegions = function (data) {
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
374 // create regions from parameters
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
375 var rg = data.settings.rg;
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
376 if (rg == null) return;
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
377 var regions = data.regions;
845
a2b90ad772a0 why not use coords attribute for coords?
hertzhaft
parents: 844
diff changeset
378 var rs = rg.split(";");
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
379 for (var i = 0; i < rs.length; i++) {
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
380 var r = rs[i];
845
a2b90ad772a0 why not use coords attribute for coords?
hertzhaft
parents: 844
diff changeset
381 var pos = r.split(",", 4);
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
382 var rect = geom.rectangle(pos[0], pos[1], pos[2], pos[3]);
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
383 regions.push(rect);
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
384 }
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
385 };
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
386
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
387 // pack regions array into a parameter string
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
388 var packRegions = function (data) {
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
389 var regions = data.regions;
808
58dca7a7fe37 could not remove last region
hertzhaft
parents: 806
diff changeset
390 if (!regions.length) {
58dca7a7fe37 could not remove last region
hertzhaft
parents: 806
diff changeset
391 data.settings.rg = null;
58dca7a7fe37 could not remove last region
hertzhaft
parents: 806
diff changeset
392 return;
58dca7a7fe37 could not remove last region
hertzhaft
parents: 806
diff changeset
393 }
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
394 var rg = '';
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
395 for (var i = 0; i < regions.length; i++) {
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
396 region = regions[i];
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
397 if (i) {
845
a2b90ad772a0 why not use coords attribute for coords?
hertzhaft
parents: 844
diff changeset
398 rg += ';';
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
399 }
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
400 rg += [
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
401 fn.cropFloatStr(region.x),
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
402 fn.cropFloatStr(region.y),
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
403 fn.cropFloatStr(region.width),
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
404 fn.cropFloatStr(region.height)
845
a2b90ad772a0 why not use coords attribute for coords?
hertzhaft
parents: 844
diff changeset
405 ].join(',');
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
406 }
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
407 data.settings.rg = rg;
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
408 };
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
409
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
410 // reload display after a region has been added or removed
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
411 var redisplay = function (data) {
843
76c23870ac0b always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 841
diff changeset
412 if (!data.settings.hasRegionContent) {
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
413 packRegions(data);
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
414 }
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
415 fn.redisplay(data);
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
416 };
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
417
816
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
418 // for turning region numbers/region divs into links to zoomed details
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
419 var getRegionUrl = function (data, index) {
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
420 var region = data.regions[index];
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
421 var settings = data.settings;
816
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
422 var params = {
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
423 "fn" : settings.fn,
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
424 "pn" : settings.pn
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
425 };
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
426 fn.packArea(params, region);
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
427 fn.packMarks(params, data.marks);
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
428 fn.packScalerFlags(params, data.scalerFlags);
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
429 var paramNames = digilib.defaults.digilibParamNames;
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
430 // build our own digilib URL without storing anything
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
431 var queryString = fn.getParamString(params, paramNames, digilib.defaults);
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
432 return settings.digilibBaseUrl + '?' + queryString;
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
433 };
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
434
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
435 // 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
436 var handleSetup = function (evt) {
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
437 data = this;
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
438 console.debug("regions: handleSetup", data.settings.rg);
816
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
439 // 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
440 if (data.settings.hasRegionContent) {
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
441 createRegionsFromHTML(data);
816
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
442 // regions are defined in the URL
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
443 } else {
844
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
444 createRegionsFromURL(data);
848
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
445 fn.highlightButtons(data, 'regionhtml', data.settings.showRegionInfo);
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
446 }
792
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
447 };
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
448
844
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
449 // 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
450 var handleUpdate = function (evt) {
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
451 data = this;
843
76c23870ac0b always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 841
diff changeset
452 console.debug("regions: handleUpdate");
841
f381d088da88 fix missing buttons
hertzhaft
parents: 828
diff changeset
453 var settings = data.settings;
f381d088da88 fix missing buttons
hertzhaft
parents: 828
diff changeset
454 fn.highlightButtons(data, 'regions' , settings.isRegionVisible);
848
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
455 fn.highlightButtons(data, 'regionhtml' , settings.showRegionInfo);
843
76c23870ac0b always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 841
diff changeset
456 renderRegions(data);
792
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
457 };
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
458
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
459 // 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
460 var handleRedisplay = function (evt) {
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
461 data = this;
792
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
462 console.debug("regions: handleRedisplay");
844
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
463 // renderRegions(data);
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
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
466 // event handler
792
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
467 var handleDragZoom = function (evt, zoomArea) {
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
468 // console.debug("regions: handleDragZoom, zoomArea:", zoomArea);
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 808
diff changeset
469 // data = this;
792
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
470 };
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
471
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
472 // plugin installation called by digilib on plugin object.
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
473 var install = function(plugin) {
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
474 digilib = plugin;
801
2fb1f576375d stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 792
diff changeset
475 console.debug('installing regions plugin. digilib:', digilib);
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
476 fn = digilib.fn;
792
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
477 // import geometry classes
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
478 geom = fn.geometry;
792
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
479 FULL_AREA = geom.rectangle(0,0,1,1);
801
2fb1f576375d stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 792
diff changeset
480 // add defaults, actions, buttons
792
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
481 $.extend(digilib.defaults, defaults);
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
482 $.extend(digilib.actions, actions);
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
483 $.extend(digilib.buttons, buttons);
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
484 };
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
485
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
486 // plugin initialization
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
487 var init = function (data) {
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
488 console.debug('initialising regions plugin. data:', data);
828
7b3e5c666269 predefine region content with a rel=
hertzhaft
parents: 825
diff changeset
489 var $elem = data.$elem;
816
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
490 // regions array
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
491 data.regions = [];
828
7b3e5c666269 predefine region content with a rel=
hertzhaft
parents: 825
diff changeset
492 // regions div
7b3e5c666269 predefine region content with a rel=
hertzhaft
parents: 825
diff changeset
493 var $html = $('<div class="keep regionHTML"/>');
7b3e5c666269 predefine region content with a rel=
hertzhaft
parents: 825
diff changeset
494 $elem.append($html);
825
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 817
diff changeset
495 data.$htmlDiv = $html;
841
f381d088da88 fix missing buttons
hertzhaft
parents: 828
diff changeset
496 // install event handler
f381d088da88 fix missing buttons
hertzhaft
parents: 828
diff changeset
497 var $data = $(data);
f381d088da88 fix missing buttons
hertzhaft
parents: 828
diff changeset
498 $data.bind('setup', handleSetup);
f381d088da88 fix missing buttons
hertzhaft
parents: 828
diff changeset
499 $data.bind('update', handleUpdate);
f381d088da88 fix missing buttons
hertzhaft
parents: 828
diff changeset
500 $data.bind('redisplay', handleRedisplay);
f381d088da88 fix missing buttons
hertzhaft
parents: 828
diff changeset
501 $data.bind('dragZoom', handleDragZoom);
f381d088da88 fix missing buttons
hertzhaft
parents: 828
diff changeset
502 var settings = data.settings;
843
76c23870ac0b always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 841
diff changeset
503 var selector = data.settings.regionContentSelector;
76c23870ac0b always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 841
diff changeset
504 settings.hasRegionContent = $elem.has(selector).length > 0;
76c23870ac0b always show html-defined regions. wrong pos still not fixed
hertzhaft
parents: 841
diff changeset
505 // 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
506 if (!settings.hasRegionContent) {
841
f381d088da88 fix missing buttons
hertzhaft
parents: 828
diff changeset
507 var mode = settings.interactionMode;
816
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
508 // add "rg" to digilibParamNames
841
f381d088da88 fix missing buttons
hertzhaft
parents: 828
diff changeset
509 settings.digilibParamNames.push('rg');
816
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
510 // additional buttons
841
f381d088da88 fix missing buttons
hertzhaft
parents: 828
diff changeset
511 var buttonSettings = settings.buttonSettings[mode];
816
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
512 // configure buttons through digilib "regionSet" option
841
f381d088da88 fix missing buttons
hertzhaft
parents: 828
diff changeset
513 var buttonSet = settings.regionSet || regionSet;
816
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
514 // set regionSet to [] or '' for no buttons (when showing regions only)
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
515 if (buttonSet.length && buttonSet.length > 0) {
844
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 843
diff changeset
516 buttonSettings.regionSet = buttonSet;
816
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
517 buttonSettings.buttonSets.push('regionSet');
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
518 }
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 801
diff changeset
519 }
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
520 };
792
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
521
801
2fb1f576375d stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 792
diff changeset
522 // plugin object with name and install/init methods
792
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
523 // shared objects filled by digilib on registration
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
524 var pluginProperties = {
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
525 name : 'region',
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
526 install : install,
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
527 init : init,
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
528 buttons : {},
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
529 actions : {},
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
530 fn : {},
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
531 plugins : {}
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
532 };
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
533
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
534 if ($.fn.digilib == null) {
801
2fb1f576375d stub for new plugins; overlay div for regions plugin
hertzhaft
parents: 792
diff changeset
535 $.error("jquery.digilib.regions must be loaded after jquery.digilib!");
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
536 } else {
792
52c5595af03e started to adapt regions plugin to new plugin mechanism
hertzhaft
parents: 785
diff changeset
537 $.fn.digilib('plugin', pluginProperties);
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
538 }
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents:
diff changeset
539 })(jQuery);