annotate client/digitallibrary/jquery/jquery.digilib.js @ 786:868c2e795aca jquery

new plugin architecture.
author robcast
date Thu, 17 Feb 2011 14:32:48 +0100
parents b9a75079aece
children b322f553f92e
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
1 /* Copyright (c) 2011 Martin Raspe, Robert Casties
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
2
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
3 This program is free software: you can redistribute it and/or modify
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
4 it under the terms of the GNU Lesser General Public License as published by
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
5 the Free Software Foundation, either version 2 of the License, or
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
6 (at your option) any later version.
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
7
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
8 This program is distributed in the hope that it will be useful,
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
9 but WITHOUT ANY WARRANTY; without even the implied warranty of
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
10 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
11 GNU Lesser General Public License for more details.
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
12
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
13 You should have received a copy of the GNU Lesser General Public License
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
14 along with this program. If not, see <http://www.gnu.org/licenses/>.
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
15
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
16 Authors:
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
17 Martin Raspe, Robert Casties, 11.1.2011
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
18 */
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
19
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
20 /**
604
3a2942d2d5cd version zero of jquery.digilib
robcast
parents:
diff changeset
21 * digilib jQuery plugin
745
ad483c008159 move birdview zoom indicator along with zoom drag
hertzhaft
parents: 744
diff changeset
22 **/
ad483c008159 move birdview zoom indicator along with zoom drag
hertzhaft
parents: 744
diff changeset
23
767
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
24 /*jslint browser: true, debug: true, forin: true
745
ad483c008159 move birdview zoom indicator along with zoom drag
hertzhaft
parents: 744
diff changeset
25 */
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
26
636
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
27 // fallback for console.log calls
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
28 if (typeof(console) === 'undefined') {
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
29 var console = {
692
ab8054bba8d3 console debug div for IE
hertzhaft
parents: 691
diff changeset
30 log : function(){},
ab8054bba8d3 console debug div for IE
hertzhaft
parents: 691
diff changeset
31 debug : function(){},
ab8054bba8d3 console debug div for IE
hertzhaft
parents: 691
diff changeset
32 error : function(){}
ab8054bba8d3 console debug div for IE
hertzhaft
parents: 691
diff changeset
33 };
779
62c3b902f878 better width calculation for scaler div
hertzhaft
parents: 778
diff changeset
34 var customConsole = false; // set to true if debugging for MS IE
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
35 }
604
3a2942d2d5cd version zero of jquery.digilib
robcast
parents:
diff changeset
36
3a2942d2d5cd version zero of jquery.digilib
robcast
parents:
diff changeset
37 (function($) {
651
694bdb86cbad renamed 'actions' to 'buttons' and 'methods' to 'actions'
robcast
parents: 650
diff changeset
38 var buttons = {
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
39 reference : {
689
f5f2b262be07 reference button plus action
hertzhaft
parents: 688
diff changeset
40 onclick : "reference",
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
41 tooltip : "get a reference URL",
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
42 icon : "reference.png"
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
43 },
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
44 zoomin : {
643
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
45 onclick : ["zoomBy", 1.4],
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
46 tooltip : "zoom in",
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
47 icon : "zoom-in.png"
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
48 },
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
49 zoomout : {
643
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
50 onclick : ["zoomBy", 0.7],
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
51 tooltip : "zoom out",
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
52 icon : "zoom-out.png"
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
53 },
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
54 zoomarea : {
654
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
55 onclick : "zoomArea",
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
56 tooltip : "zoom area",
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
57 icon : "zoom-area.png"
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
58 },
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
59 zoomfull : {
650
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
60 onclick : "zoomFull",
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
61 tooltip : "view the whole image",
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
62 icon : "zoom-full.png"
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
63 },
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
64 pagewidth : {
650
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
65 onclick : ["zoomFull", "width"],
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
66 tooltip : "page width",
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
67 icon : "pagewidth.png"
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
68 },
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
69 back : {
623
7ba95f12d172 first attempt at switching images by page number
hertzhaft
parents: 622
diff changeset
70 onclick : ["gotoPage", "-1"],
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
71 tooltip : "goto previous image",
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
72 icon : "back.png"
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
73 },
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
74 fwd : {
623
7ba95f12d172 first attempt at switching images by page number
hertzhaft
parents: 622
diff changeset
75 onclick : ["gotoPage", "+1"],
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
76 tooltip : "goto next image",
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
77 icon : "fwd.png"
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
78 },
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
79 page : {
716
6b9b8e1401d8 goto page works now (with window.prompt)
robcast
parents: 715
diff changeset
80 onclick : "gotoPage",
6b9b8e1401d8 goto page works now (with window.prompt)
robcast
parents: 715
diff changeset
81 tooltip : "goto image number",
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
82 icon : "page.png"
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
83 },
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
84 bird : {
635
7293a42f44f5 changed button onclick binding to use closure
robcast
parents: 634
diff changeset
85 onclick : "showBirdDiv",
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
86 tooltip : "show bird's eye view",
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
87 icon : "birds-eye.png"
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
88 },
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
89 help : {
635
7293a42f44f5 changed button onclick binding to use closure
robcast
parents: 634
diff changeset
90 onclick : "showAboutDiv",
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
91 tooltip : "about Digilib",
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
92 icon : "help.png"
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
93 },
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
94 reset : {
688
0235a8e63818 reset button plus action
hertzhaft
parents: 687
diff changeset
95 onclick : "reset",
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
96 tooltip : "reset image",
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
97 icon : "reset.png"
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
98 },
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
99 mark : {
647
2e817524992e set mark works now
robcast
parents: 645
diff changeset
100 onclick : "setMark",
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
101 tooltip : "set a mark",
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
102 icon : "mark.png"
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
103 },
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
104 delmark : {
650
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
105 onclick : "removeMark",
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
106 tooltip : "delete the last mark",
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
107 icon : "delmark.png"
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
108 },
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
109 hmir : {
661
68bf2f2953d0 mirroring works now
robcast
parents: 660
diff changeset
110 onclick : ["mirror", "h"],
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
111 tooltip : "mirror horizontally",
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
112 icon : "mirror-horizontal.png"
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
113 },
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
114 vmir : {
661
68bf2f2953d0 mirroring works now
robcast
parents: 660
diff changeset
115 onclick : ["mirror", "v"],
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
116 tooltip : "mirror vertically",
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
117 icon : "mirror-vertical.png"
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
118 },
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
119 rot : {
663
9791a2cec863 rotate, contrast, and brightness
robcast
parents: 662
diff changeset
120 onclick : "rotate",
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
121 tooltip : "rotate image",
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
122 icon : "rotate.png"
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
123 },
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
124 brgt : {
663
9791a2cec863 rotate, contrast, and brightness
robcast
parents: 662
diff changeset
125 onclick : "brightness",
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
126 tooltip : "set brightness",
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
127 icon : "brightness.png"
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
128 },
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
129 cont : {
663
9791a2cec863 rotate, contrast, and brightness
robcast
parents: 662
diff changeset
130 onclick : "contrast",
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
131 tooltip : "set contrast",
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
132 icon : "contrast.png"
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
133 },
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
134 rgb : {
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
135 onclick : "javascript:setParamWin('rgb', '...')",
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
136 tooltip : "set rgb values",
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
137 icon : "rgb.png"
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
138 },
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
139 quality : {
748
4b9349765b9c small method name change
robcast
parents: 747
diff changeset
140 onclick : "setQuality",
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
141 tooltip : "set image quality",
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
142 icon : "quality.png"
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
143 },
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
144 size : {
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
145 onclick : "javascript:toggleSizeMenu()",
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
146 tooltip : "set page size",
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
147 icon : "size.png"
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
148 },
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
149 calibrationx : {
754
ce5a0e6b5ee9 reading image info asynchronously works now. has just no use yet.
robcast
parents: 751
diff changeset
150 onclick : "calibrate",
ce5a0e6b5ee9 reading image info asynchronously works now. has just no use yet.
robcast
parents: 751
diff changeset
151 tooltip : "calibrate screen resolution",
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
152 icon : "calibration-x.png"
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
153 },
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
154 scale : {
761
16778bd2de7c added setScaleMode. no compensation for change in scaling yet.
robcast
parents: 760
diff changeset
155 onclick : "setScaleMode",
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
156 tooltip : "change image scale",
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
157 icon : "original-size.png"
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
158 },
699
09f61af0a6dd re-created toggle for morebuttons (more = null)
robcast
parents: 698
diff changeset
159 toggleoptions : {
748
4b9349765b9c small method name change
robcast
parents: 747
diff changeset
160 onclick : "moreButtons",
699
09f61af0a6dd re-created toggle for morebuttons (more = null)
robcast
parents: 698
diff changeset
161 tooltip : "more options",
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
162 icon : "options.png"
699
09f61af0a6dd re-created toggle for morebuttons (more = null)
robcast
parents: 698
diff changeset
163 },
690
7c8d5bfc5243 more or less buttons buttons - with animation :-)
robcast
parents: 687
diff changeset
164 moreoptions : {
748
4b9349765b9c small method name change
robcast
parents: 747
diff changeset
165 onclick : ["moreButtons", "+1"],
690
7c8d5bfc5243 more or less buttons buttons - with animation :-)
robcast
parents: 687
diff changeset
166 tooltip : "more options",
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
167 icon : "options.png"
690
7c8d5bfc5243 more or less buttons buttons - with animation :-)
robcast
parents: 687
diff changeset
168 },
7c8d5bfc5243 more or less buttons buttons - with animation :-)
robcast
parents: 687
diff changeset
169 lessoptions : {
748
4b9349765b9c small method name change
robcast
parents: 747
diff changeset
170 onclick : ["moreButtons", "-1"],
690
7c8d5bfc5243 more or less buttons buttons - with animation :-)
robcast
parents: 687
diff changeset
171 tooltip : "less options",
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
172 icon : "options.png"
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
173 },
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
174 SEP : {
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
175 icon : "sep.png"
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
176 }
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
177 };
617
cd846b5c8be8 toggle view event handlers for bird's eye and 'about windows
hertzhaft
parents: 616
diff changeset
178
605
aee94e4a8c48 next version zero of jquery.digilib
robcast
parents: 604
diff changeset
179 var defaults = {
616
55e06ebb879f setup the 'about' window
hertzhaft
parents: 615
diff changeset
180 // version of this script
635
7293a42f44f5 changed button onclick binding to use closure
robcast
parents: 634
diff changeset
181 'version' : 'jquery.digilib.js 0.9',
616
55e06ebb879f setup the 'about' window
hertzhaft
parents: 615
diff changeset
182 // logo url
55e06ebb879f setup the 'about' window
hertzhaft
parents: 615
diff changeset
183 'logoUrl' : '../img/digilib-logo-text1.png',
635
7293a42f44f5 changed button onclick binding to use closure
robcast
parents: 634
diff changeset
184 // homepage url (behind logo)
7293a42f44f5 changed button onclick binding to use closure
robcast
parents: 634
diff changeset
185 'homeUrl' : 'http://digilib.berlios.de',
744
95e6dc1b34ec get reference works now in embedded.
robcast
parents: 743
diff changeset
186 // base URL to digilib viewer (for reference URLs)
95e6dc1b34ec get reference works now in embedded.
robcast
parents: 743
diff changeset
187 'digilibBaseUrl' : null,
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
188 // base URL to Scaler servlet
652
01557c5e0682 added guessing of scalerBaseUrl
robcast
parents: 651
diff changeset
189 'scalerBaseUrl' : null,
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
190 // list of Scaler parameters
627
c2566e470569 scalerImgLoaded sets up img trafo
robcast
parents: 626
diff changeset
191 'scalerParamNames' : ['fn','pn','dw','dh','ww','wh','wx','wy','ws','mo',
c2566e470569 scalerImgLoaded sets up img trafo
robcast
parents: 626
diff changeset
192 'rot','cont','brgt','rgbm','rgba','ddpi','ddpix','ddpiy'],
c2566e470569 scalerImgLoaded sets up img trafo
robcast
parents: 626
diff changeset
193 // Scaler parameter defaults
643
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
194 'pn' : 1,
627
c2566e470569 scalerImgLoaded sets up img trafo
robcast
parents: 626
diff changeset
195 'ww' : 1.0,
c2566e470569 scalerImgLoaded sets up img trafo
robcast
parents: 626
diff changeset
196 'wh' : 1.0,
c2566e470569 scalerImgLoaded sets up img trafo
robcast
parents: 626
diff changeset
197 'wx' : 0.0,
c2566e470569 scalerImgLoaded sets up img trafo
robcast
parents: 626
diff changeset
198 'wy' : 0.0,
c2566e470569 scalerImgLoaded sets up img trafo
robcast
parents: 626
diff changeset
199 'ws' : 1.0,
643
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
200 'mo' : '',
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
201 'rot' : 0,
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
202 'cont' : 0,
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
203 'brgt' : 0,
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
204 'rgbm' : '0/0/0',
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
205 'rgba' : '0/0/0',
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
206 'ddpi' : null,
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
207 'ddpix' : null,
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
208 'ddpiy' : null,
644
ee8ccd84c5f8 reload doesn't take list of changed parameters any more
robcast
parents: 643
diff changeset
209 // list of digilib parameters
772
33b5477f8d84 original size mode works with zoom area now. needs error handling.
robcast
parents: 769
diff changeset
210 'digilibParamNames' : ['fn','pn','ww','wh','wx','wy','ws','mo','rot','cont','brgt','rgbm','rgba','ddpi','mk','clop'],
644
ee8ccd84c5f8 reload doesn't take list of changed parameters any more
robcast
parents: 643
diff changeset
211 // digilib parameter defaults
643
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
212 'mk' : '',
650
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
213 'clop' : '',
643
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
214 // mode of operation:
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
215 // fullscreen = take parameters from page URL, keep state in page URL
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
216 // embedded = take parameters from Javascript options, keep state inside object
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
217 'interactionMode' : 'fullscreen',
651
694bdb86cbad renamed 'actions' to 'buttons' and 'methods' to 'actions'
robcast
parents: 650
diff changeset
218 // buttons
694bdb86cbad renamed 'actions' to 'buttons' and 'methods' to 'actions'
robcast
parents: 650
diff changeset
219 'buttons' : buttons,
668
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
220 // defaults for digilib buttons
665
3de056c96bcf small buttons for embedded mode
hertzhaft
parents: 664
diff changeset
221 'buttonSettings' : {
3de056c96bcf small buttons for embedded mode
hertzhaft
parents: 664
diff changeset
222 'fullscreen' : {
668
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
223 // path to button images (must end with a slash)
665
3de056c96bcf small buttons for embedded mode
hertzhaft
parents: 664
diff changeset
224 'imagePath' : 'img/fullscreen/',
721
dccff3759699 get rid of currently unused SEParator button
hertzhaft
parents: 720
diff changeset
225 'standardSet' : ["reference","zoomin","zoomout","zoomarea","zoomfull","pagewidth","back","fwd","page","bird","help","reset","toggleoptions"],
dccff3759699 get rid of currently unused SEParator button
hertzhaft
parents: 720
diff changeset
226 'specialSet' : ["mark","delmark","hmir","vmir","rot","brgt","cont","rgb","quality","size","calibrationx","scale","toggleoptions"],
682
96a0395d6fb9 infrastructure for switchable button sets
robcast
parents: 681
diff changeset
227 'buttonSets' : ['standardSet', 'specialSet']
665
3de056c96bcf small buttons for embedded mode
hertzhaft
parents: 664
diff changeset
228 },
3de056c96bcf small buttons for embedded mode
hertzhaft
parents: 664
diff changeset
229 'embedded' : {
3de056c96bcf small buttons for embedded mode
hertzhaft
parents: 664
diff changeset
230 'imagePath' : 'img/embedded/16/',
742
2b6d3ef57d68 fixed problem with setmark, zoomarea and zoomDrag handlers.
robcast
parents: 741
diff changeset
231 'standardSet' : ["reference","zoomin","zoomout","zoomarea","zoomfull","bird","help","reset","toggleoptions"],
768
15c35c64ac04 scale button in embedded mode
robcast
parents: 767
diff changeset
232 'specialSet' : ["mark","delmark","hmir","vmir","rot","brgt","cont","rgb","quality","scale","toggleoptions"],
682
96a0395d6fb9 infrastructure for switchable button sets
robcast
parents: 681
diff changeset
233 'buttonSets' : ['standardSet', 'specialSet']
665
3de056c96bcf small buttons for embedded mode
hertzhaft
parents: 664
diff changeset
234 }
697
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
235 },
775
65cdf970934d minor precisations
hertzhaft
parents: 769
diff changeset
236
697
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
237 // number of visible button groups
735
790a7673bef0 improved some embedded buttons; fixed reset function
hertzhaft
parents: 733
diff changeset
238 'visibleButtonSets' : 1,
616
55e06ebb879f setup the 'about' window
hertzhaft
parents: 615
diff changeset
239 // is birdView shown?
55e06ebb879f setup the 'about' window
hertzhaft
parents: 615
diff changeset
240 'isBirdDivVisible' : false,
668
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
241 // dimensions of bird's eye div
674
6c869c851c9a minor corrections
hertzhaft
parents: 673
diff changeset
242 'birdDivWidth' : 200,
6c869c851c9a minor corrections
hertzhaft
parents: 673
diff changeset
243 'birdDivHeight' : 200,
719
3da6db751448 change birdview along with scalerUrl in embedded mode
hertzhaft
parents: 718
diff changeset
244 // parameters used by bird's eye div
3da6db751448 change birdview along with scalerUrl in embedded mode
hertzhaft
parents: 718
diff changeset
245 'birdDivParams' : ['fn','pn','dw','dh'],
616
55e06ebb879f setup the 'about' window
hertzhaft
parents: 615
diff changeset
246 // is the "about" window shown?
741
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
247 'isAboutDivVisible' : false,
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
248 // maximum width of background image for drag-scroll
778
f8235c42f4a0 more preparations for SVG measuring tool
hertzhaft
parents: 777
diff changeset
249 'maxBgSize' : 10000,
779
62c3b902f878 better width calculation for scaler div
hertzhaft
parents: 778
diff changeset
250 // space to be left free in full page display, default value is for scrollbar
785
b9a75079aece geometry as first digilib plugin.
robcast
parents: 784
diff changeset
251 'scalerInset' : 10
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
252 };
655
72acc47f1831 first try at birdview indicator
hertzhaft
parents: 653
diff changeset
253
786
868c2e795aca new plugin architecture.
robcast
parents: 785
diff changeset
254 // list of plugins
868c2e795aca new plugin architecture.
robcast
parents: 785
diff changeset
255 var plugins = {};
868c2e795aca new plugin architecture.
robcast
parents: 785
diff changeset
256
868c2e795aca new plugin architecture.
robcast
parents: 785
diff changeset
257 // affine geometry plugin stub
785
b9a75079aece geometry as first digilib plugin.
robcast
parents: 784
diff changeset
258 var geom;
655
72acc47f1831 first try at birdview indicator
hertzhaft
parents: 653
diff changeset
259
785
b9a75079aece geometry as first digilib plugin.
robcast
parents: 784
diff changeset
260 var FULL_AREA;
655
72acc47f1831 first try at birdview indicator
hertzhaft
parents: 653
diff changeset
261
651
694bdb86cbad renamed 'actions' to 'buttons' and 'methods' to 'actions'
robcast
parents: 650
diff changeset
262 var actions = {
668
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
263 // init: digilib initialization
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
264 init : function(options) {
786
868c2e795aca new plugin architecture.
robcast
parents: 785
diff changeset
265 // import geometry classes
868c2e795aca new plugin architecture.
robcast
parents: 785
diff changeset
266 if (plugins.geometry == null) {
868c2e795aca new plugin architecture.
robcast
parents: 785
diff changeset
267 $.error("jquery.digilib.geometry plugin not found!");
785
b9a75079aece geometry as first digilib plugin.
robcast
parents: 784
diff changeset
268 geom = dlGeometry();
b9a75079aece geometry as first digilib plugin.
robcast
parents: 784
diff changeset
269 } else {
786
868c2e795aca new plugin architecture.
robcast
parents: 785
diff changeset
270 geom = plugins.geometry.init();
785
b9a75079aece geometry as first digilib plugin.
robcast
parents: 784
diff changeset
271 }
b9a75079aece geometry as first digilib plugin.
robcast
parents: 784
diff changeset
272 FULL_AREA = geom.rectangle(0, 0, 1, 1);
b9a75079aece geometry as first digilib plugin.
robcast
parents: 784
diff changeset
273
668
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
274 // settings for this digilib instance are merged from defaults and options
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
275 var settings = $.extend({}, defaults, options);
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
276 var isFullscreen = settings.interactionMode === 'fullscreen';
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
277 var queryParams = {};
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
278 if (isFullscreen) {
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
279 queryParams = parseQueryParams();
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
280 // check scalerBaseUrl
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
281 if (settings.scalerBaseUrl == null) {
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
282 // try the host this came from
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
283 var h = window.location.host;
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
284 if (window.location.host) {
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
285 var url = window.location.href;
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
286 // assume the page lives in [webapp]/jquery/
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
287 var pos = url.indexOf('jquery/');
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
288 if (pos > 0) {
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
289 settings.scalerBaseUrl = url.substring(0, pos) + 'servlet/Scaler';
652
01557c5e0682 added guessing of scalerBaseUrl
robcast
parents: 651
diff changeset
290 }
01557c5e0682 added guessing of scalerBaseUrl
robcast
parents: 651
diff changeset
291 }
636
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
292 }
668
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
293 }
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
294 return this.each(function() {
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
295 var $elem = $(this);
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
296 var data = $elem.data('digilib');
688
0235a8e63818 reset button plus action
hertzhaft
parents: 687
diff changeset
297 var params, elemSettings;
668
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
298 // if the plugin hasn't been initialized yet
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
299 if (!data) {
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
300 // merge query parameters
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
301 if (isFullscreen) {
688
0235a8e63818 reset button plus action
hertzhaft
parents: 687
diff changeset
302 params = queryParams;
668
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
303 } else {
688
0235a8e63818 reset button plus action
hertzhaft
parents: 687
diff changeset
304 params = parseImgParams($elem);
785
b9a75079aece geometry as first digilib plugin.
robcast
parents: 784
diff changeset
305 if ($.cookie) {
727
fc61c6b02c78 first steps to storing embedded state in cookie
robcast
parents: 726
diff changeset
306 // retrieve params from cookie
fc61c6b02c78 first steps to storing embedded state in cookie
robcast
parents: 726
diff changeset
307 var ck = "digilib-embed:fn:" + escape(params.fn) + ":pn:" + (params.pn || '1');
785
b9a75079aece geometry as first digilib plugin.
robcast
parents: 784
diff changeset
308 var cs = $.cookie(ck);
727
fc61c6b02c78 first steps to storing embedded state in cookie
robcast
parents: 726
diff changeset
309 console.debug("get cookie=", ck, " value=", cs);
fc61c6b02c78 first steps to storing embedded state in cookie
robcast
parents: 726
diff changeset
310 if (cs) {
fc61c6b02c78 first steps to storing embedded state in cookie
robcast
parents: 726
diff changeset
311 var cp = parseQueryString(cs);
728
84ad95fd3202 embedded mode state in cookie works now.
robcast
parents: 727
diff changeset
312 // ignore fn and pn from cookie TODO: should we keep pn?
84ad95fd3202 embedded mode state in cookie works now.
robcast
parents: 727
diff changeset
313 delete cp.fn;
84ad95fd3202 embedded mode state in cookie works now.
robcast
parents: 727
diff changeset
314 delete cp.pn;
785
b9a75079aece geometry as first digilib plugin.
robcast
parents: 784
diff changeset
315 $.extend(params, cp);
727
fc61c6b02c78 first steps to storing embedded state in cookie
robcast
parents: 726
diff changeset
316 }
fc61c6b02c78 first steps to storing embedded state in cookie
robcast
parents: 726
diff changeset
317 }
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
318 }
668
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
319 // store $(this) element in the settings
785
b9a75079aece geometry as first digilib plugin.
robcast
parents: 784
diff changeset
320 elemSettings = $.extend({}, settings, params);
697
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
321 data = {
668
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
322 $elem : $elem,
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
323 settings : elemSettings,
688
0235a8e63818 reset button plus action
hertzhaft
parents: 687
diff changeset
324 queryParams : params
668
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
325 };
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
326 // store in data element
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
327 $elem.data('digilib', data);
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
328 }
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
329 unpackParams(data);
744
95e6dc1b34ec get reference works now in embedded.
robcast
parents: 743
diff changeset
330 // check if browser knows *background-size
741
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
331 for (var bs in {'':1, '-moz-':1, '-webkit-':1, '-o-':1}) {
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
332 if ($elem.css(bs+'background-size')) {
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
333 data.hasBgSize = true;
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
334 data.bgSizeName = bs+'background-size';
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
335 break;
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
336 }
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
337 }
744
95e6dc1b34ec get reference works now in embedded.
robcast
parents: 743
diff changeset
338 // check digilib base URL
95e6dc1b34ec get reference works now in embedded.
robcast
parents: 743
diff changeset
339 if (elemSettings.digilibBaseUrl == null) {
95e6dc1b34ec get reference works now in embedded.
robcast
parents: 743
diff changeset
340 if (isFullscreen) {
95e6dc1b34ec get reference works now in embedded.
robcast
parents: 743
diff changeset
341 // take current host
95e6dc1b34ec get reference works now in embedded.
robcast
parents: 743
diff changeset
342 var url = window.location.toString();
95e6dc1b34ec get reference works now in embedded.
robcast
parents: 743
diff changeset
343 var pos = url.indexOf('?');
95e6dc1b34ec get reference works now in embedded.
robcast
parents: 743
diff changeset
344 elemSettings.digilibBaseUrl = url.substring(0, pos);
95e6dc1b34ec get reference works now in embedded.
robcast
parents: 743
diff changeset
345 } else {
95e6dc1b34ec get reference works now in embedded.
robcast
parents: 743
diff changeset
346 var url = elemSettings.scalerBaseUrl;
95e6dc1b34ec get reference works now in embedded.
robcast
parents: 743
diff changeset
347 if (url) {
95e6dc1b34ec get reference works now in embedded.
robcast
parents: 743
diff changeset
348 // build it from scaler URL
95e6dc1b34ec get reference works now in embedded.
robcast
parents: 743
diff changeset
349 var bp = url.indexOf('/servlet/Scaler');
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
350 elemSettings.digilibBaseUrl = url.substring(0, bp) + '/digilib.jsp';
744
95e6dc1b34ec get reference works now in embedded.
robcast
parents: 743
diff changeset
351 }
95e6dc1b34ec get reference works now in embedded.
robcast
parents: 743
diff changeset
352 }
95e6dc1b34ec get reference works now in embedded.
robcast
parents: 743
diff changeset
353 }
786
868c2e795aca new plugin architecture.
robcast
parents: 785
diff changeset
354 // initialise plugins
868c2e795aca new plugin architecture.
robcast
parents: 785
diff changeset
355 for (p in plugins) {
868c2e795aca new plugin architecture.
robcast
parents: 785
diff changeset
356 plugins[p].init(data);
868c2e795aca new plugin architecture.
robcast
parents: 785
diff changeset
357 }
763
31664707999e pixel-by-pixel scale mode works with zoom area. (not in all cases)
robcast
parents: 761
diff changeset
358 // get image info from server if needed
31664707999e pixel-by-pixel scale mode works with zoom area. (not in all cases)
robcast
parents: 761
diff changeset
359 if (data.scaleMode === 'pixel' || data.scaleMode === 'size') {
767
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
360 loadImageInfo(data, updateDisplay); // updateDisplay(data) on completion
763
31664707999e pixel-by-pixel scale mode works with zoom area. (not in all cases)
robcast
parents: 761
diff changeset
361 }
779
62c3b902f878 better width calculation for scaler div
hertzhaft
parents: 778
diff changeset
362 // create buttons before scaler
697
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
363 for (var i = 0; i < elemSettings.visibleButtonSets; ++i) {
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
364 showButtons(data, true, i);
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
365 }
779
62c3b902f878 better width calculation for scaler div
hertzhaft
parents: 778
diff changeset
366 // create HTML structure for scaler, taking width of buttons div into account
62c3b902f878 better width calculation for scaler div
hertzhaft
parents: 778
diff changeset
367 setupScalerDiv(data);
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
368 highlightButtons(data);
668
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
369 // bird's eye view creation
710
d533bdf0e64e cosmetics
hertzhaft
parents: 709
diff changeset
370 if (elemSettings.isBirdDivVisible) {
638
830bf803d9f0 setupBirdDiv deferred until used
robcast
parents: 637
diff changeset
371 setupBirdDiv(data);
723
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
372 data.$birdDiv.show();
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
373 }
668
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
374 // about window creation - TODO: could be deferred? restrict to only one item?
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
375 setupAboutDiv(data);
735
790a7673bef0 improved some embedded buttons; fixed reset function
hertzhaft
parents: 733
diff changeset
376 // drag zoom area around in scaler div
755
4c0cc97a6399 ugly workaround for IE7 image load handler bug
hertzhaft
parents: 754
diff changeset
377 // setupZoomDrag(data); // is done in scalerImgLoadedHandler()
668
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
378 });
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
379 },
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
380
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
381 // destroy: clean up digilib
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
382 destroy : function(data) {
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
383 return this.each(function(){
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
384 var $elem = $(this);
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
385 $(window).unbind('.digilib'); // unbind all digilibs(?)
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
386 data.digilib.remove();
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
387 $elem.removeData('digilib');
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
388 });
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
389 },
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
390
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
391 // show or hide the 'about' window
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
392 showAboutDiv : function(data, show) {
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
393 var on = showDiv(data.settings.isAboutDivVisible, data.$aboutDiv, show);
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
394 data.settings.isAboutDivVisible = on;
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
395 highlightButtons(data, 'help', on);
668
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
396 },
655
72acc47f1831 first try at birdview indicator
hertzhaft
parents: 653
diff changeset
397
668
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
398 // event handler: toggles the visibility of the bird's eye window
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
399 showBirdDiv : function (data, show) {
726
6224f64cbd58 fixed birdZoomDiv positioning in embedded mode
robcast
parents: 725
diff changeset
400 var settings = data.settings;
668
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
401 if (data.$birdDiv == null) {
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
402 // no bird div -> create
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
403 setupBirdDiv(data);
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
404 }
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
405 var on = showDiv(settings.isBirdDivVisible, data.$birdDiv, show);
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
406 settings.isBirdDivVisible = on;
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
407 highlightButtons(data, 'bird', on);
726
6224f64cbd58 fixed birdZoomDiv positioning in embedded mode
robcast
parents: 725
diff changeset
408 updateBirdDiv(data);
723
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
409 storeOptions(data);
668
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
410 },
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
411
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
412 // goto given page nr (+/-: relative)
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
413 gotoPage : function (data, pageNr) {
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
414 var settings = data.settings;
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
415 var oldpn = settings.pn;
716
6b9b8e1401d8 goto page works now (with window.prompt)
robcast
parents: 715
diff changeset
416 if (pageNr == null) {
6b9b8e1401d8 goto page works now (with window.prompt)
robcast
parents: 715
diff changeset
417 pageNr = window.prompt("Goto page number", oldpn);
6b9b8e1401d8 goto page works now (with window.prompt)
robcast
parents: 715
diff changeset
418 }
668
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
419 var pn = setNumValue(settings, "pn", pageNr);
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
420 if (pn == null) return false; // nothing happened
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
421 if (pn < 1) {
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
422 alert("no such page (page number too low)");
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
423 settings.pn = oldpn;
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
424 return false;
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
425 }
767
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
426 // TODO: how do we get pt?
668
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
427 if (settings.pt) {
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
428 if (pn > settings.pt) {
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
429 alert("no such page (page number too high)");
623
7ba95f12d172 first attempt at switching images by page number
hertzhaft
parents: 622
diff changeset
430 settings.pn = oldpn;
7ba95f12d172 first attempt at switching images by page number
hertzhaft
parents: 622
diff changeset
431 return false;
634
34ee220a664b trying showAboutDivFn...
robcast
parents: 633
diff changeset
432 }
668
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
433 }
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
434 // reset mk and others(?)
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
435 data.marks = [];
735
790a7673bef0 improved some embedded buttons; fixed reset function
hertzhaft
parents: 733
diff changeset
436 data.zoomArea = FULL_AREA;
668
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
437 // then reload
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
438 redisplay(data);
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
439 },
654
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
440
668
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
441 // zoom by a given factor
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
442 zoomBy : function (data, factor) {
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
443 zoomBy(data, factor);
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
444 },
647
2e817524992e set mark works now
robcast
parents: 645
diff changeset
445
767
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
446 // zoom to area (or interactive)
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
447 zoomArea : function (data, area) {
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
448 var settings = data.settings;
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
449 if (area == null) {
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
450 // interactively
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
451 zoomArea(data);
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
452 } else {
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
453 data.zoomArea = geom.rectangle(area);
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
454 redisplay(data);
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
455 }
668
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
456 },
650
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
457
668
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
458 // zoom out to full page
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
459 zoomFull : function (data, mode) {
735
790a7673bef0 improved some embedded buttons; fixed reset function
hertzhaft
parents: 733
diff changeset
460 data.zoomArea = FULL_AREA;
668
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
461 if (mode === 'width') {
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
462 data.dlOpts.fitwidth = 1;
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
463 delete data.dlOpts.fitheight;
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
464 } else if (mode === 'height') {
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
465 data.dlOpts.fitheight = 1;
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
466 delete data.dlOpts.fitwidth;
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
467 } else {
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
468 delete data.dlOpts.fitwidth;
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
469 delete data.dlOpts.fitheight;
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
470 }
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
471 redisplay(data);
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
472 },
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
473
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
474 // set a mark by clicking (or giving a position)
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
475 setMark : function (data, mpos) {
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
476 if (mpos == null) {
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
477 // interactive
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
478 setMark(data);
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
479 } else {
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
480 // use position
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
481 data.marks.push(pos);
663
9791a2cec863 rotate, contrast, and brightness
robcast
parents: 662
diff changeset
482 redisplay(data);
604
3a2942d2d5cd version zero of jquery.digilib
robcast
parents:
diff changeset
483 }
668
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
484 },
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
485
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
486 // remove the last mark
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
487 removeMark : function (data) {
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
488 data.marks.pop();
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
489 redisplay(data);
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
490 },
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
491
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
492 // mirror the image
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
493 mirror : function (data, mode) {
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
494 var flags = data.scalerFlags;
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
495 if (mode === 'h') {
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
496 if (flags.hmir) {
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
497 delete flags.hmir;
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
498 } else {
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
499 flags.hmir = 1;
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
500 }
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
501 } else {
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
502 if (flags.vmir) {
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
503 delete flags.vmir;
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
504 } else {
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
505 flags.vmir = 1;
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
506 }
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
507 }
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
508 redisplay(data);
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
509 },
650
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
510
668
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
511 // rotate the image
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
512 rotate : function (data, angle) {
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
513 var rot = data.settings.rot;
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
514 if (angle == null) {
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
515 angle = window.prompt("Rotation angle:", rot);
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
516 }
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
517 data.settings.rot = angle;
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
518 redisplay(data);
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
519 },
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
520
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
521 // change brightness
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
522 brightness : function (data, factor) {
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
523 var brgt = data.settings.brgt;
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
524 if (factor == null) {
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
525 factor = window.prompt("Brightness (-255..255)", brgt);
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
526 }
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
527 data.settings.brgt = factor;
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
528 redisplay(data);
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
529 },
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
530
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
531 // change contrast
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
532 contrast : function (data, factor) {
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
533 var cont = data.settings.cont;
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
534 if (factor == null) {
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
535 factor = window.prompt("Contrast (-8, 8)", cont);
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
536 }
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
537 data.settings.cont = factor;
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
538 redisplay(data);
688
0235a8e63818 reset button plus action
hertzhaft
parents: 687
diff changeset
539 },
710
d533bdf0e64e cosmetics
hertzhaft
parents: 709
diff changeset
540
690
7c8d5bfc5243 more or less buttons buttons - with animation :-)
robcast
parents: 687
diff changeset
541 // display more (or less) button sets
748
4b9349765b9c small method name change
robcast
parents: 747
diff changeset
542 moreButtons : function (data, more) {
696
e05c60578bff add toggle for last buttonset
hertzhaft
parents: 695
diff changeset
543 var settings = data.settings;
699
09f61af0a6dd re-created toggle for morebuttons (more = null)
robcast
parents: 698
diff changeset
544 if (more == null) {
703
0d49c33646da set quality works now (window.prompt only)
robcast
parents: 701
diff changeset
545 // toggle more or less (only works for 2 sets)
699
09f61af0a6dd re-created toggle for morebuttons (more = null)
robcast
parents: 698
diff changeset
546 var maxbtns = settings.buttonSettings[settings.interactionMode].buttonSets.length;
09f61af0a6dd re-created toggle for morebuttons (more = null)
robcast
parents: 698
diff changeset
547 if (settings.visibleButtonSets >= maxbtns) {
09f61af0a6dd re-created toggle for morebuttons (more = null)
robcast
parents: 698
diff changeset
548 more = '-1';
09f61af0a6dd re-created toggle for morebuttons (more = null)
robcast
parents: 698
diff changeset
549 } else {
09f61af0a6dd re-created toggle for morebuttons (more = null)
robcast
parents: 698
diff changeset
550 more = '+1';
09f61af0a6dd re-created toggle for morebuttons (more = null)
robcast
parents: 698
diff changeset
551 }
09f61af0a6dd re-created toggle for morebuttons (more = null)
robcast
parents: 698
diff changeset
552 }
690
7c8d5bfc5243 more or less buttons buttons - with animation :-)
robcast
parents: 687
diff changeset
553 if (more === '-1') {
7c8d5bfc5243 more or less buttons buttons - with animation :-)
robcast
parents: 687
diff changeset
554 // remove set
697
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
555 var setIdx = settings.visibleButtonSets - 1;
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
556 if (showButtons(data, false, setIdx, true)) {
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
557 settings.visibleButtonSets--;
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
558 }
690
7c8d5bfc5243 more or less buttons buttons - with animation :-)
robcast
parents: 687
diff changeset
559 } else {
7c8d5bfc5243 more or less buttons buttons - with animation :-)
robcast
parents: 687
diff changeset
560 // add set
697
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
561 var setIdx = settings.visibleButtonSets;
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
562 if (showButtons(data, true, setIdx, true)) {
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
563 settings.visibleButtonSets++;
690
7c8d5bfc5243 more or less buttons buttons - with animation :-)
robcast
parents: 687
diff changeset
564 }
7c8d5bfc5243 more or less buttons buttons - with animation :-)
robcast
parents: 687
diff changeset
565 }
723
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
566 // persist setting
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
567 storeOptions(data);
691
robcast
parents: 690 689
diff changeset
568 },
688
0235a8e63818 reset button plus action
hertzhaft
parents: 687
diff changeset
569
703
0d49c33646da set quality works now (window.prompt only)
robcast
parents: 701
diff changeset
570 // reset image parameters to defaults
688
0235a8e63818 reset button plus action
hertzhaft
parents: 687
diff changeset
571 reset : function (data) {
0235a8e63818 reset button plus action
hertzhaft
parents: 687
diff changeset
572 var settings = data.settings;
0235a8e63818 reset button plus action
hertzhaft
parents: 687
diff changeset
573 var paramNames = settings.digilibParamNames;
0235a8e63818 reset button plus action
hertzhaft
parents: 687
diff changeset
574 var params = data.queryParams;
0235a8e63818 reset button plus action
hertzhaft
parents: 687
diff changeset
575 // delete all digilib parameters
0235a8e63818 reset button plus action
hertzhaft
parents: 687
diff changeset
576 for (var i = 0; i < paramNames.length; i++) {
0235a8e63818 reset button plus action
hertzhaft
parents: 687
diff changeset
577 var paramName = paramNames[i];
0235a8e63818 reset button plus action
hertzhaft
parents: 687
diff changeset
578 delete settings[paramName];
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
579 }
735
790a7673bef0 improved some embedded buttons; fixed reset function
hertzhaft
parents: 733
diff changeset
580 settings.fn = params.fn || ''; // no default defined
790a7673bef0 improved some embedded buttons; fixed reset function
hertzhaft
parents: 733
diff changeset
581 settings.pn = params.pn || defaults.pn;
790a7673bef0 improved some embedded buttons; fixed reset function
hertzhaft
parents: 733
diff changeset
582 settings.dw = params.dw;
790a7673bef0 improved some embedded buttons; fixed reset function
hertzhaft
parents: 733
diff changeset
583 settings.dh = params.dh;
709
fca26721e8dd fixed some reset and cookie issues
hertzhaft
parents: 708
diff changeset
584 settings.isBirdDivVisible = false;
fca26721e8dd fixed some reset and cookie issues
hertzhaft
parents: 708
diff changeset
585 settings.visibleButtonSets = 1;
735
790a7673bef0 improved some embedded buttons; fixed reset function
hertzhaft
parents: 733
diff changeset
586 // resets zoomArea, marks, scalerflags
790a7673bef0 improved some embedded buttons; fixed reset function
hertzhaft
parents: 733
diff changeset
587 data.zoomArea = FULL_AREA;
790a7673bef0 improved some embedded buttons; fixed reset function
hertzhaft
parents: 733
diff changeset
588 data.marks = [];
790a7673bef0 improved some embedded buttons; fixed reset function
hertzhaft
parents: 733
diff changeset
589 data.scalerFlags = {};
712
823f0050f7eb 'reset' should reset fitwidth/fitheight, too
hertzhaft
parents: 711
diff changeset
590 delete data.dlOpts.fitwidth;
823f0050f7eb 'reset' should reset fitwidth/fitheight, too
hertzhaft
parents: 711
diff changeset
591 delete data.dlOpts.fitheight;
688
0235a8e63818 reset button plus action
hertzhaft
parents: 687
diff changeset
592 redisplay(data);
689
f5f2b262be07 reference button plus action
hertzhaft
parents: 688
diff changeset
593 },
f5f2b262be07 reference button plus action
hertzhaft
parents: 688
diff changeset
594
703
0d49c33646da set quality works now (window.prompt only)
robcast
parents: 701
diff changeset
595 // presents a reference url (returns value if noprompt)
0d49c33646da set quality works now (window.prompt only)
robcast
parents: 701
diff changeset
596 reference : function (data, noprompt) {
689
f5f2b262be07 reference button plus action
hertzhaft
parents: 688
diff changeset
597 var settings = data.settings;
744
95e6dc1b34ec get reference works now in embedded.
robcast
parents: 743
diff changeset
598 var url = getDigilibUrl(data);
703
0d49c33646da set quality works now (window.prompt only)
robcast
parents: 701
diff changeset
599 if (noprompt == null) {
0d49c33646da set quality works now (window.prompt only)
robcast
parents: 701
diff changeset
600 window.prompt("URL reference to the current view", url);
0d49c33646da set quality works now (window.prompt only)
robcast
parents: 701
diff changeset
601 }
0d49c33646da set quality works now (window.prompt only)
robcast
parents: 701
diff changeset
602 return url;
0d49c33646da set quality works now (window.prompt only)
robcast
parents: 701
diff changeset
603 },
710
d533bdf0e64e cosmetics
hertzhaft
parents: 709
diff changeset
604
703
0d49c33646da set quality works now (window.prompt only)
robcast
parents: 701
diff changeset
605 // set image quality
748
4b9349765b9c small method name change
robcast
parents: 747
diff changeset
606 setQuality : function (data, qual) {
703
0d49c33646da set quality works now (window.prompt only)
robcast
parents: 701
diff changeset
607 var oldq = getQuality(data);
0d49c33646da set quality works now (window.prompt only)
robcast
parents: 701
diff changeset
608 if (qual == null) {
0d49c33646da set quality works now (window.prompt only)
robcast
parents: 701
diff changeset
609 qual = window.prompt("Image quality (0..2)", oldq);
0d49c33646da set quality works now (window.prompt only)
robcast
parents: 701
diff changeset
610 }
0d49c33646da set quality works now (window.prompt only)
robcast
parents: 701
diff changeset
611 qual = parseInt(qual, 10);
0d49c33646da set quality works now (window.prompt only)
robcast
parents: 701
diff changeset
612 if (qual >= 0 && qual <= 2) {
0d49c33646da set quality works now (window.prompt only)
robcast
parents: 701
diff changeset
613 setQuality(data, qual);
0d49c33646da set quality works now (window.prompt only)
robcast
parents: 701
diff changeset
614 redisplay(data);
0d49c33646da set quality works now (window.prompt only)
robcast
parents: 701
diff changeset
615 }
754
ce5a0e6b5ee9 reading image info asynchronously works now. has just no use yet.
robcast
parents: 751
diff changeset
616 },
760
f0be4432f515 primitive plugin extension mechanism - unsure how useful this is
hertzhaft
parents: 755
diff changeset
617
754
ce5a0e6b5ee9 reading image info asynchronously works now. has just no use yet.
robcast
parents: 751
diff changeset
618 // calibrate (only faking)
772
33b5477f8d84 original size mode works with zoom area now. needs error handling.
robcast
parents: 769
diff changeset
619 calibrate : function (data, res) {
33b5477f8d84 original size mode works with zoom area now. needs error handling.
robcast
parents: 769
diff changeset
620 var oldRes = data.settings.ddpi;
33b5477f8d84 original size mode works with zoom area now. needs error handling.
robcast
parents: 769
diff changeset
621 if (res == null) {
33b5477f8d84 original size mode works with zoom area now. needs error handling.
robcast
parents: 769
diff changeset
622 res = window.prompt("Display resolution (dpi)", oldRes);
33b5477f8d84 original size mode works with zoom area now. needs error handling.
robcast
parents: 769
diff changeset
623 }
33b5477f8d84 original size mode works with zoom area now. needs error handling.
robcast
parents: 769
diff changeset
624 if (res != null) {
33b5477f8d84 original size mode works with zoom area now. needs error handling.
robcast
parents: 769
diff changeset
625 data.settings.ddpi = res;
33b5477f8d84 original size mode works with zoom area now. needs error handling.
robcast
parents: 769
diff changeset
626 redisplay(data);
33b5477f8d84 original size mode works with zoom area now. needs error handling.
robcast
parents: 769
diff changeset
627 }
760
f0be4432f515 primitive plugin extension mechanism - unsure how useful this is
hertzhaft
parents: 755
diff changeset
628 },
775
65cdf970934d minor precisations
hertzhaft
parents: 769
diff changeset
629
761
16778bd2de7c added setScaleMode. no compensation for change in scaling yet.
robcast
parents: 760
diff changeset
630 // set image scale mode
16778bd2de7c added setScaleMode. no compensation for change in scaling yet.
robcast
parents: 760
diff changeset
631 setScaleMode : function (data, mode) {
16778bd2de7c added setScaleMode. no compensation for change in scaling yet.
robcast
parents: 760
diff changeset
632 var oldM = getScaleMode(data);
16778bd2de7c added setScaleMode. no compensation for change in scaling yet.
robcast
parents: 760
diff changeset
633 if (mode == null) {
16778bd2de7c added setScaleMode. no compensation for change in scaling yet.
robcast
parents: 760
diff changeset
634 mode = window.prompt("Image scale mode (screen, pixel, size)", oldM);
16778bd2de7c added setScaleMode. no compensation for change in scaling yet.
robcast
parents: 760
diff changeset
635 }
16778bd2de7c added setScaleMode. no compensation for change in scaling yet.
robcast
parents: 760
diff changeset
636 if (mode != null) {
16778bd2de7c added setScaleMode. no compensation for change in scaling yet.
robcast
parents: 760
diff changeset
637 setScaleMode(data, mode);
763
31664707999e pixel-by-pixel scale mode works with zoom area. (not in all cases)
robcast
parents: 761
diff changeset
638 data.scaleMode = mode;
761
16778bd2de7c added setScaleMode. no compensation for change in scaling yet.
robcast
parents: 760
diff changeset
639 redisplay(data);
16778bd2de7c added setScaleMode. no compensation for change in scaling yet.
robcast
parents: 760
diff changeset
640 }
16778bd2de7c added setScaleMode. no compensation for change in scaling yet.
robcast
parents: 760
diff changeset
641 }
775
65cdf970934d minor precisations
hertzhaft
parents: 769
diff changeset
642
763
31664707999e pixel-by-pixel scale mode works with zoom area. (not in all cases)
robcast
parents: 761
diff changeset
643 // end of actions
605
aee94e4a8c48 next version zero of jquery.digilib
robcast
parents: 604
diff changeset
644 };
604
3a2942d2d5cd version zero of jquery.digilib
robcast
parents:
diff changeset
645
608
774a3f60efd5 start work on scaler call
robcast
parents: 607
diff changeset
646 // returns parameters from page url
607
f5d5cae64828 parameter parsing
hertzhaft
parents: 605
diff changeset
647 var parseQueryParams = function() {
636
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
648 return parseQueryString(window.location.search.slice(1));
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
649 };
655
72acc47f1831 first try at birdview indicator
hertzhaft
parents: 653
diff changeset
650
636
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
651 // returns parameters from embedded img-element
607
f5d5cae64828 parameter parsing
hertzhaft
parents: 605
diff changeset
652 var parseImgParams = function($elem) {
613
53ee659e2d00 keeping img tag for embedded mode seems to work now
robcast
parents: 612
diff changeset
653 var src = $elem.find('img').first().attr('src');
710
d533bdf0e64e cosmetics
hertzhaft
parents: 709
diff changeset
654 if (!src) return null;
607
f5d5cae64828 parameter parsing
hertzhaft
parents: 605
diff changeset
655 var pos = src.indexOf('?');
f5d5cae64828 parameter parsing
hertzhaft
parents: 605
diff changeset
656 var query = (pos < 0) ? '' : src.substring(pos + 1);
f5d5cae64828 parameter parsing
hertzhaft
parents: 605
diff changeset
657 var scalerUrl = src.substring(0, pos);
627
c2566e470569 scalerImgLoaded sets up img trafo
robcast
parents: 626
diff changeset
658 var params = parseQueryString(query);
c2566e470569 scalerImgLoaded sets up img trafo
robcast
parents: 626
diff changeset
659 params.scalerBaseUrl = scalerUrl;
c2566e470569 scalerImgLoaded sets up img trafo
robcast
parents: 626
diff changeset
660 return params;
636
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
661 };
607
f5d5cae64828 parameter parsing
hertzhaft
parents: 605
diff changeset
662
608
774a3f60efd5 start work on scaler call
robcast
parents: 607
diff changeset
663 // parses query parameter string into parameter object
607
f5d5cae64828 parameter parsing
hertzhaft
parents: 605
diff changeset
664 var parseQueryString = function(query) {
701
a343240a6f7c cookie handling now just in pack/unpackParameters
robcast
parents: 700
diff changeset
665 var params = {};
a343240a6f7c cookie handling now just in pack/unpackParameters
robcast
parents: 700
diff changeset
666 if (query == null) return params;
607
f5d5cae64828 parameter parsing
hertzhaft
parents: 605
diff changeset
667 var pairs = query.split("&");
636
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
668 //var keys = [];
607
f5d5cae64828 parameter parsing
hertzhaft
parents: 605
diff changeset
669 for (var i = 0; i < pairs.length; i++) {
f5d5cae64828 parameter parsing
hertzhaft
parents: 605
diff changeset
670 var pair = pairs[i].split("=");
f5d5cae64828 parameter parsing
hertzhaft
parents: 605
diff changeset
671 if (pair.length === 2) {
627
c2566e470569 scalerImgLoaded sets up img trafo
robcast
parents: 626
diff changeset
672 params[pair[0]] = pair[1];
636
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
673 //keys.push(pair[0]);
634
34ee220a664b trying showAboutDivFn...
robcast
parents: 633
diff changeset
674 }
636
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
675 }
627
c2566e470569 scalerImgLoaded sets up img trafo
robcast
parents: 626
diff changeset
676 return params;
636
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
677 };
668
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
678
643
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
679 // returns a query string from key names from a parameter hash (ignoring if the same value is in defaults)
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
680 var getParamString = function (settings, keys, defaults) {
615
ec131e9699a6 setup bird's eye view div
hertzhaft
parents: 614
diff changeset
681 var paramString = '';
650
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
682 var nx = false;
615
ec131e9699a6 setup bird's eye view div
hertzhaft
parents: 614
diff changeset
683 for (i = 0; i < keys.length; ++i) {
ec131e9699a6 setup bird's eye view div
hertzhaft
parents: 614
diff changeset
684 var key = keys[i];
663
9791a2cec863 rotate, contrast, and brightness
robcast
parents: 662
diff changeset
685 if ((settings[key] != null) && ((defaults == null) || (settings[key] != defaults[key]))) {
615
ec131e9699a6 setup bird's eye view div
hertzhaft
parents: 614
diff changeset
686 // first param gets no '&'
650
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
687 if (nx) {
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
688 paramString += '&';
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
689 } else {
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
690 nx = true;
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
691 }
615
ec131e9699a6 setup bird's eye view div
hertzhaft
parents: 614
diff changeset
692 // add parm=val
ec131e9699a6 setup bird's eye view div
hertzhaft
parents: 614
diff changeset
693 paramString += key + '=' + settings[key];
643
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
694 }
615
ec131e9699a6 setup bird's eye view div
hertzhaft
parents: 614
diff changeset
695 }
ec131e9699a6 setup bird's eye view div
hertzhaft
parents: 614
diff changeset
696 return paramString;
631
4f7b52b97738 more work on initialisation
robcast
parents: 629
diff changeset
697 };
4f7b52b97738 more work on initialisation
robcast
parents: 629
diff changeset
698
636
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
699 // returns URL and query string for Scaler
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
700 var getScalerUrl = function (data) {
741
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
701 packParams(data);
653
b21c1a539af3 fixed dumb bug
robcast
parents: 652
diff changeset
702 var settings = data.settings;
652
01557c5e0682 added guessing of scalerBaseUrl
robcast
parents: 651
diff changeset
703 if (settings.scalerBaseUrl == null) {
01557c5e0682 added guessing of scalerBaseUrl
robcast
parents: 651
diff changeset
704 alert("ERROR: URL of digilib Scaler servlet missing!");
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
705 }
636
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
706 var keys = settings.scalerParamNames;
643
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
707 var queryString = getParamString(settings, keys, defaults);
636
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
708 var url = settings.scalerBaseUrl + '?' + queryString;
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
709 return url;
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
710 };
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
711
741
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
712 // returns URL for bird's eye view image
743
05665cc70a5f zoom-drag background follows rotation and mirror
robcast
parents: 742
diff changeset
713 var getBirdImgUrl = function (data, moreParams) {
741
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
714 var settings = data.settings;
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
715 var birdDivOptions = {
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
716 dw : settings.birdDivWidth,
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
717 dh : settings.birdDivHeight
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
718 };
785
b9a75079aece geometry as first digilib plugin.
robcast
parents: 784
diff changeset
719 var birdSettings = $.extend({}, settings, birdDivOptions);
741
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
720 // use only the relevant parameters
743
05665cc70a5f zoom-drag background follows rotation and mirror
robcast
parents: 742
diff changeset
721 if (moreParams == null) {
05665cc70a5f zoom-drag background follows rotation and mirror
robcast
parents: 742
diff changeset
722 var params = getParamString(birdSettings, settings.birdDivParams, defaults);
05665cc70a5f zoom-drag background follows rotation and mirror
robcast
parents: 742
diff changeset
723 } else {
767
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
724 // filter scaler flags
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
725 if (birdSettings.mo != null) {
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
726 var mo = '';
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
727 if (data.scalerFlags.hmir != null) {
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
728 mo += 'hmir,';
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
729 }
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
730 if (data.scalerFlags.vmir != null) {
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
731 mo += 'vmir';
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
732 }
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
733 birdSettings.mo = mo;
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
734 }
743
05665cc70a5f zoom-drag background follows rotation and mirror
robcast
parents: 742
diff changeset
735 var params = getParamString(birdSettings,
05665cc70a5f zoom-drag background follows rotation and mirror
robcast
parents: 742
diff changeset
736 settings.birdDivParams.concat(moreParams), defaults);
05665cc70a5f zoom-drag background follows rotation and mirror
robcast
parents: 742
diff changeset
737 }
05665cc70a5f zoom-drag background follows rotation and mirror
robcast
parents: 742
diff changeset
738 var url = settings.scalerBaseUrl + '?' + params;
741
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
739 return url;
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
740 };
745
ad483c008159 move birdview zoom indicator along with zoom drag
hertzhaft
parents: 744
diff changeset
741
636
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
742 // returns URL and query string for current digilib
644
ee8ccd84c5f8 reload doesn't take list of changed parameters any more
robcast
parents: 643
diff changeset
743 var getDigilibUrl = function (data) {
643
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
744 packParams(data);
636
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
745 var settings = data.settings;
644
ee8ccd84c5f8 reload doesn't take list of changed parameters any more
robcast
parents: 643
diff changeset
746 var queryString = getParamString(settings, settings.digilibParamNames, defaults);
744
95e6dc1b34ec get reference works now in embedded.
robcast
parents: 743
diff changeset
747 return settings.digilibBaseUrl + '?' + queryString;
636
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
748 };
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
749
767
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
750 // loads image information from digilib server via HTTP (and calls complete-fn)
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
751 var loadImageInfo = function (data, complete) {
754
ce5a0e6b5ee9 reading image info asynchronously works now. has just no use yet.
robcast
parents: 751
diff changeset
752 var settings = data.settings;
ce5a0e6b5ee9 reading image info asynchronously works now. has just no use yet.
robcast
parents: 751
diff changeset
753 var p = settings.scalerBaseUrl.indexOf('/servlet/Scaler');
ce5a0e6b5ee9 reading image info asynchronously works now. has just no use yet.
robcast
parents: 751
diff changeset
754 var url = settings.scalerBaseUrl.substring(0, p) + '/ImgInfo-json.jsp';
ce5a0e6b5ee9 reading image info asynchronously works now. has just no use yet.
robcast
parents: 751
diff changeset
755 url += '?' + getParamString(settings, ['fn', 'pn'], defaults);
767
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
756 // TODO: better error handling
785
b9a75079aece geometry as first digilib plugin.
robcast
parents: 784
diff changeset
757 $.getJSON(url, function (json) {
754
ce5a0e6b5ee9 reading image info asynchronously works now. has just no use yet.
robcast
parents: 751
diff changeset
758 console.debug("got json data=", json);
ce5a0e6b5ee9 reading image info asynchronously works now. has just no use yet.
robcast
parents: 751
diff changeset
759 data.imgInfo = json;
ce5a0e6b5ee9 reading image info asynchronously works now. has just no use yet.
robcast
parents: 751
diff changeset
760 if (complete != null) {
ce5a0e6b5ee9 reading image info asynchronously works now. has just no use yet.
robcast
parents: 751
diff changeset
761 complete.call(this, data, json);
ce5a0e6b5ee9 reading image info asynchronously works now. has just no use yet.
robcast
parents: 751
diff changeset
762 }
ce5a0e6b5ee9 reading image info asynchronously works now. has just no use yet.
robcast
parents: 751
diff changeset
763 });
ce5a0e6b5ee9 reading image info asynchronously works now. has just no use yet.
robcast
parents: 751
diff changeset
764 };
775
65cdf970934d minor precisations
hertzhaft
parents: 769
diff changeset
765
655
72acc47f1831 first try at birdview indicator
hertzhaft
parents: 653
diff changeset
766 // processes some parameters into objects and stuff
631
4f7b52b97738 more work on initialisation
robcast
parents: 629
diff changeset
767 var unpackParams = function (data) {
4f7b52b97738 more work on initialisation
robcast
parents: 629
diff changeset
768 var settings = data.settings;
636
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
769 // zoom area
631
4f7b52b97738 more work on initialisation
robcast
parents: 629
diff changeset
770 var zoomArea = geom.rectangle(settings.wx, settings.wy, settings.ww, settings.wh);
643
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
771 data.zoomArea = zoomArea;
636
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
772 // marks
631
4f7b52b97738 more work on initialisation
robcast
parents: 629
diff changeset
773 var marks = [];
650
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
774 if (settings.mk) {
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
775 var mk = settings.mk;
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
776 if (mk.indexOf(";") >= 0) {
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
777 var pa = mk.split(";"); // old format with ";"
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
778 } else {
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
779 var pa = mk.split(","); // new format
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
780 }
650
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
781 for (var i = 0; i < pa.length ; i++) {
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
782 var pos = pa[i].split("/");
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
783 if (pos.length > 1) {
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
784 marks.push(geom.position(pos[0], pos[1]));
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
785 }
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
786 }
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
787 }
643
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
788 data.marks = marks;
650
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
789 // mo (Scaler flags)
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
790 var flags = {};
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
791 if (settings.mo) {
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
792 var pa = settings.mo.split(",");
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
793 for (var i = 0; i < pa.length ; i++) {
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
794 flags[pa[i]] = pa[i];
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
795 }
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
796 }
650
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
797 data.scalerFlags = flags;
763
31664707999e pixel-by-pixel scale mode works with zoom area. (not in all cases)
robcast
parents: 761
diff changeset
798 data.scaleMode = getScaleMode(data);
723
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
799 retrieveOptions(data);
655
72acc47f1831 first try at birdview indicator
hertzhaft
parents: 653
diff changeset
800 };
72acc47f1831 first try at birdview indicator
hertzhaft
parents: 653
diff changeset
801
631
4f7b52b97738 more work on initialisation
robcast
parents: 629
diff changeset
802 // put objects back into parameters
4f7b52b97738 more work on initialisation
robcast
parents: 629
diff changeset
803 var packParams = function (data) {
4f7b52b97738 more work on initialisation
robcast
parents: 629
diff changeset
804 var settings = data.settings;
636
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
805 // zoom area
643
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
806 if (data.zoomArea) {
647
2e817524992e set mark works now
robcast
parents: 645
diff changeset
807 settings.wx = cropFloat(data.zoomArea.x);
2e817524992e set mark works now
robcast
parents: 645
diff changeset
808 settings.wy = cropFloat(data.zoomArea.y);
2e817524992e set mark works now
robcast
parents: 645
diff changeset
809 settings.ww = cropFloat(data.zoomArea.width);
2e817524992e set mark works now
robcast
parents: 645
diff changeset
810 settings.wh = cropFloat(data.zoomArea.height);
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
811 }
636
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
812 // marks
643
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
813 if (data.marks) {
650
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
814 settings.mk = '';
643
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
815 for (var i = 0; i < data.marks.length; i++) {
650
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
816 if (i) {
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
817 settings.mk += ',';
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
818 }
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
819 settings.mk += cropFloat(data.marks[i].x).toString() +
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
820 '/' + cropFloat(data.marks[i].y).toString();
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
821 }
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
822 }
650
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
823 // Scaler flags
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
824 if (data.scalerFlags) {
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
825 var mo = '';
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
826 for (var f in data.scalerFlags) {
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
827 if (mo) {
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
828 mo += ',';
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
829 }
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
830 mo += f;
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
831 }
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
832 settings.mo = mo;
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
833 }
710
d533bdf0e64e cosmetics
hertzhaft
parents: 709
diff changeset
834 // user interface options
723
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
835 storeOptions(data);
709
fca26721e8dd fixed some reset and cookie issues
hertzhaft
parents: 708
diff changeset
836 };
688
0235a8e63818 reset button plus action
hertzhaft
parents: 687
diff changeset
837
723
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
838 var storeOptions = function (data) {
701
a343240a6f7c cookie handling now just in pack/unpackParameters
robcast
parents: 700
diff changeset
839 // save digilib options in cookie
709
fca26721e8dd fixed some reset and cookie issues
hertzhaft
parents: 708
diff changeset
840 var settings = data.settings;
fca26721e8dd fixed some reset and cookie issues
hertzhaft
parents: 708
diff changeset
841 if (data.dlOpts) {
fca26721e8dd fixed some reset and cookie issues
hertzhaft
parents: 708
diff changeset
842 // save digilib settings in options
fca26721e8dd fixed some reset and cookie issues
hertzhaft
parents: 708
diff changeset
843 data.dlOpts.birdview = settings.isBirdDivVisible ? 1 : 0;
fca26721e8dd fixed some reset and cookie issues
hertzhaft
parents: 708
diff changeset
844 data.dlOpts.buttons = settings.visibleButtonSets;
fca26721e8dd fixed some reset and cookie issues
hertzhaft
parents: 708
diff changeset
845 var clop = '';
fca26721e8dd fixed some reset and cookie issues
hertzhaft
parents: 708
diff changeset
846 for (var o in data.dlOpts) {
fca26721e8dd fixed some reset and cookie issues
hertzhaft
parents: 708
diff changeset
847 if (clop) {
fca26721e8dd fixed some reset and cookie issues
hertzhaft
parents: 708
diff changeset
848 clop += '&';
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
849 }
709
fca26721e8dd fixed some reset and cookie issues
hertzhaft
parents: 708
diff changeset
850 clop += o + '=' + data.dlOpts[o];
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
851 }
785
b9a75079aece geometry as first digilib plugin.
robcast
parents: 784
diff changeset
852 if ($.cookie) {
709
fca26721e8dd fixed some reset and cookie issues
hertzhaft
parents: 708
diff changeset
853 var ck = "digilib:fn:" + escape(settings.fn) + ":pn:" + settings.pn;
fca26721e8dd fixed some reset and cookie issues
hertzhaft
parents: 708
diff changeset
854 console.debug("set cookie=", ck, " value=", clop);
785
b9a75079aece geometry as first digilib plugin.
robcast
parents: 784
diff changeset
855 $.cookie(ck, clop);
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
856 }
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
857 }
785
b9a75079aece geometry as first digilib plugin.
robcast
parents: 784
diff changeset
858 if (settings.interactionMode !== 'fullscreen' && $.cookie) {
727
fc61c6b02c78 first steps to storing embedded state in cookie
robcast
parents: 726
diff changeset
859 // store normal parameters in cookie for embedded mode
fc61c6b02c78 first steps to storing embedded state in cookie
robcast
parents: 726
diff changeset
860 var qs = getParamString(settings, settings.digilibParamNames, defaults);
fc61c6b02c78 first steps to storing embedded state in cookie
robcast
parents: 726
diff changeset
861 var ck = "digilib-embed:fn:" + escape(settings.fn) + ":pn:" + settings.pn;
fc61c6b02c78 first steps to storing embedded state in cookie
robcast
parents: 726
diff changeset
862 console.debug("set cookie=", ck, " value=", qs);
785
b9a75079aece geometry as first digilib plugin.
robcast
parents: 784
diff changeset
863 $.cookie(ck, qs);
727
fc61c6b02c78 first steps to storing embedded state in cookie
robcast
parents: 726
diff changeset
864 }
631
4f7b52b97738 more work on initialisation
robcast
parents: 629
diff changeset
865 };
655
72acc47f1831 first try at birdview indicator
hertzhaft
parents: 653
diff changeset
866
723
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
867 var retrieveOptions = function (data) {
709
fca26721e8dd fixed some reset and cookie issues
hertzhaft
parents: 708
diff changeset
868 // clop (digilib options)
fca26721e8dd fixed some reset and cookie issues
hertzhaft
parents: 708
diff changeset
869 var opts = {};
fca26721e8dd fixed some reset and cookie issues
hertzhaft
parents: 708
diff changeset
870 var settings = data.settings;
785
b9a75079aece geometry as first digilib plugin.
robcast
parents: 784
diff changeset
871 if ($.cookie) {
709
fca26721e8dd fixed some reset and cookie issues
hertzhaft
parents: 708
diff changeset
872 // read from cookie
fca26721e8dd fixed some reset and cookie issues
hertzhaft
parents: 708
diff changeset
873 var ck = "digilib:fn:" + escape(settings.fn) + ":pn:" + settings.pn;
785
b9a75079aece geometry as first digilib plugin.
robcast
parents: 784
diff changeset
874 var cp = $.cookie(ck);
709
fca26721e8dd fixed some reset and cookie issues
hertzhaft
parents: 708
diff changeset
875 console.debug("get cookie=", ck, " value=", cp);
fca26721e8dd fixed some reset and cookie issues
hertzhaft
parents: 708
diff changeset
876 // in query string format
fca26721e8dd fixed some reset and cookie issues
hertzhaft
parents: 708
diff changeset
877 opts = parseQueryString(cp);
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
878 }
709
fca26721e8dd fixed some reset and cookie issues
hertzhaft
parents: 708
diff changeset
879 data.dlOpts = opts;
fca26721e8dd fixed some reset and cookie issues
hertzhaft
parents: 708
diff changeset
880 // birdview option
fca26721e8dd fixed some reset and cookie issues
hertzhaft
parents: 708
diff changeset
881 if (opts.birdview != null) {
fca26721e8dd fixed some reset and cookie issues
hertzhaft
parents: 708
diff changeset
882 settings.isBirdDivVisible = opts.birdview === '1';
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
883 }
709
fca26721e8dd fixed some reset and cookie issues
hertzhaft
parents: 708
diff changeset
884 // visible button sets
fca26721e8dd fixed some reset and cookie issues
hertzhaft
parents: 708
diff changeset
885 if (opts.buttons != null) {
fca26721e8dd fixed some reset and cookie issues
hertzhaft
parents: 708
diff changeset
886 settings.visibleButtonSets = opts.buttons;
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
887 }
711
eab17859be79 improved button positioning
robcast
parents: 710
diff changeset
888 };
709
fca26721e8dd fixed some reset and cookie issues
hertzhaft
parents: 708
diff changeset
889
622
cc3d81f02d4e factored out display function
hertzhaft
parents: 621
diff changeset
890 // (re)load the img from a new scaler URL
644
ee8ccd84c5f8 reload doesn't take list of changed parameters any more
robcast
parents: 643
diff changeset
891 var redisplay = function (data) {
636
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
892 var settings = data.settings;
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
893 if (settings.interactionMode === 'fullscreen') {
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
894 // update location.href (browser URL) in fullscreen mode
644
ee8ccd84c5f8 reload doesn't take list of changed parameters any more
robcast
parents: 643
diff changeset
895 var url = getDigilibUrl(data);
636
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
896 var history = window.history;
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
897 if (typeof(history.pushState) === 'function') {
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
898 console.debug("we could modify history, but we don't...");
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
899 }
636
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
900 window.location = url;
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
901 } else {
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
902 // embedded mode -- just change img src
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
903 var url = getScalerUrl(data);
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
904 data.$img.attr('src', url);
726
6224f64cbd58 fixed birdZoomDiv positioning in embedded mode
robcast
parents: 725
diff changeset
905 // redisplay bird img
6224f64cbd58 fixed birdZoomDiv positioning in embedded mode
robcast
parents: 725
diff changeset
906 updateBirdDiv(data);
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
907 highlightButtons(data);
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
908 }
622
cc3d81f02d4e factored out display function
hertzhaft
parents: 621
diff changeset
909 };
cc3d81f02d4e factored out display function
hertzhaft
parents: 621
diff changeset
910
767
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
911 // update display (overlays etc.)
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
912 var updateDisplay = function (data) {
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
913 updateImgTrafo(data);
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
914 renderMarks(data);
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
915 setupZoomDrag(data);
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
916 if (data.settings.isBirdDivVisible) {
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
917 renderBirdArea(data);
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
918 setupBirdDrag(data);
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
919 }
784
dde58c15bbd2 first internal event. no handlers yet.
robcast
parents: 780
diff changeset
920 // send event
dde58c15bbd2 first internal event. no handlers yet.
robcast
parents: 780
diff changeset
921 $(data).trigger('update');
767
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
922 };
775
65cdf970934d minor precisations
hertzhaft
parents: 769
diff changeset
923
662
6a03dbd30e4f fix bug in birdview handling.
robcast
parents: 661
diff changeset
924 // returns maximum size for scaler img in fullscreen mode
778
f8235c42f4a0 more preparations for SVG measuring tool
hertzhaft
parents: 777
diff changeset
925 var getFullscreenImgSize = function (data) {
662
6a03dbd30e4f fix bug in birdview handling.
robcast
parents: 661
diff changeset
926 var $win = $(window);
6a03dbd30e4f fix bug in birdview handling.
robcast
parents: 661
diff changeset
927 var winH = $win.height();
779
62c3b902f878 better width calculation for scaler div
hertzhaft
parents: 778
diff changeset
928 var winW = $win.width();
62c3b902f878 better width calculation for scaler div
hertzhaft
parents: 778
diff changeset
929 var $body = $('body');
780
a34686e7c151 better height calculation, too
hertzhaft
parents: 779
diff changeset
930 // include standard body margins
a34686e7c151 better height calculation, too
hertzhaft
parents: 779
diff changeset
931 var borderW = $body.outerWidth(true) - $body.width();
a34686e7c151 better height calculation, too
hertzhaft
parents: 779
diff changeset
932 var borderH = $body.outerHeight(true) - $body.height();
779
62c3b902f878 better width calculation for scaler div
hertzhaft
parents: 778
diff changeset
933 // get width of first button div
62c3b902f878 better width calculation for scaler div
hertzhaft
parents: 778
diff changeset
934 var buttonsW = 0;
62c3b902f878 better width calculation for scaler div
hertzhaft
parents: 778
diff changeset
935 if (data.$buttonSets) {
62c3b902f878 better width calculation for scaler div
hertzhaft
parents: 778
diff changeset
936 buttonsW = data.$buttonSets[0].outerWidth();
62c3b902f878 better width calculation for scaler div
hertzhaft
parents: 778
diff changeset
937 }
62c3b902f878 better width calculation for scaler div
hertzhaft
parents: 778
diff changeset
938 // account for left/right border, body margins and additional requirements
780
a34686e7c151 better height calculation, too
hertzhaft
parents: 779
diff changeset
939 var calcW = winW - borderW - buttonsW - data.settings.scalerInset;
a34686e7c151 better height calculation, too
hertzhaft
parents: 779
diff changeset
940 var calcH = winH - borderH;
a34686e7c151 better height calculation, too
hertzhaft
parents: 779
diff changeset
941 console.debug(winW, winH, 'winW:', $win.width(), 'border:', borderW, 'buttonsW:', buttonsW, 'calc:', calcW);
a34686e7c151 better height calculation, too
hertzhaft
parents: 779
diff changeset
942 return geom.size(calcW, calcH);
662
6a03dbd30e4f fix bug in birdview handling.
robcast
parents: 661
diff changeset
943 };
6a03dbd30e4f fix bug in birdview handling.
robcast
parents: 661
diff changeset
944
608
774a3f60efd5 start work on scaler call
robcast
parents: 607
diff changeset
945 // creates HTML structure for digilib in elem
627
c2566e470569 scalerImgLoaded sets up img trafo
robcast
parents: 626
diff changeset
946 var setupScalerDiv = function (data) {
c2566e470569 scalerImgLoaded sets up img trafo
robcast
parents: 626
diff changeset
947 var settings = data.settings;
647
2e817524992e set mark works now
robcast
parents: 645
diff changeset
948 var $elem = data.$elem;
725
936d88972cd0 put styles in stylesheet.
robcast
parents: 724
diff changeset
949 $elem.addClass('digilib');
728
84ad95fd3202 embedded mode state in cookie works now.
robcast
parents: 727
diff changeset
950 var $img;
84ad95fd3202 embedded mode state in cookie works now.
robcast
parents: 727
diff changeset
951 var scalerUrl;
608
774a3f60efd5 start work on scaler call
robcast
parents: 607
diff changeset
952 if (settings.interactionMode === 'fullscreen') {
728
84ad95fd3202 embedded mode state in cookie works now.
robcast
parents: 727
diff changeset
953 // fullscreen
725
936d88972cd0 put styles in stylesheet.
robcast
parents: 724
diff changeset
954 $elem.addClass('dl_fullscreen');
778
f8235c42f4a0 more preparations for SVG measuring tool
hertzhaft
parents: 777
diff changeset
955 var imgSize = getFullscreenImgSize(data);
650
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
956 // fitwidth/height omits destination height/width
728
84ad95fd3202 embedded mode state in cookie works now.
robcast
parents: 727
diff changeset
957 if (data.dlOpts.fitheight == null) {
650
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
958 settings.dw = imgSize.width;
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
959 }
728
84ad95fd3202 embedded mode state in cookie works now.
robcast
parents: 727
diff changeset
960 if (data.dlOpts.fitwidth == null) {
650
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
961 settings.dh = imgSize.height;
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
962 }
686
86c4174977f1 trying to work around IE bugs, debugging for IE
hertzhaft
parents: 682
diff changeset
963 scalerUrl = getScalerUrl(data);
728
84ad95fd3202 embedded mode state in cookie works now.
robcast
parents: 727
diff changeset
964 $img = $('<img/>');
609
435f81210a33 start work on scaler call
robcast
parents: 608
diff changeset
965 } else {
728
84ad95fd3202 embedded mode state in cookie works now.
robcast
parents: 727
diff changeset
966 // embedded mode -- try to keep img tag
725
936d88972cd0 put styles in stylesheet.
robcast
parents: 724
diff changeset
967 $elem.addClass('dl_embedded');
728
84ad95fd3202 embedded mode state in cookie works now.
robcast
parents: 727
diff changeset
968 scalerUrl = getScalerUrl(data);
623
7ba95f12d172 first attempt at switching images by page number
hertzhaft
parents: 622
diff changeset
969 $img = $elem.find('img');
613
53ee659e2d00 keeping img tag for embedded mode seems to work now
robcast
parents: 612
diff changeset
970 if ($img.length > 0) {
728
84ad95fd3202 embedded mode state in cookie works now.
robcast
parents: 727
diff changeset
971 oldUrl = $img.attr('src');
84ad95fd3202 embedded mode state in cookie works now.
robcast
parents: 727
diff changeset
972 if (oldUrl === scalerUrl) {
84ad95fd3202 embedded mode state in cookie works now.
robcast
parents: 727
diff changeset
973 console.debug("img detach:", $img);
84ad95fd3202 embedded mode state in cookie works now.
robcast
parents: 727
diff changeset
974 $img.detach();
84ad95fd3202 embedded mode state in cookie works now.
robcast
parents: 727
diff changeset
975 } else {
84ad95fd3202 embedded mode state in cookie works now.
robcast
parents: 727
diff changeset
976 $img = $('<img/>');
84ad95fd3202 embedded mode state in cookie works now.
robcast
parents: 727
diff changeset
977 }
613
53ee659e2d00 keeping img tag for embedded mode seems to work now
robcast
parents: 612
diff changeset
978 } else {
53ee659e2d00 keeping img tag for embedded mode seems to work now
robcast
parents: 612
diff changeset
979 $img = $('<img/>');
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
980 }
608
774a3f60efd5 start work on scaler call
robcast
parents: 607
diff changeset
981 }
779
62c3b902f878 better width calculation for scaler div
hertzhaft
parents: 778
diff changeset
982 // create new inner html, keep buttons
62c3b902f878 better width calculation for scaler div
hertzhaft
parents: 778
diff changeset
983 $elem.contents(":not(div.buttons)").remove();
613
53ee659e2d00 keeping img tag for embedded mode seems to work now
robcast
parents: 612
diff changeset
984 var $scaler = $('<div class="scaler"/>');
779
62c3b902f878 better width calculation for scaler div
hertzhaft
parents: 778
diff changeset
985 // scaler should be the first child element?
62c3b902f878 better width calculation for scaler div
hertzhaft
parents: 778
diff changeset
986 $elem.prepend($scaler);
613
53ee659e2d00 keeping img tag for embedded mode seems to work now
robcast
parents: 612
diff changeset
987 $scaler.append($img);
622
cc3d81f02d4e factored out display function
hertzhaft
parents: 621
diff changeset
988 $img.addClass('pic');
649
fd526464ae87 beter event handling for setMark...
robcast
parents: 648
diff changeset
989 data.$scaler = $scaler;
636
7049579a0097 last and next page works now
robcast
parents: 635
diff changeset
990 data.$img = $img;
687
97c01b911754 fix zoom bug introduced with last change
hertzhaft
parents: 686
diff changeset
991 // setup image load handler before setting the src attribute (IE bug)
97c01b911754 fix zoom bug introduced with last change
hertzhaft
parents: 686
diff changeset
992 $img.load(scalerImgLoadedHandler(data));
767
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
993 $img.error(function () {console.error("error loading scaler image");});
687
97c01b911754 fix zoom bug introduced with last change
hertzhaft
parents: 686
diff changeset
994 $img.attr('src', scalerUrl);
608
774a3f60efd5 start work on scaler call
robcast
parents: 607
diff changeset
995 };
615
ec131e9699a6 setup bird's eye view div
hertzhaft
parents: 614
diff changeset
996
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
997 // creates HTML structure for buttons in elem
697
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
998 var createButtons = function (data, buttonSetIdx) {
647
2e817524992e set mark works now
robcast
parents: 645
diff changeset
999 var $elem = data.$elem;
628
1f077f8afc5e changed methods to pass "data" around instead of "settings"
robcast
parents: 627
diff changeset
1000 var settings = data.settings;
665
3de056c96bcf small buttons for embedded mode
hertzhaft
parents: 664
diff changeset
1001 var mode = settings.interactionMode;
672
7f7536a5b6d9 image transform works now under rotation!!! (at least for multiples of 90deg)
robcast
parents: 671
diff changeset
1002 var buttonSettings = settings.buttonSettings[mode];
682
96a0395d6fb9 infrastructure for switchable button sets
robcast
parents: 681
diff changeset
1003 var buttonGroup = buttonSettings.buttonSets[buttonSetIdx];
690
7c8d5bfc5243 more or less buttons buttons - with animation :-)
robcast
parents: 687
diff changeset
1004 if (buttonGroup == null) {
7c8d5bfc5243 more or less buttons buttons - with animation :-)
robcast
parents: 687
diff changeset
1005 // no buttons here
7c8d5bfc5243 more or less buttons buttons - with animation :-)
robcast
parents: 687
diff changeset
1006 return;
7c8d5bfc5243 more or less buttons buttons - with animation :-)
robcast
parents: 687
diff changeset
1007 }
7c8d5bfc5243 more or less buttons buttons - with animation :-)
robcast
parents: 687
diff changeset
1008 var $buttonsDiv = $('<div class="buttons"/>');
682
96a0395d6fb9 infrastructure for switchable button sets
robcast
parents: 681
diff changeset
1009 var buttonNames = buttonSettings[buttonGroup];
96a0395d6fb9 infrastructure for switchable button sets
robcast
parents: 681
diff changeset
1010 for (var i = 0; i < buttonNames.length; i++) {
96a0395d6fb9 infrastructure for switchable button sets
robcast
parents: 681
diff changeset
1011 var buttonName = buttonNames[i];
96a0395d6fb9 infrastructure for switchable button sets
robcast
parents: 681
diff changeset
1012 var buttonConfig = settings.buttons[buttonName];
665
3de056c96bcf small buttons for embedded mode
hertzhaft
parents: 664
diff changeset
1013 // construct the button html
3de056c96bcf small buttons for embedded mode
hertzhaft
parents: 664
diff changeset
1014 var $button = $('<div class="button"></div>');
3de056c96bcf small buttons for embedded mode
hertzhaft
parents: 664
diff changeset
1015 var $a = $('<a/>');
3de056c96bcf small buttons for embedded mode
hertzhaft
parents: 664
diff changeset
1016 var $img = $('<img class="button"/>');
3de056c96bcf small buttons for embedded mode
hertzhaft
parents: 664
diff changeset
1017 $buttonsDiv.append($button);
3de056c96bcf small buttons for embedded mode
hertzhaft
parents: 664
diff changeset
1018 $button.append($a);
3de056c96bcf small buttons for embedded mode
hertzhaft
parents: 664
diff changeset
1019 $a.append($img);
3de056c96bcf small buttons for embedded mode
hertzhaft
parents: 664
diff changeset
1020 // add attributes and bindings
3de056c96bcf small buttons for embedded mode
hertzhaft
parents: 664
diff changeset
1021 $button.attr('title', buttonConfig.tooltip);
682
96a0395d6fb9 infrastructure for switchable button sets
robcast
parents: 681
diff changeset
1022 $button.addClass('button-' + buttonName);
665
3de056c96bcf small buttons for embedded mode
hertzhaft
parents: 664
diff changeset
1023 // create handler for the buttons
3de056c96bcf small buttons for embedded mode
hertzhaft
parents: 664
diff changeset
1024 $a.bind('click.digilib', (function () {
3de056c96bcf small buttons for embedded mode
hertzhaft
parents: 664
diff changeset
1025 // we create a new closure to capture the value of action
3de056c96bcf small buttons for embedded mode
hertzhaft
parents: 664
diff changeset
1026 var action = buttonConfig.onclick;
3de056c96bcf small buttons for embedded mode
hertzhaft
parents: 664
diff changeset
1027 if ($.isArray(action)) {
3de056c96bcf small buttons for embedded mode
hertzhaft
parents: 664
diff changeset
1028 // the handler function calls digilib with action and parameters
3de056c96bcf small buttons for embedded mode
hertzhaft
parents: 664
diff changeset
1029 return function (evt) {
3de056c96bcf small buttons for embedded mode
hertzhaft
parents: 664
diff changeset
1030 console.debug('click action=', action, ' evt=', evt);
3de056c96bcf small buttons for embedded mode
hertzhaft
parents: 664
diff changeset
1031 $elem.digilib.apply($elem, action);
3de056c96bcf small buttons for embedded mode
hertzhaft
parents: 664
diff changeset
1032 return false;
3de056c96bcf small buttons for embedded mode
hertzhaft
parents: 664
diff changeset
1033 };
3de056c96bcf small buttons for embedded mode
hertzhaft
parents: 664
diff changeset
1034 } else {
3de056c96bcf small buttons for embedded mode
hertzhaft
parents: 664
diff changeset
1035 // the handler function calls digilib with action
3de056c96bcf small buttons for embedded mode
hertzhaft
parents: 664
diff changeset
1036 return function (evt) {
3de056c96bcf small buttons for embedded mode
hertzhaft
parents: 664
diff changeset
1037 console.debug('click action=', action, ' evt=', evt);
3de056c96bcf small buttons for embedded mode
hertzhaft
parents: 664
diff changeset
1038 $elem.digilib(action);
3de056c96bcf small buttons for embedded mode
hertzhaft
parents: 664
diff changeset
1039 return false;
3de056c96bcf small buttons for embedded mode
hertzhaft
parents: 664
diff changeset
1040 };
3de056c96bcf small buttons for embedded mode
hertzhaft
parents: 664
diff changeset
1041 }
3de056c96bcf small buttons for embedded mode
hertzhaft
parents: 664
diff changeset
1042 })());
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
1043 $img.attr('src', buttonSettings.imagePath + buttonConfig.icon);
690
7c8d5bfc5243 more or less buttons buttons - with animation :-)
robcast
parents: 687
diff changeset
1044 }
662
6a03dbd30e4f fix bug in birdview handling.
robcast
parents: 661
diff changeset
1045 // make buttons div scroll if too large for window
6a03dbd30e4f fix bug in birdview handling.
robcast
parents: 661
diff changeset
1046 if ($buttonsDiv.height() > $(window).height() - 10) {
6a03dbd30e4f fix bug in birdview handling.
robcast
parents: 661
diff changeset
1047 $buttonsDiv.css('position', 'absolute');
6a03dbd30e4f fix bug in birdview handling.
robcast
parents: 661
diff changeset
1048 }
697
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
1049 // buttons hidden at first
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
1050 $buttonsDiv.hide();
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
1051 $elem.append($buttonsDiv);
682
96a0395d6fb9 infrastructure for switchable button sets
robcast
parents: 681
diff changeset
1052 if (data.$buttonSets == null) {
697
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
1053 // first button set
682
96a0395d6fb9 infrastructure for switchable button sets
robcast
parents: 681
diff changeset
1054 data.$buttonSets = [$buttonsDiv];
96a0395d6fb9 infrastructure for switchable button sets
robcast
parents: 681
diff changeset
1055 } else {
690
7c8d5bfc5243 more or less buttons buttons - with animation :-)
robcast
parents: 687
diff changeset
1056 $elem.append($buttonsDiv);
682
96a0395d6fb9 infrastructure for switchable button sets
robcast
parents: 681
diff changeset
1057 data.$buttonSets[buttonSetIdx] = $buttonsDiv;
96a0395d6fb9 infrastructure for switchable button sets
robcast
parents: 681
diff changeset
1058 }
612
fb94f1b74d59 bind data and actions to buttons
hertzhaft
parents: 611
diff changeset
1059 return $buttonsDiv;
610
cd9f657d49fa code for generating the buttons
hertzhaft
parents: 609
diff changeset
1060 };
615
ec131e9699a6 setup bird's eye view div
hertzhaft
parents: 614
diff changeset
1061
ec131e9699a6 setup bird's eye view div
hertzhaft
parents: 614
diff changeset
1062 // creates HTML structure for the bird's eye view in elem
638
830bf803d9f0 setupBirdDiv deferred until used
robcast
parents: 637
diff changeset
1063 var setupBirdDiv = function (data) {
647
2e817524992e set mark works now
robcast
parents: 645
diff changeset
1064 var $elem = data.$elem;
615
ec131e9699a6 setup bird's eye view div
hertzhaft
parents: 614
diff changeset
1065 // the bird's eye div
658
9ddcf0070122 split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 656
diff changeset
1066 var $birdDiv = $('<div class="birdview" style="display:none"/>');
615
ec131e9699a6 setup bird's eye view div
hertzhaft
parents: 614
diff changeset
1067 // the detail indicator frame
726
6224f64cbd58 fixed birdZoomDiv positioning in embedded mode
robcast
parents: 725
diff changeset
1068 var $birdZoom = $('<div class="birdzoom" style="display:none; background-color:transparent;"/>');
615
ec131e9699a6 setup bird's eye view div
hertzhaft
parents: 614
diff changeset
1069 // the small image
ec131e9699a6 setup bird's eye view div
hertzhaft
parents: 614
diff changeset
1070 var $birdImg = $('<img class="birdimg"/>');
723
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
1071 data.$birdDiv = $birdDiv;
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
1072 data.$birdZoom = $birdZoom;
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
1073 data.$birdImg = $birdImg;
658
9ddcf0070122 split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 656
diff changeset
1074 $elem.append($birdDiv);
678
d50d24b7fd95 first step at dragging birdview zoom indicator around
hertzhaft
parents: 677
diff changeset
1075 $birdDiv.append($birdZoom);
658
9ddcf0070122 split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 656
diff changeset
1076 $birdDiv.append($birdImg);
775
65cdf970934d minor precisations
hertzhaft
parents: 769
diff changeset
1077 // $birdZoom.css(data.settings.birdIndicatorStyle);
723
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
1078 var birdUrl = getBirdImgUrl(data);
658
9ddcf0070122 split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 656
diff changeset
1079 $birdImg.load(birdImgLoadedHandler(data));
767
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
1080 $birdImg.error(function () {console.error("error loading birdview image");});
723
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
1081 $birdImg.attr('src', birdUrl);
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
1082 };
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
1083
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
1084 // update bird's eye view
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
1085 var updateBirdDiv = function (data) {
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
1086 if (!data.settings.isBirdDivVisible) return;
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
1087 var $birdImg = data.$birdImg;
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
1088 var oldsrc = $birdImg.attr('src');
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
1089 var newsrc = getBirdImgUrl(data);
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
1090 if (oldsrc !== newsrc) {
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
1091 $birdImg.attr('src', newsrc);
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
1092 // onload handler re-renders
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
1093 } else {
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
1094 // re-render
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
1095 renderBirdArea(data);
730
fec653a3094e better birdMoveArea, now called setupBirdDrag.
robcast
parents: 728
diff changeset
1096 // enable click and drag
732
55f2dd197ca9 really renamed birdMoveArea, really merged fix for no zoom area.
robcast
parents: 731
diff changeset
1097 setupBirdDrag(data);
723
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
1098 }
719
3da6db751448 change birdview along with scalerUrl in embedded mode
hertzhaft
parents: 718
diff changeset
1099 };
745
ad483c008159 move birdview zoom indicator along with zoom drag
hertzhaft
parents: 744
diff changeset
1100
625
5f3564a21a9c small merge and fix
robcast
parents: 619 620
diff changeset
1101 // creates HTML structure for the about view in elem
628
1f077f8afc5e changed methods to pass "data" around instead of "settings"
robcast
parents: 627
diff changeset
1102 var setupAboutDiv = function (data) {
647
2e817524992e set mark works now
robcast
parents: 645
diff changeset
1103 var $elem = data.$elem;
628
1f077f8afc5e changed methods to pass "data" around instead of "settings"
robcast
parents: 627
diff changeset
1104 var settings = data.settings;
625
5f3564a21a9c small merge and fix
robcast
parents: 619 620
diff changeset
1105 var $aboutDiv = $('<div class="about" style="display:none"/>');
616
55e06ebb879f setup the 'about' window
hertzhaft
parents: 615
diff changeset
1106 var $header = $('<p>Digilib Graphic Viewer</p>');
55e06ebb879f setup the 'about' window
hertzhaft
parents: 615
diff changeset
1107 var $link = $('<a/>');
55e06ebb879f setup the 'about' window
hertzhaft
parents: 615
diff changeset
1108 var $logo = $('<img class="logo" title="digilib"/>');
55e06ebb879f setup the 'about' window
hertzhaft
parents: 615
diff changeset
1109 var $content = $('<p/>');
55e06ebb879f setup the 'about' window
hertzhaft
parents: 615
diff changeset
1110 $elem.append($aboutDiv);
55e06ebb879f setup the 'about' window
hertzhaft
parents: 615
diff changeset
1111 $aboutDiv.append($header);
55e06ebb879f setup the 'about' window
hertzhaft
parents: 615
diff changeset
1112 $aboutDiv.append($link);
55e06ebb879f setup the 'about' window
hertzhaft
parents: 615
diff changeset
1113 $aboutDiv.append($content);
55e06ebb879f setup the 'about' window
hertzhaft
parents: 615
diff changeset
1114 $link.append($logo);
55e06ebb879f setup the 'about' window
hertzhaft
parents: 615
diff changeset
1115 $logo.attr('src', settings.logoUrl);
635
7293a42f44f5 changed button onclick binding to use closure
robcast
parents: 634
diff changeset
1116 $link.attr('href', settings.homeUrl);
616
55e06ebb879f setup the 'about' window
hertzhaft
parents: 615
diff changeset
1117 $content.text('Version: ' + settings.version);
775
65cdf970934d minor precisations
hertzhaft
parents: 769
diff changeset
1118 data.$aboutDiv = $aboutDiv;
635
7293a42f44f5 changed button onclick binding to use closure
robcast
parents: 634
diff changeset
1119 // click hides
775
65cdf970934d minor precisations
hertzhaft
parents: 769
diff changeset
1120 $aboutDiv.bind('click.digilib', function () {
65cdf970934d minor precisations
hertzhaft
parents: 769
diff changeset
1121 actions['showAboutDiv'](data, false);
710
d533bdf0e64e cosmetics
hertzhaft
parents: 709
diff changeset
1122 });
634
34ee220a664b trying showAboutDivFn...
robcast
parents: 633
diff changeset
1123 };
34ee220a664b trying showAboutDivFn...
robcast
parents: 633
diff changeset
1124
635
7293a42f44f5 changed button onclick binding to use closure
robcast
parents: 634
diff changeset
1125 // shows some window e.g. 'about' (toggle visibility if show is null)
7293a42f44f5 changed button onclick binding to use closure
robcast
parents: 634
diff changeset
1126 var showDiv = function (isVisible, $div, show) {
645
91d168f7dd0d small improvement
robcast
parents: 644
diff changeset
1127 if (show == null) {
635
7293a42f44f5 changed button onclick binding to use closure
robcast
parents: 634
diff changeset
1128 // toggle visibility
7293a42f44f5 changed button onclick binding to use closure
robcast
parents: 634
diff changeset
1129 isVisible = !isVisible;
7293a42f44f5 changed button onclick binding to use closure
robcast
parents: 634
diff changeset
1130 } else {
7293a42f44f5 changed button onclick binding to use closure
robcast
parents: 634
diff changeset
1131 // set visibility
7293a42f44f5 changed button onclick binding to use closure
robcast
parents: 634
diff changeset
1132 isVisible = show;
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
1133 }
635
7293a42f44f5 changed button onclick binding to use closure
robcast
parents: 634
diff changeset
1134 if (isVisible) {
7293a42f44f5 changed button onclick binding to use closure
robcast
parents: 634
diff changeset
1135 $div.fadeIn();
7293a42f44f5 changed button onclick binding to use closure
robcast
parents: 634
diff changeset
1136 } else {
7293a42f44f5 changed button onclick binding to use closure
robcast
parents: 634
diff changeset
1137 $div.fadeOut();
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
1138 }
635
7293a42f44f5 changed button onclick binding to use closure
robcast
parents: 634
diff changeset
1139 return isVisible;
634
34ee220a664b trying showAboutDivFn...
robcast
parents: 633
diff changeset
1140 };
616
55e06ebb879f setup the 'about' window
hertzhaft
parents: 615
diff changeset
1141
697
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
1142 // display more (or less) button sets
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
1143 var showButtons = function (data, more, setIdx, animated) {
711
eab17859be79 improved button positioning
robcast
parents: 710
diff changeset
1144 var atime = animated ? 'fast': 0;
697
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
1145 if (more) {
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
1146 // add set
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
1147 var $otherSets = data.$elem.find('div.buttons:visible');
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
1148 var $set;
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
1149 if (data.$buttonSets && data.$buttonSets[setIdx]) {
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
1150 // set exists
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
1151 $set = data.$buttonSets[setIdx];
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
1152 } else {
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
1153 $set = createButtons(data, setIdx);
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
1154 }
697
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
1155 if ($set == null) return false;
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
1156 // include border in calculation
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
1157 var btnWidth = $set.outerWidth();
779
62c3b902f878 better width calculation for scaler div
hertzhaft
parents: 778
diff changeset
1158 // console.debug("btnWidth", btnWidth);
697
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
1159 // move remaining sets left and show new set
711
eab17859be79 improved button positioning
robcast
parents: 710
diff changeset
1160 if ($otherSets.length > 0) {
eab17859be79 improved button positioning
robcast
parents: 710
diff changeset
1161 $otherSets.animate({right : '+='+btnWidth+'px'}, atime,
eab17859be79 improved button positioning
robcast
parents: 710
diff changeset
1162 function () {$set.show();});
697
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
1163 } else {
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
1164 $set.show();
711
eab17859be79 improved button positioning
robcast
parents: 710
diff changeset
1165 }
697
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
1166 } else {
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
1167 // remove set
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
1168 var $set = data.$buttonSets[setIdx];
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
1169 if ($set == null) return false;
779
62c3b902f878 better width calculation for scaler div
hertzhaft
parents: 778
diff changeset
1170 var btnWidth = $set.outerWidth();
697
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
1171 // hide last set
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
1172 $set.hide();
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
1173 // take remaining sets and move right
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
1174 var $otherSets = data.$elem.find('div.buttons:visible');
711
eab17859be79 improved button positioning
robcast
parents: 710
diff changeset
1175 $otherSets.animate({right : '-='+btnWidth+'px'}, atime);
eab17859be79 improved button positioning
robcast
parents: 710
diff changeset
1176 }
697
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
1177 return true;
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
1178 };
f60a45e7abb3 better handling of button sets
robcast
parents: 695
diff changeset
1179
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
1180 // check for buttons to highlight
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
1181 var highlightButtons = function (data, name, on) {
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
1182 var $buttons = data.$elem.find('div.buttons:visible'); // include hidden?
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
1183 // add a class for highlighted button
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
1184 var highlight = function (name, on) {
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
1185 var $button = $buttons.find('div.button-' + name);
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
1186 if (on) {
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
1187 $button.addClass('button-on');
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
1188 } else {
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
1189 $button.removeClass('button-on');
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
1190 }
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
1191 };
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
1192 if (name != null) {
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
1193 return highlight(name, on);
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
1194 }
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
1195 var flags = data.scalerFlags;
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
1196 var settings = data.settings;
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
1197 highlight('rot', settings.rot);
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
1198 highlight('brgt', settings.brgt);
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
1199 highlight('cont', settings.cont);
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
1200 highlight('bird', settings.isBirdDivVisible);
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
1201 highlight('help', settings.isAboutDivVisible);
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
1202 highlight('hmir', flags.hmir);
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
1203 highlight('vmir', flags.vmir);
766
1eef11308195 copy/paste relict
hertzhaft
parents: 765
diff changeset
1204 highlight('quality', flags.q1 || flags.q2);
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
1205 highlight('zoomin', ! isFullArea(data.zoomArea));
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 763
diff changeset
1206 };
775
65cdf970934d minor precisations
hertzhaft
parents: 769
diff changeset
1207
658
9ddcf0070122 split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 656
diff changeset
1208 // create Transform from area and $img
772
33b5477f8d84 original size mode works with zoom area now. needs error handling.
robcast
parents: 769
diff changeset
1209 var getImgTrafo = function ($img, area, rot, hmir, vmir, mode, data) {
658
9ddcf0070122 split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 656
diff changeset
1210 var picrect = geom.rectangle($img);
763
31664707999e pixel-by-pixel scale mode works with zoom area. (not in all cases)
robcast
parents: 761
diff changeset
1211 if (mode != null) {
772
33b5477f8d84 original size mode works with zoom area now. needs error handling.
robcast
parents: 769
diff changeset
1212 var imgInfo = data.imgInfo;
763
31664707999e pixel-by-pixel scale mode works with zoom area. (not in all cases)
robcast
parents: 761
diff changeset
1213 if (mode === 'pixel') {
31664707999e pixel-by-pixel scale mode works with zoom area. (not in all cases)
robcast
parents: 761
diff changeset
1214 // scaler mo=clip - image area size does not come from ww, wh
31664707999e pixel-by-pixel scale mode works with zoom area. (not in all cases)
robcast
parents: 761
diff changeset
1215 if (imgInfo != null) {
31664707999e pixel-by-pixel scale mode works with zoom area. (not in all cases)
robcast
parents: 761
diff changeset
1216 area.width = picrect.width / imgInfo.width;
31664707999e pixel-by-pixel scale mode works with zoom area. (not in all cases)
robcast
parents: 761
diff changeset
1217 area.height = picrect.height / imgInfo.height;
31664707999e pixel-by-pixel scale mode works with zoom area. (not in all cases)
robcast
parents: 761
diff changeset
1218 } else {
31664707999e pixel-by-pixel scale mode works with zoom area. (not in all cases)
robcast
parents: 761
diff changeset
1219 console.error("No image info for pixel mode!");
31664707999e pixel-by-pixel scale mode works with zoom area. (not in all cases)
robcast
parents: 761
diff changeset
1220 }
31664707999e pixel-by-pixel scale mode works with zoom area. (not in all cases)
robcast
parents: 761
diff changeset
1221 }
772
33b5477f8d84 original size mode works with zoom area now. needs error handling.
robcast
parents: 769
diff changeset
1222 if (mode === 'size') {
33b5477f8d84 original size mode works with zoom area now. needs error handling.
robcast
parents: 769
diff changeset
1223 // scaler mo=osize - image area size does not come from ww, wh
33b5477f8d84 original size mode works with zoom area now. needs error handling.
robcast
parents: 769
diff changeset
1224 if (imgInfo != null) {
33b5477f8d84 original size mode works with zoom area now. needs error handling.
robcast
parents: 769
diff changeset
1225 var ddpi = parseFloat(data.settings.ddpi);
33b5477f8d84 original size mode works with zoom area now. needs error handling.
robcast
parents: 769
diff changeset
1226 area.width = (picrect.width / ddpi) / (imgInfo.width / imgInfo.dpi_x);
33b5477f8d84 original size mode works with zoom area now. needs error handling.
robcast
parents: 769
diff changeset
1227 area.height = (picrect.height / ddpi) / (imgInfo.height / imgInfo.dpi_y);
33b5477f8d84 original size mode works with zoom area now. needs error handling.
robcast
parents: 769
diff changeset
1228 } else {
33b5477f8d84 original size mode works with zoom area now. needs error handling.
robcast
parents: 769
diff changeset
1229 console.error("No image info for original size mode!");
33b5477f8d84 original size mode works with zoom area now. needs error handling.
robcast
parents: 769
diff changeset
1230 }
33b5477f8d84 original size mode works with zoom area now. needs error handling.
robcast
parents: 769
diff changeset
1231 }
763
31664707999e pixel-by-pixel scale mode works with zoom area. (not in all cases)
robcast
parents: 761
diff changeset
1232 }
658
9ddcf0070122 split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 656
diff changeset
1233 var trafo = geom.transform();
675
ca37fb4b1e72 transformation with mirror works now too!
robcast
parents: 673
diff changeset
1234 // move zoom area offset to center
658
9ddcf0070122 split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 656
diff changeset
1235 trafo.concat(trafo.getTranslation(geom.position(-area.x, -area.y)));
675
ca37fb4b1e72 transformation with mirror works now too!
robcast
parents: 673
diff changeset
1236 // scale zoom area size to [1,1]
658
9ddcf0070122 split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 656
diff changeset
1237 trafo.concat(trafo.getScale(geom.size(1/area.width, 1/area.height)));
675
ca37fb4b1e72 transformation with mirror works now too!
robcast
parents: 673
diff changeset
1238 // rotate and mirror (around transformed image center i.e. [0.5,0.5])
ca37fb4b1e72 transformation with mirror works now too!
robcast
parents: 673
diff changeset
1239 if (rot || hmir || vmir) {
ca37fb4b1e72 transformation with mirror works now too!
robcast
parents: 673
diff changeset
1240 // move [0.5,0.5] to center
ca37fb4b1e72 transformation with mirror works now too!
robcast
parents: 673
diff changeset
1241 trafo.concat(trafo.getTranslation(geom.position(-0.5, -0.5)));
ca37fb4b1e72 transformation with mirror works now too!
robcast
parents: 673
diff changeset
1242 if (hmir) {
ca37fb4b1e72 transformation with mirror works now too!
robcast
parents: 673
diff changeset
1243 // mirror about center
ca37fb4b1e72 transformation with mirror works now too!
robcast
parents: 673
diff changeset
1244 trafo.concat(trafo.getMirror('y'));
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
1245 }
675
ca37fb4b1e72 transformation with mirror works now too!
robcast
parents: 673
diff changeset
1246 if (vmir) {
ca37fb4b1e72 transformation with mirror works now too!
robcast
parents: 673
diff changeset
1247 // mirror about center
ca37fb4b1e72 transformation with mirror works now too!
robcast
parents: 673
diff changeset
1248 trafo.concat(trafo.getMirror('x'));
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
1249 }
675
ca37fb4b1e72 transformation with mirror works now too!
robcast
parents: 673
diff changeset
1250 if (rot) {
ca37fb4b1e72 transformation with mirror works now too!
robcast
parents: 673
diff changeset
1251 // rotate around center
ca37fb4b1e72 transformation with mirror works now too!
robcast
parents: 673
diff changeset
1252 trafo.concat(trafo.getRotation(parseFloat(rot)));
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
1253 }
675
ca37fb4b1e72 transformation with mirror works now too!
robcast
parents: 673
diff changeset
1254 // move back
ca37fb4b1e72 transformation with mirror works now too!
robcast
parents: 673
diff changeset
1255 trafo.concat(trafo.getTranslation(geom.position(0.5, 0.5)));
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
1256 }
664
d5a5ee4cbf04 work on getting transformation to work with rotation (currently still doesn't)
robcast
parents: 663
diff changeset
1257 // scale to screen position and size
658
9ddcf0070122 split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 656
diff changeset
1258 trafo.concat(trafo.getScale(picrect));
9ddcf0070122 split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 656
diff changeset
1259 trafo.concat(trafo.getTranslation(picrect));
9ddcf0070122 split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 656
diff changeset
1260 return trafo;
655
72acc47f1831 first try at birdview indicator
hertzhaft
parents: 653
diff changeset
1261 };
678
d50d24b7fd95 first step at dragging birdview zoom indicator around
hertzhaft
parents: 677
diff changeset
1262
767
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
1263 // update scaler image transform
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
1264 var updateImgTrafo = function (data) {
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
1265 var $img = data.$img;
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
1266 if ($img != null && $img.get(0).complete) {
760
f0be4432f515 primitive plugin extension mechanism - unsure how useful this is
hertzhaft
parents: 755
diff changeset
1267 // create Transform from current zoomArea and image size
675
ca37fb4b1e72 transformation with mirror works now too!
robcast
parents: 673
diff changeset
1268 data.imgTrafo = getImgTrafo($img, data.zoomArea,
763
31664707999e pixel-by-pixel scale mode works with zoom area. (not in all cases)
robcast
parents: 761
diff changeset
1269 data.settings.rot, data.scalerFlags.hmir, data.scalerFlags.vmir,
772
33b5477f8d84 original size mode works with zoom area now. needs error handling.
robcast
parents: 769
diff changeset
1270 data.scaleMode, data);
760
f0be4432f515 primitive plugin extension mechanism - unsure how useful this is
hertzhaft
parents: 755
diff changeset
1271 // console.debug("imgTrafo=", data.imgTrafo);
767
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
1272 }
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
1273 };
775
65cdf970934d minor precisations
hertzhaft
parents: 769
diff changeset
1274
767
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
1275 // returns function for load event of scaler img
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
1276 var scalerImgLoadedHandler = function (data) {
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
1277 return function () {
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
1278 var $img = $(this);
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
1279 console.debug("scaler img loaded=",$img);
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
1280 var $scaler = data.$scaler;
760
f0be4432f515 primitive plugin extension mechanism - unsure how useful this is
hertzhaft
parents: 755
diff changeset
1281 var imgRect = geom.rectangle($img);
733
25f2898696a2 fixed setupZoomDrag
robcast
parents: 732
diff changeset
1282 // adjust scaler div size
738
b4460f0a540d small improvements
robcast
parents: 737
diff changeset
1283 imgRect.adjustDiv($scaler);
715
c1b1c463bc44 getting rid of bg div in zoomDrag
hertzhaft
parents: 714
diff changeset
1284 // show image in case it was hidden (for example in zoomDrag)
733
25f2898696a2 fixed setupZoomDrag
robcast
parents: 732
diff changeset
1285 $img.css('visibility', 'visible');
741
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
1286 $scaler.css({'opacity' : '1', 'background-image' : 'none'});
767
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
1287 // update display (render marks, etc.)
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
1288 updateDisplay(data);
658
9ddcf0070122 split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 656
diff changeset
1289 };
9ddcf0070122 split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 656
diff changeset
1290 };
9ddcf0070122 split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 656
diff changeset
1291
9ddcf0070122 split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 656
diff changeset
1292 // returns function for load event of bird's eye view img
9ddcf0070122 split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 656
diff changeset
1293 var birdImgLoadedHandler = function (data) {
9ddcf0070122 split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 656
diff changeset
1294 return function () {
755
4c0cc97a6399 ugly workaround for IE7 image load handler bug
hertzhaft
parents: 754
diff changeset
1295 var $birdImg = $(this);
4c0cc97a6399 ugly workaround for IE7 image load handler bug
hertzhaft
parents: 754
diff changeset
1296 var birdRect = geom.rectangle($birdImg);
4c0cc97a6399 ugly workaround for IE7 image load handler bug
hertzhaft
parents: 754
diff changeset
1297 console.debug("birdImg loaded!", $birdImg, "rect=", birdRect, "data=", data);
4c0cc97a6399 ugly workaround for IE7 image load handler bug
hertzhaft
parents: 754
diff changeset
1298 if (birdRect.width === 0) {
4c0cc97a6399 ugly workaround for IE7 image load handler bug
hertzhaft
parents: 754
diff changeset
1299 // malheureusement IE7 calls load handler when there is no size info yet
761
16778bd2de7c added setScaleMode. no compensation for change in scaling yet.
robcast
parents: 760
diff changeset
1300 setTimeout(function () { $birdImg.triggerHandler('load'); }, 200);
755
4c0cc97a6399 ugly workaround for IE7 image load handler bug
hertzhaft
parents: 754
diff changeset
1301 }
767
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
1302 // update display (zoom area indicator)
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
1303 updateDisplay(data);
613
53ee659e2d00 keeping img tag for embedded mode seems to work now
robcast
parents: 612
diff changeset
1304 };
53ee659e2d00 keeping img tag for embedded mode seems to work now
robcast
parents: 612
diff changeset
1305 };
633
73357f3dec20 rendering marks works now
robcast
parents: 631
diff changeset
1306
73357f3dec20 rendering marks works now
robcast
parents: 631
diff changeset
1307 // place marks on the image
73357f3dec20 rendering marks works now
robcast
parents: 631
diff changeset
1308 var renderMarks = function (data) {
767
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
1309 if (data.$img == null || data.imgTrafo == null) return;
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
1310 console.debug("rendermarks img=",data.$img," imgtrafo=",data.imgTrafo);
647
2e817524992e set mark works now
robcast
parents: 645
diff changeset
1311 var $elem = data.$elem;
643
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
1312 var marks = data.marks;
742
2b6d3ef57d68 fixed problem with setmark, zoomarea and zoomDrag handlers.
robcast
parents: 741
diff changeset
1313 // clear marks
2b6d3ef57d68 fixed problem with setmark, zoomarea and zoomDrag handlers.
robcast
parents: 741
diff changeset
1314 $elem.find('div.mark').remove();
633
73357f3dec20 rendering marks works now
robcast
parents: 631
diff changeset
1315 for (var i = 0; i < marks.length; i++) {
73357f3dec20 rendering marks works now
robcast
parents: 631
diff changeset
1316 var mark = marks[i];
643
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
1317 if (data.zoomArea.containsPosition(mark)) {
633
73357f3dec20 rendering marks works now
robcast
parents: 631
diff changeset
1318 var mpos = data.imgTrafo.transform(mark);
664
d5a5ee4cbf04 work on getting transformation to work with rotation (currently still doesn't)
robcast
parents: 663
diff changeset
1319 console.debug("renderMarks: mpos=",mpos);
633
73357f3dec20 rendering marks works now
robcast
parents: 631
diff changeset
1320 // create mark
73357f3dec20 rendering marks works now
robcast
parents: 631
diff changeset
1321 var html = '<div class="mark">'+(i+1)+'</div>';
73357f3dec20 rendering marks works now
robcast
parents: 631
diff changeset
1322 var $mark = $(html);
73357f3dec20 rendering marks works now
robcast
parents: 631
diff changeset
1323 $elem.append($mark);
742
2b6d3ef57d68 fixed problem with setmark, zoomarea and zoomDrag handlers.
robcast
parents: 741
diff changeset
1324 mpos.adjustDiv($mark);
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
1325 }
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
1326 }
633
73357f3dec20 rendering marks works now
robcast
parents: 631
diff changeset
1327 };
655
72acc47f1831 first try at birdview indicator
hertzhaft
parents: 653
diff changeset
1328
677
0233e39305d3 took renderBirdArea hooks out of scalerImgLoaded into redisplay.
robcast
parents: 676
diff changeset
1329 // show zoom area indicator on bird's eye view
723
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
1330 var renderBirdArea = function (data) {
772
33b5477f8d84 original size mode works with zoom area now. needs error handling.
robcast
parents: 769
diff changeset
1331 if (data.$birdImg == null || ! data.$birdImg.get(0).complete) return;
678
d50d24b7fd95 first step at dragging birdview zoom indicator around
hertzhaft
parents: 677
diff changeset
1332 var $birdZoom = data.$birdZoom;
659
9da101c94465 small birdview improvements
hertzhaft
parents: 658
diff changeset
1333 var zoomArea = data.zoomArea;
723
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
1334 var normalSize = isFullArea(zoomArea);
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
1335 if (normalSize) {
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
1336 $birdZoom.hide();
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
1337 return;
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
1338 } else {
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
1339 $birdZoom.show();
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
1340 }
755
4c0cc97a6399 ugly workaround for IE7 image load handler bug
hertzhaft
parents: 754
diff changeset
1341 // create Transform from current area and picsize
735
790a7673bef0 improved some embedded buttons; fixed reset function
hertzhaft
parents: 733
diff changeset
1342 data.birdTrafo = getImgTrafo(data.$birdImg, FULL_AREA);
738
b4460f0a540d small improvements
robcast
parents: 737
diff changeset
1343 var zoomRect = data.birdTrafo.transform(zoomArea);
755
4c0cc97a6399 ugly workaround for IE7 image load handler bug
hertzhaft
parents: 754
diff changeset
1344 console.debug("renderBirdArea:", zoomRect, "zoomArea:", zoomArea, "$birdTrafo:", data.birdTrafo);
741
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
1345 // acount for border width
775
65cdf970934d minor precisations
hertzhaft
parents: 769
diff changeset
1346 var bw = getBorderWidth($birdZoom);
65cdf970934d minor precisations
hertzhaft
parents: 769
diff changeset
1347 zoomRect.addPosition({x : -bw, y : -bw});
670
11d96bc0ac09 birdview: nice animation for embedded mode, none for fullscreen
hertzhaft
parents: 669
diff changeset
1348 if (data.settings.interactionMode === 'fullscreen') {
11d96bc0ac09 birdview: nice animation for embedded mode, none for fullscreen
hertzhaft
parents: 669
diff changeset
1349 // no animation for fullscreen
738
b4460f0a540d small improvements
robcast
parents: 737
diff changeset
1350 zoomRect.adjustDiv($birdZoom);
723
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
1351 } else {
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
1352 // nice animation for embedded mode :-)
741
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
1353 // correct offsetParent because animate doesn't use offset
726
6224f64cbd58 fixed birdZoomDiv positioning in embedded mode
robcast
parents: 725
diff changeset
1354 var ppos = $birdZoom.offsetParent().offset();
738
b4460f0a540d small improvements
robcast
parents: 737
diff changeset
1355 var dest = {
755
4c0cc97a6399 ugly workaround for IE7 image load handler bug
hertzhaft
parents: 754
diff changeset
1356 left : (zoomRect.x - ppos.left) + 'px',
4c0cc97a6399 ugly workaround for IE7 image load handler bug
hertzhaft
parents: 754
diff changeset
1357 top : (zoomRect.y - ppos.top) + 'px',
4c0cc97a6399 ugly workaround for IE7 image load handler bug
hertzhaft
parents: 754
diff changeset
1358 width : zoomRect.width,
4c0cc97a6399 ugly workaround for IE7 image load handler bug
hertzhaft
parents: 754
diff changeset
1359 height : zoomRect.height
4c0cc97a6399 ugly workaround for IE7 image load handler bug
hertzhaft
parents: 754
diff changeset
1360 };
738
b4460f0a540d small improvements
robcast
parents: 737
diff changeset
1361 $birdZoom.animate(dest);
723
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
1362 }
664
d5a5ee4cbf04 work on getting transformation to work with rotation (currently still doesn't)
robcast
parents: 663
diff changeset
1363 };
659
9da101c94465 small birdview improvements
hertzhaft
parents: 658
diff changeset
1364
647
2e817524992e set mark works now
robcast
parents: 645
diff changeset
1365 // zooms by the given factor
643
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
1366 var zoomBy = function(data, factor) {
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
1367 var area = data.zoomArea;
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
1368 var newarea = area.copy();
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
1369 // scale
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
1370 newarea.width /= factor;
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
1371 newarea.height /= factor;
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
1372 // and recenter
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
1373 newarea.x -= 0.5 * (newarea.width - area.width);
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
1374 newarea.y -= 0.5 * (newarea.height - area.height);
735
790a7673bef0 improved some embedded buttons; fixed reset function
hertzhaft
parents: 733
diff changeset
1375 newarea = FULL_AREA.fit(newarea);
643
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
1376 data.zoomArea = newarea;
644
ee8ccd84c5f8 reload doesn't take list of changed parameters any more
robcast
parents: 643
diff changeset
1377 redisplay(data);
643
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
1378 };
c108607e1bc0 zoomin and -out works now
robcast
parents: 641
diff changeset
1379
647
2e817524992e set mark works now
robcast
parents: 645
diff changeset
1380 // add a mark where clicked
2e817524992e set mark works now
robcast
parents: 645
diff changeset
1381 var setMark = function (data) {
649
fd526464ae87 beter event handling for setMark...
robcast
parents: 648
diff changeset
1382 var $scaler = data.$scaler;
742
2b6d3ef57d68 fixed problem with setmark, zoomarea and zoomDrag handlers.
robcast
parents: 741
diff changeset
1383 // unbind other handler
2b6d3ef57d68 fixed problem with setmark, zoomarea and zoomDrag handlers.
robcast
parents: 741
diff changeset
1384 $scaler.unbind(".dlZoomDrag");
647
2e817524992e set mark works now
robcast
parents: 645
diff changeset
1385 // start event capturing
742
2b6d3ef57d68 fixed problem with setmark, zoomarea and zoomDrag handlers.
robcast
parents: 741
diff changeset
1386 $scaler.one('mousedown.dlSetMark', function (evt) {
647
2e817524992e set mark works now
robcast
parents: 645
diff changeset
1387 // event handler adding a new mark
742
2b6d3ef57d68 fixed problem with setmark, zoomarea and zoomDrag handlers.
robcast
parents: 741
diff changeset
1388 console.log("setmark at=", evt);
672
7f7536a5b6d9 image transform works now under rotation!!! (at least for multiples of 90deg)
robcast
parents: 671
diff changeset
1389 var mpos = geom.position(evt);
647
2e817524992e set mark works now
robcast
parents: 645
diff changeset
1390 var pos = data.imgTrafo.invtransform(mpos);
2e817524992e set mark works now
robcast
parents: 645
diff changeset
1391 data.marks.push(pos);
2e817524992e set mark works now
robcast
parents: 645
diff changeset
1392 redisplay(data);
742
2b6d3ef57d68 fixed problem with setmark, zoomarea and zoomDrag handlers.
robcast
parents: 741
diff changeset
1393 return false;
647
2e817524992e set mark works now
robcast
parents: 645
diff changeset
1394 });
2e817524992e set mark works now
robcast
parents: 645
diff changeset
1395 };
668
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
1396
742
2b6d3ef57d68 fixed problem with setmark, zoomarea and zoomDrag handlers.
robcast
parents: 741
diff changeset
1397 // zoom to the area around two clicked points
654
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
1398 var zoomArea = function(data) {
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
1399 $elem = data.$elem;
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
1400 $scaler = data.$scaler;
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
1401 var pt1, pt2;
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
1402 var $zoomDiv = $('<div class="zoomrect" style="display:none"/>');
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
1403 $elem.append($zoomDiv);
775
65cdf970934d minor precisations
hertzhaft
parents: 769
diff changeset
1404 // $zoomDiv.css(data.settings.zoomrectStyle);
654
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
1405 var picRect = geom.rectangle($scaler);
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
1406 // FIX ME: is there a way to query the border width from CSS info?
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
1407 // rect.x -= 2; // account for overlay borders
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
1408 // rect.y -= 2;
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
1409
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
1410 var zoomStart = function (evt) {
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
1411 pt1 = geom.position(evt);
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
1412 // setup and show zoom div
738
b4460f0a540d small improvements
robcast
parents: 737
diff changeset
1413 pt1.adjustDiv($zoomDiv);
668
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
1414 $zoomDiv.width(0).height(0);
654
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
1415 $zoomDiv.show();
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
1416 // register events
738
b4460f0a540d small improvements
robcast
parents: 737
diff changeset
1417 $elem.bind("mousemove.dlZoomArea", zoomMove);
b4460f0a540d small improvements
robcast
parents: 737
diff changeset
1418 $elem.bind("mouseup.dlZoomArea", zoomEnd);
654
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
1419 return false;
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
1420 };
668
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
1421
741
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
1422 // mouse move handler
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
1423 var zoomMove = function (evt) {
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
1424 pt2 = geom.position(evt);
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
1425 var rect = geom.rectangle(pt1, pt2);
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
1426 rect.clipTo(picRect);
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
1427 // update zoom div
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
1428 rect.adjustDiv($zoomDiv);
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
1429 return false;
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
1430 };
745
ad483c008159 move birdview zoom indicator along with zoom drag
hertzhaft
parents: 744
diff changeset
1431
654
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
1432 // mouseup handler: end moving
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
1433 var zoomEnd = function (evt) {
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
1434 pt2 = geom.position(evt);
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
1435 // assume a click and continue if the area is too small
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
1436 var clickRect = geom.rectangle(pt1, pt2);
710
d533bdf0e64e cosmetics
hertzhaft
parents: 709
diff changeset
1437 if (clickRect.getArea() <= 5) return false;
654
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
1438 // hide zoom div
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
1439 $zoomDiv.remove();
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
1440 // unregister events
738
b4460f0a540d small improvements
robcast
parents: 737
diff changeset
1441 $elem.unbind("mousemove.dlZoomArea", zoomMove);
b4460f0a540d small improvements
robcast
parents: 737
diff changeset
1442 $elem.unbind("mouseup.dlZoomArea", zoomEnd);
654
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
1443 // clip and transform
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
1444 clickRect.clipTo(picRect);
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
1445 var area = data.imgTrafo.invtransform(clickRect);
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
1446 data.zoomArea = area;
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
1447 // zoomed is always fit
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
1448 data.settings.ws = 1;
738
b4460f0a540d small improvements
robcast
parents: 737
diff changeset
1449 delete data.dlOpts.fitwidth;
b4460f0a540d small improvements
robcast
parents: 737
diff changeset
1450 delete data.dlOpts.fitheight;
654
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
1451 redisplay(data);
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
1452 return false;
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
1453 };
668
ad4a2edcbdbc make zoomarea and birdview work in embedded mode
hertzhaft
parents: 665
diff changeset
1454
742
2b6d3ef57d68 fixed problem with setmark, zoomarea and zoomDrag handlers.
robcast
parents: 741
diff changeset
1455 // clear old handler (also ZoomDrag)
738
b4460f0a540d small improvements
robcast
parents: 737
diff changeset
1456 $scaler.unbind('.dlZoomArea');
742
2b6d3ef57d68 fixed problem with setmark, zoomarea and zoomDrag handlers.
robcast
parents: 741
diff changeset
1457 $scaler.unbind(".dlZoomDrag");
738
b4460f0a540d small improvements
robcast
parents: 737
diff changeset
1458 $elem.unbind('.dlZoomArea');
654
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
1459 // bind start zoom handler
738
b4460f0a540d small improvements
robcast
parents: 737
diff changeset
1460 $scaler.one('mousedown.dlZoomArea', zoomStart);
654
b3c05e1568cf zoomarea works now
robcast
parents: 653
diff changeset
1461 };
647
2e817524992e set mark works now
robcast
parents: 645
diff changeset
1462
723
123706249227 improved bird image handling.
robcast
parents: 719
diff changeset
1463 // bird's eye view zoom area click and drag handler
732
55f2dd197ca9 really renamed birdMoveArea, really merged fix for no zoom area.
robcast
parents: 731
diff changeset
1464 var setupBirdDrag = function(data) {
678
d50d24b7fd95 first step at dragging birdview zoom indicator around
hertzhaft
parents: 677
diff changeset
1465 var $birdImg = data.$birdImg;
d50d24b7fd95 first step at dragging birdview zoom indicator around
hertzhaft
parents: 677
diff changeset
1466 var $birdZoom = data.$birdZoom;
730
fec653a3094e better birdMoveArea, now called setupBirdDrag.
robcast
parents: 728
diff changeset
1467 var $document = $(document);
751
00b7857f07f5 zoom-drag background follows birdZoom also in embedded mode (still imprecise)
hertzhaft
parents: 748
diff changeset
1468 var $scaler = data.$scaler;
00b7857f07f5 zoom-drag background follows birdZoom also in embedded mode (still imprecise)
hertzhaft
parents: 748
diff changeset
1469 var startPos, newRect, birdImgRect, birdZoomRect, fullRect, scalerPos;
775
65cdf970934d minor precisations
hertzhaft
parents: 769
diff changeset
1470 var bw = getBorderWidth($birdZoom);
678
d50d24b7fd95 first step at dragging birdview zoom indicator around
hertzhaft
parents: 677
diff changeset
1471
741
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
1472 // mousedown handler: start dragging bird zoom to a new position
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
1473 var birdZoomStartDrag = function(evt) {
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
1474 startPos = geom.position(evt);
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
1475 // position may have changed
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
1476 data.birdTrafo = getImgTrafo($birdImg, FULL_AREA);
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
1477 birdImgRect = geom.rectangle($birdImg);
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
1478 birdZoomRect = geom.rectangle($birdZoom);
751
00b7857f07f5 zoom-drag background follows birdZoom also in embedded mode (still imprecise)
hertzhaft
parents: 748
diff changeset
1479 scalerPos = geom.position($scaler);
741
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
1480 newRect = null;
746
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1481 fullRect = setZoomBG(data); // setup zoom background image
741
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
1482 $document.bind("mousemove.dlBirdMove", birdZoomMove);
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
1483 $document.bind("mouseup.dlBirdMove", birdZoomEndDrag);
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
1484 return false;
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
1485 };
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
1486
733
25f2898696a2 fixed setupZoomDrag
robcast
parents: 732
diff changeset
1487 // mousemove handler: drag
678
d50d24b7fd95 first step at dragging birdview zoom indicator around
hertzhaft
parents: 677
diff changeset
1488 var birdZoomMove = function(evt) {
d50d24b7fd95 first step at dragging birdview zoom indicator around
hertzhaft
parents: 677
diff changeset
1489 var pos = geom.position(evt);
730
fec653a3094e better birdMoveArea, now called setupBirdDrag.
robcast
parents: 728
diff changeset
1490 var delta = startPos.delta(pos);
678
d50d24b7fd95 first step at dragging birdview zoom indicator around
hertzhaft
parents: 677
diff changeset
1491 // move birdZoom div, keeping size
730
fec653a3094e better birdMoveArea, now called setupBirdDrag.
robcast
parents: 728
diff changeset
1492 newRect = birdZoomRect.copy();
733
25f2898696a2 fixed setupZoomDrag
robcast
parents: 732
diff changeset
1493 newRect.addPosition(delta);
678
d50d24b7fd95 first step at dragging birdview zoom indicator around
hertzhaft
parents: 677
diff changeset
1494 newRect.stayInside(birdImgRect);
746
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1495 // reflect birdview zoom position in scaler image
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1496 var area = data.birdTrafo.invtransform(newRect);
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1497 var imgArea = data.imgTrafo.transform(area);
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1498 var offset = imgArea.getPosition().neg();
751
00b7857f07f5 zoom-drag background follows birdZoom also in embedded mode (still imprecise)
hertzhaft
parents: 748
diff changeset
1499 offset.add(scalerPos);
746
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1500 if (fullRect) {
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1501 var bgPos = fullRect.getPosition().add(offset);
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1502 } else {
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1503 var bgPos = offset;
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1504 }
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1505 // move the background image to the new position
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1506 data.$scaler.css({
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1507 'background-position' : bgPos.x + "px " + bgPos.y + "px"
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1508 });
751
00b7857f07f5 zoom-drag background follows birdZoom also in embedded mode (still imprecise)
hertzhaft
parents: 748
diff changeset
1509 // acount for border width
775
65cdf970934d minor precisations
hertzhaft
parents: 769
diff changeset
1510 newRect.addPosition({x : -bw, y : -bw});
751
00b7857f07f5 zoom-drag background follows birdZoom also in embedded mode (still imprecise)
hertzhaft
parents: 748
diff changeset
1511 newRect.adjustDiv($birdZoom);
678
d50d24b7fd95 first step at dragging birdview zoom indicator around
hertzhaft
parents: 677
diff changeset
1512 return false;
d50d24b7fd95 first step at dragging birdview zoom indicator around
hertzhaft
parents: 677
diff changeset
1513 };
d50d24b7fd95 first step at dragging birdview zoom indicator around
hertzhaft
parents: 677
diff changeset
1514
733
25f2898696a2 fixed setupZoomDrag
robcast
parents: 732
diff changeset
1515 // mouseup handler: reload page
678
d50d24b7fd95 first step at dragging birdview zoom indicator around
hertzhaft
parents: 677
diff changeset
1516 var birdZoomEndDrag = function(evt) {
d50d24b7fd95 first step at dragging birdview zoom indicator around
hertzhaft
parents: 677
diff changeset
1517 var settings = data.settings;
730
fec653a3094e better birdMoveArea, now called setupBirdDrag.
robcast
parents: 728
diff changeset
1518 $document.unbind("mousemove.dlBirdMove", birdZoomMove);
fec653a3094e better birdMoveArea, now called setupBirdDrag.
robcast
parents: 728
diff changeset
1519 $document.unbind("mouseup.dlBirdMove", birdZoomEndDrag);
fec653a3094e better birdMoveArea, now called setupBirdDrag.
robcast
parents: 728
diff changeset
1520 if (newRect == null) {
fec653a3094e better birdMoveArea, now called setupBirdDrag.
robcast
parents: 728
diff changeset
1521 // no movement happened - set center to click position
678
d50d24b7fd95 first step at dragging birdview zoom indicator around
hertzhaft
parents: 677
diff changeset
1522 startPos = birdZoomRect.getCenter();
730
fec653a3094e better birdMoveArea, now called setupBirdDrag.
robcast
parents: 728
diff changeset
1523 birdZoomMove(evt);
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
1524 }
747
fd4842f0afc7 smoother birdZoom indicator movement; fixed bug in jQuery.offset()
hertzhaft
parents: 746
diff changeset
1525 // ugly, but needed to prevent double border width compensation
775
65cdf970934d minor precisations
hertzhaft
parents: 769
diff changeset
1526 newRect.addPosition({x : bw, y : bw});
730
fec653a3094e better birdMoveArea, now called setupBirdDrag.
robcast
parents: 728
diff changeset
1527 var newArea = data.birdTrafo.invtransform(newRect);
fec653a3094e better birdMoveArea, now called setupBirdDrag.
robcast
parents: 728
diff changeset
1528 data.zoomArea = newArea;
678
d50d24b7fd95 first step at dragging birdview zoom indicator around
hertzhaft
parents: 677
diff changeset
1529 redisplay(data);
d50d24b7fd95 first step at dragging birdview zoom indicator around
hertzhaft
parents: 677
diff changeset
1530 return false;
d50d24b7fd95 first step at dragging birdview zoom indicator around
hertzhaft
parents: 677
diff changeset
1531 };
d50d24b7fd95 first step at dragging birdview zoom indicator around
hertzhaft
parents: 677
diff changeset
1532
730
fec653a3094e better birdMoveArea, now called setupBirdDrag.
robcast
parents: 728
diff changeset
1533 // clear old handler
fec653a3094e better birdMoveArea, now called setupBirdDrag.
robcast
parents: 728
diff changeset
1534 $document.unbind(".dlBirdMove");
fec653a3094e better birdMoveArea, now called setupBirdDrag.
robcast
parents: 728
diff changeset
1535 $birdImg.unbind(".dlBirdMove");
fec653a3094e better birdMoveArea, now called setupBirdDrag.
robcast
parents: 728
diff changeset
1536 $birdZoom.unbind(".dlBirdMove");
732
55f2dd197ca9 really renamed birdMoveArea, really merged fix for no zoom area.
robcast
parents: 731
diff changeset
1537 if (! isFullArea(data.zoomArea)) {
55f2dd197ca9 really renamed birdMoveArea, really merged fix for no zoom area.
robcast
parents: 731
diff changeset
1538 // set new handler
55f2dd197ca9 really renamed birdMoveArea, really merged fix for no zoom area.
robcast
parents: 731
diff changeset
1539 $birdImg.bind("mousedown.dlBirdMove", birdZoomStartDrag);
55f2dd197ca9 really renamed birdMoveArea, really merged fix for no zoom area.
robcast
parents: 731
diff changeset
1540 $birdZoom.bind("mousedown.dlBirdMove", birdZoomStartDrag);
55f2dd197ca9 really renamed birdMoveArea, really merged fix for no zoom area.
robcast
parents: 731
diff changeset
1541 }
678
d50d24b7fd95 first step at dragging birdview zoom indicator around
hertzhaft
parents: 677
diff changeset
1542 };
d50d24b7fd95 first step at dragging birdview zoom indicator around
hertzhaft
parents: 677
diff changeset
1543
746
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1544 // move bird zoom indicator to reflect zoomed detail area
745
ad483c008159 move birdview zoom indicator along with zoom drag
hertzhaft
parents: 744
diff changeset
1545 var setBirdZoom = function(data, rect) {
ad483c008159 move birdview zoom indicator along with zoom drag
hertzhaft
parents: 744
diff changeset
1546 var part = data.imgTrafo.invtransform(rect);
747
fd4842f0afc7 smoother birdZoom indicator movement; fixed bug in jQuery.offset()
hertzhaft
parents: 746
diff changeset
1547 // area = FULL_AREA.fit(part); // no, we want to see where we transcend the borders
745
ad483c008159 move birdview zoom indicator along with zoom drag
hertzhaft
parents: 744
diff changeset
1548 birdTrafo = getImgTrafo(data.$birdImg, FULL_AREA);
ad483c008159 move birdview zoom indicator along with zoom drag
hertzhaft
parents: 744
diff changeset
1549 var birdRect = birdTrafo.transform(part);
775
65cdf970934d minor precisations
hertzhaft
parents: 769
diff changeset
1550 var $birdZoom = data.$birdZoom;
745
ad483c008159 move birdview zoom indicator along with zoom drag
hertzhaft
parents: 744
diff changeset
1551 // acount for border width
775
65cdf970934d minor precisations
hertzhaft
parents: 769
diff changeset
1552 var bw = getBorderWidth($birdZoom);
65cdf970934d minor precisations
hertzhaft
parents: 769
diff changeset
1553 birdRect.addPosition({x : -bw, y : -bw});
745
ad483c008159 move birdview zoom indicator along with zoom drag
hertzhaft
parents: 744
diff changeset
1554 birdRect.adjustDiv(data.$birdZoom);
ad483c008159 move birdview zoom indicator along with zoom drag
hertzhaft
parents: 744
diff changeset
1555 };
ad483c008159 move birdview zoom indicator along with zoom drag
hertzhaft
parents: 744
diff changeset
1556
746
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1557 // set zoom background
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1558 var setZoomBG = function(data) {
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1559 var $scaler = data.$scaler;
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1560 var $img = data.$img;
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1561 var fullRect = null;
767
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
1562 // hide marks
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
1563 data.$elem.find('div.mark').hide();
746
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1564 // hide the scaler img, show background of div instead
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1565 $img.css('visibility', 'hidden');
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1566 var scalerCss = {
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1567 'background-image' : 'url(' + $img.attr('src') + ')',
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1568 'background-repeat' : 'no-repeat',
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1569 'background-position' : 'left top',
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1570 'opacity' : '0.5',
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1571 'cursor' : 'move'
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1572 };
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1573 if (data.hasBgSize) {
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1574 // full-size background using CSS3-background-size
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1575 fullRect = data.imgTrafo.transform(FULL_AREA);
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1576 if (fullRect.height < data.settings.maxBgSize && fullRect.width < data.settings.maxBgSize) {
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1577 // correct offset because background is relative
751
00b7857f07f5 zoom-drag background follows birdZoom also in embedded mode (still imprecise)
hertzhaft
parents: 748
diff changeset
1578 var scalerPos = geom.position($scaler);
00b7857f07f5 zoom-drag background follows birdZoom also in embedded mode (still imprecise)
hertzhaft
parents: 748
diff changeset
1579 fullRect.addPosition(scalerPos.neg());
746
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1580 var url = getBirdImgUrl(data, ['rot', 'mo']);
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1581 scalerCss['background-image'] = 'url(' + url + ')';
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1582 scalerCss[data.bgSizeName] = fullRect.width + 'px ' + fullRect.height + 'px';
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1583 scalerCss['background-position'] = fullRect.x + 'px '+ fullRect.y + 'px';
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1584 } else {
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1585 // too big
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1586 fullRect = null;
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1587 }
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1588 }
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1589 $scaler.css(scalerCss);
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1590 // isBgReady = true;
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1591 return fullRect;
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1592 };
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1593
738
b4460f0a540d small improvements
robcast
parents: 737
diff changeset
1594 // setup handlers for dragging the zoomed image
705
e1995c540667 drag zoomed image
hertzhaft
parents: 703
diff changeset
1595 var setupZoomDrag = function(data) {
746
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1596 var startPos, delta, fullRect;
733
25f2898696a2 fixed setupZoomDrag
robcast
parents: 732
diff changeset
1597 var $document = $(document);
705
e1995c540667 drag zoomed image
hertzhaft
parents: 703
diff changeset
1598 var $elem = data.$elem;
e1995c540667 drag zoomed image
hertzhaft
parents: 703
diff changeset
1599 var $scaler = data.$scaler;
e1995c540667 drag zoomed image
hertzhaft
parents: 703
diff changeset
1600 var $img = data.$img;
710
d533bdf0e64e cosmetics
hertzhaft
parents: 709
diff changeset
1601
733
25f2898696a2 fixed setupZoomDrag
robcast
parents: 732
diff changeset
1602 // drag the image and load a new detail on mouse up
705
e1995c540667 drag zoomed image
hertzhaft
parents: 703
diff changeset
1603 var dragStart = function (evt) {
742
2b6d3ef57d68 fixed problem with setmark, zoomarea and zoomDrag handlers.
robcast
parents: 741
diff changeset
1604 console.debug("dragstart at=",evt);
737
7c93bdbb5153 setup zoomdrag even when image is not initially zoomed
hertzhaft
parents: 736
diff changeset
1605 // don't start dragging if not zoomed
7c93bdbb5153 setup zoomdrag even when image is not initially zoomed
hertzhaft
parents: 736
diff changeset
1606 if (isFullArea(data.zoomArea)) return false;
733
25f2898696a2 fixed setupZoomDrag
robcast
parents: 732
diff changeset
1607 startPos = geom.position(evt);
741
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
1608 delta = null;
746
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1609 // set low res background immediately on mousedown
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1610 fullRect = setZoomBG(data);
733
25f2898696a2 fixed setupZoomDrag
robcast
parents: 732
diff changeset
1611 $document.bind("mousemove.dlZoomDrag", dragMove);
25f2898696a2 fixed setupZoomDrag
robcast
parents: 732
diff changeset
1612 $document.bind("mouseup.dlZoomDrag", dragEnd);
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
1613 return false;
705
e1995c540667 drag zoomed image
hertzhaft
parents: 703
diff changeset
1614 };
745
ad483c008159 move birdview zoom indicator along with zoom drag
hertzhaft
parents: 744
diff changeset
1615
733
25f2898696a2 fixed setupZoomDrag
robcast
parents: 732
diff changeset
1616 // mousemove handler: drag zoomed image
705
e1995c540667 drag zoomed image
hertzhaft
parents: 703
diff changeset
1617 var dragMove = function (evt) {
e1995c540667 drag zoomed image
hertzhaft
parents: 703
diff changeset
1618 var pos = geom.position(evt);
741
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
1619 delta = startPos.delta(pos);
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
1620 if (fullRect) {
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
1621 var bgPos = fullRect.getPosition().add(delta);
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
1622 } else {
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
1623 var bgPos = delta;
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
1624 }
705
e1995c540667 drag zoomed image
hertzhaft
parents: 703
diff changeset
1625 // move the background image to the new position
715
c1b1c463bc44 getting rid of bg div in zoomDrag
hertzhaft
parents: 714
diff changeset
1626 $scaler.css({
741
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
1627 'background-position' : bgPos.x + "px " + bgPos.y + "px"
705
e1995c540667 drag zoomed image
hertzhaft
parents: 703
diff changeset
1628 });
746
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 745
diff changeset
1629 // set birdview indicator to reflect new zoom position
745
ad483c008159 move birdview zoom indicator along with zoom drag
hertzhaft
parents: 744
diff changeset
1630 var za = geom.rectangle($img);
ad483c008159 move birdview zoom indicator along with zoom drag
hertzhaft
parents: 744
diff changeset
1631 za.addPosition(delta.neg());
ad483c008159 move birdview zoom indicator along with zoom drag
hertzhaft
parents: 744
diff changeset
1632 setBirdZoom(data, za);
705
e1995c540667 drag zoomed image
hertzhaft
parents: 703
diff changeset
1633 return false;
e1995c540667 drag zoomed image
hertzhaft
parents: 703
diff changeset
1634 };
710
d533bdf0e64e cosmetics
hertzhaft
parents: 709
diff changeset
1635
733
25f2898696a2 fixed setupZoomDrag
robcast
parents: 732
diff changeset
1636 // mouseup handler: reload zoomed image in new position
705
e1995c540667 drag zoomed image
hertzhaft
parents: 703
diff changeset
1637 var dragEnd = function (evt) {
739
922c74a7b935 busy cursor while loading doesn't work (for me)
robcast
parents: 738
diff changeset
1638 $scaler.css('cursor', 'auto');
733
25f2898696a2 fixed setupZoomDrag
robcast
parents: 732
diff changeset
1639 $document.unbind("mousemove.dlZoomDrag", dragMove);
25f2898696a2 fixed setupZoomDrag
robcast
parents: 732
diff changeset
1640 $document.unbind("mouseup.dlZoomDrag", dragEnd);
25f2898696a2 fixed setupZoomDrag
robcast
parents: 732
diff changeset
1641 if (delta == null || delta.distance() < 2) {
25f2898696a2 fixed setupZoomDrag
robcast
parents: 732
diff changeset
1642 // no movement
25f2898696a2 fixed setupZoomDrag
robcast
parents: 732
diff changeset
1643 $img.css('visibility', 'visible');
741
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
1644 $scaler.css({'opacity' : '1', 'background-image' : 'none'});
767
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
1645 // unhide marks
68b0c7a8ca7c pixel-by-pixel scale fully works now.
robcast
parents: 763
diff changeset
1646 data.$elem.find('div.mark').show();
733
25f2898696a2 fixed setupZoomDrag
robcast
parents: 732
diff changeset
1647 return false;
25f2898696a2 fixed setupZoomDrag
robcast
parents: 732
diff changeset
1648 }
25f2898696a2 fixed setupZoomDrag
robcast
parents: 732
diff changeset
1649 // get old zoom area (screen coordinates)
741
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
1650 var za = geom.rectangle($img);
733
25f2898696a2 fixed setupZoomDrag
robcast
parents: 732
diff changeset
1651 // move
741
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
1652 za.addPosition(delta.neg());
733
25f2898696a2 fixed setupZoomDrag
robcast
parents: 732
diff changeset
1653 // transform back
25f2898696a2 fixed setupZoomDrag
robcast
parents: 732
diff changeset
1654 var newArea = data.imgTrafo.invtransform(za);
735
790a7673bef0 improved some embedded buttons; fixed reset function
hertzhaft
parents: 733
diff changeset
1655 data.zoomArea = FULL_AREA.fit(newArea);
708
120ace160386 img reload works for fullscreen, but somehow not precise
hertzhaft
parents: 707
diff changeset
1656 redisplay(data);
705
e1995c540667 drag zoomed image
hertzhaft
parents: 703
diff changeset
1657 return false;
e1995c540667 drag zoomed image
hertzhaft
parents: 703
diff changeset
1658 };
735
790a7673bef0 improved some embedded buttons; fixed reset function
hertzhaft
parents: 733
diff changeset
1659
733
25f2898696a2 fixed setupZoomDrag
robcast
parents: 732
diff changeset
1660 // clear old handler
25f2898696a2 fixed setupZoomDrag
robcast
parents: 732
diff changeset
1661 $document.unbind(".dlZoomDrag");
741
ee620bcf4ab0 image-drag now with full background image :-)
robcast
parents: 740
diff changeset
1662 $scaler.unbind(".dlZoomDrag");
742
2b6d3ef57d68 fixed problem with setmark, zoomarea and zoomDrag handlers.
robcast
parents: 741
diff changeset
1663 if (! isFullArea(data.zoomArea)) {
2b6d3ef57d68 fixed problem with setmark, zoomarea and zoomDrag handlers.
robcast
parents: 741
diff changeset
1664 // set handler
2b6d3ef57d68 fixed problem with setmark, zoomarea and zoomDrag handlers.
robcast
parents: 741
diff changeset
1665 $scaler.bind("mousedown.dlZoomDrag", dragStart);
2b6d3ef57d68 fixed problem with setmark, zoomarea and zoomDrag handlers.
robcast
parents: 741
diff changeset
1666 }
705
e1995c540667 drag zoomed image
hertzhaft
parents: 703
diff changeset
1667 };
e1995c540667 drag zoomed image
hertzhaft
parents: 703
diff changeset
1668
703
0d49c33646da set quality works now (window.prompt only)
robcast
parents: 701
diff changeset
1669 // get image quality as a number (0..2)
0d49c33646da set quality works now (window.prompt only)
robcast
parents: 701
diff changeset
1670 var getQuality = function (data) {
0d49c33646da set quality works now (window.prompt only)
robcast
parents: 701
diff changeset
1671 var flags = data.scalerFlags;
0d49c33646da set quality works now (window.prompt only)
robcast
parents: 701
diff changeset
1672 var q = flags.q2 || flags.q1 || 'q0'; // assume q0 as default
0d49c33646da set quality works now (window.prompt only)
robcast
parents: 701
diff changeset
1673 return parseInt(q[1], 10);
706
f345b9657f5c some minor fixes, img reload still missing
hertzhaft
parents: 705
diff changeset
1674 };
703
0d49c33646da set quality works now (window.prompt only)
robcast
parents: 701
diff changeset
1675
0d49c33646da set quality works now (window.prompt only)
robcast
parents: 701
diff changeset
1676 // set image quality as a number (0..2)
0d49c33646da set quality works now (window.prompt only)
robcast
parents: 701
diff changeset
1677 var setQuality = function (data, qual) {
0d49c33646da set quality works now (window.prompt only)
robcast
parents: 701
diff changeset
1678 var flags = data.scalerFlags;
0d49c33646da set quality works now (window.prompt only)
robcast
parents: 701
diff changeset
1679 // clear flags
0d49c33646da set quality works now (window.prompt only)
robcast
parents: 701
diff changeset
1680 for (var i = 0; i < 3; ++i) {
0d49c33646da set quality works now (window.prompt only)
robcast
parents: 701
diff changeset
1681 delete flags['q'+i];
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
1682 }
703
0d49c33646da set quality works now (window.prompt only)
robcast
parents: 701
diff changeset
1683 flags['q'+qual] = 'q'+qual;
706
f345b9657f5c some minor fixes, img reload still missing
hertzhaft
parents: 705
diff changeset
1684 };
710
d533bdf0e64e cosmetics
hertzhaft
parents: 709
diff changeset
1685
761
16778bd2de7c added setScaleMode. no compensation for change in scaling yet.
robcast
parents: 760
diff changeset
1686 // get image scale mode (screen, pixel, size)
16778bd2de7c added setScaleMode. no compensation for change in scaling yet.
robcast
parents: 760
diff changeset
1687 var getScaleMode = function (data) {
16778bd2de7c added setScaleMode. no compensation for change in scaling yet.
robcast
parents: 760
diff changeset
1688 if (data.scalerFlags.clip != null) {
16778bd2de7c added setScaleMode. no compensation for change in scaling yet.
robcast
parents: 760
diff changeset
1689 return 'pixel';
16778bd2de7c added setScaleMode. no compensation for change in scaling yet.
robcast
parents: 760
diff changeset
1690 } else if (data.scalerFlags.osize != null) {
16778bd2de7c added setScaleMode. no compensation for change in scaling yet.
robcast
parents: 760
diff changeset
1691 return 'size';
16778bd2de7c added setScaleMode. no compensation for change in scaling yet.
robcast
parents: 760
diff changeset
1692 }
16778bd2de7c added setScaleMode. no compensation for change in scaling yet.
robcast
parents: 760
diff changeset
1693 // mo=fit is default
16778bd2de7c added setScaleMode. no compensation for change in scaling yet.
robcast
parents: 760
diff changeset
1694 return 'screen';
16778bd2de7c added setScaleMode. no compensation for change in scaling yet.
robcast
parents: 760
diff changeset
1695 };
775
65cdf970934d minor precisations
hertzhaft
parents: 769
diff changeset
1696
761
16778bd2de7c added setScaleMode. no compensation for change in scaling yet.
robcast
parents: 760
diff changeset
1697 // set image scale mode (screen, pixel, size)
16778bd2de7c added setScaleMode. no compensation for change in scaling yet.
robcast
parents: 760
diff changeset
1698 var setScaleMode = function (data, mode) {
16778bd2de7c added setScaleMode. no compensation for change in scaling yet.
robcast
parents: 760
diff changeset
1699 delete data.scalerFlags.fit;
16778bd2de7c added setScaleMode. no compensation for change in scaling yet.
robcast
parents: 760
diff changeset
1700 delete data.scalerFlags.clip;
16778bd2de7c added setScaleMode. no compensation for change in scaling yet.
robcast
parents: 760
diff changeset
1701 delete data.scalerFlags.osize;
16778bd2de7c added setScaleMode. no compensation for change in scaling yet.
robcast
parents: 760
diff changeset
1702 if (mode === 'pixel') {
16778bd2de7c added setScaleMode. no compensation for change in scaling yet.
robcast
parents: 760
diff changeset
1703 data.scalerFlags.clip = 'clip';
16778bd2de7c added setScaleMode. no compensation for change in scaling yet.
robcast
parents: 760
diff changeset
1704 } else if (mode === 'size') {
16778bd2de7c added setScaleMode. no compensation for change in scaling yet.
robcast
parents: 760
diff changeset
1705 data.scalerFlags.osize = 'osize';
16778bd2de7c added setScaleMode. no compensation for change in scaling yet.
robcast
parents: 760
diff changeset
1706 }
16778bd2de7c added setScaleMode. no compensation for change in scaling yet.
robcast
parents: 760
diff changeset
1707 // mo=fit is default
16778bd2de7c added setScaleMode. no compensation for change in scaling yet.
robcast
parents: 760
diff changeset
1708 };
775
65cdf970934d minor precisations
hertzhaft
parents: 769
diff changeset
1709
761
16778bd2de7c added setScaleMode. no compensation for change in scaling yet.
robcast
parents: 760
diff changeset
1710 // sets a key to a value (relative values with +/- if relative=true)
650
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
1711 var setNumValue = function(settings, key, value) {
716
6b9b8e1401d8 goto page works now (with window.prompt)
robcast
parents: 715
diff changeset
1712 if (value == null) return null;
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
1713 if (isNumber(value)) {
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
1714 settings[key] = value;
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
1715 return value;
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
1716 }
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
1717 var sign = value[0];
650
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
1718 if (sign === '+' || sign === '-') {
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
1719 if (settings[key] == null) {
651
694bdb86cbad renamed 'actions' to 'buttons' and 'methods' to 'actions'
robcast
parents: 650
diff changeset
1720 // this isn't perfect but still...
650
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
1721 settings[key] = 0;
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
1722 }
650
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
1723 settings[key] = parseFloat(settings[key]) + parseFloat(value);
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
1724 } else {
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
1725 settings[key] = value;
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
1726 }
650
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
1727 return settings[key];
0c5930916d53 zoom to page width works now
robcast
parents: 649
diff changeset
1728 };
655
72acc47f1831 first try at birdview indicator
hertzhaft
parents: 653
diff changeset
1729
775
65cdf970934d minor precisations
hertzhaft
parents: 769
diff changeset
1730 // auxiliary function, assuming equal border width on all sides
65cdf970934d minor precisations
hertzhaft
parents: 769
diff changeset
1731 var getBorderWidth = function($elem) {
65cdf970934d minor precisations
hertzhaft
parents: 769
diff changeset
1732 var border = $elem.outerWidth() - $elem.width();
65cdf970934d minor precisations
hertzhaft
parents: 769
diff changeset
1733 return border/2;
65cdf970934d minor precisations
hertzhaft
parents: 769
diff changeset
1734 };
65cdf970934d minor precisations
hertzhaft
parents: 769
diff changeset
1735
655
72acc47f1831 first try at birdview indicator
hertzhaft
parents: 653
diff changeset
1736 // auxiliary function (from old dllib.js)
732
55f2dd197ca9 really renamed birdMoveArea, really merged fix for no zoom area.
robcast
parents: 731
diff changeset
1737 var isFullArea = function(area) {
659
9da101c94465 small birdview improvements
hertzhaft
parents: 658
diff changeset
1738 return (area.width === 1.0) && (area.height === 1.0);
655
72acc47f1831 first try at birdview indicator
hertzhaft
parents: 653
diff changeset
1739 };
72acc47f1831 first try at birdview indicator
hertzhaft
parents: 653
diff changeset
1740
641
8f40f7b6fd20 some small aboutdiv fixes
hertzhaft
parents: 640
diff changeset
1741 // auxiliary function (from Douglas Crockford, A.10)
8f40f7b6fd20 some small aboutdiv fixes
hertzhaft
parents: 640
diff changeset
1742 var isNumber = function isNumber(value) {
710
d533bdf0e64e cosmetics
hertzhaft
parents: 709
diff changeset
1743 return typeof value === 'number' && isFinite(value);
641
8f40f7b6fd20 some small aboutdiv fixes
hertzhaft
parents: 640
diff changeset
1744 };
655
72acc47f1831 first try at birdview indicator
hertzhaft
parents: 653
diff changeset
1745
631
4f7b52b97738 more work on initialisation
robcast
parents: 629
diff changeset
1746 // auxiliary function to crop senseless precision
4f7b52b97738 more work on initialisation
robcast
parents: 629
diff changeset
1747 var cropFloat = function (x) {
637
d904c0c74c15 small fixes
robcast
parents: 636
diff changeset
1748 return parseInt(10000 * x, 10) / 10000;
631
4f7b52b97738 more work on initialisation
robcast
parents: 629
diff changeset
1749 };
655
72acc47f1831 first try at birdview indicator
hertzhaft
parents: 653
diff changeset
1750
692
ab8054bba8d3 console debug div for IE
hertzhaft
parents: 691
diff changeset
1751 // fallback for console.log calls
ab8054bba8d3 console debug div for IE
hertzhaft
parents: 691
diff changeset
1752 if (customConsole) {
ab8054bba8d3 console debug div for IE
hertzhaft
parents: 691
diff changeset
1753 var logFunction = function(type) {
ab8054bba8d3 console debug div for IE
hertzhaft
parents: 691
diff changeset
1754 return function(){
ab8054bba8d3 console debug div for IE
hertzhaft
parents: 691
diff changeset
1755 var $debug = $('#debug'); // debug div
ab8054bba8d3 console debug div for IE
hertzhaft
parents: 691
diff changeset
1756 if (!$debug) return;
ab8054bba8d3 console debug div for IE
hertzhaft
parents: 691
diff changeset
1757 var args = Array.prototype.slice.call(arguments);
ab8054bba8d3 console debug div for IE
hertzhaft
parents: 691
diff changeset
1758 var argtext = args.join(' ');
ab8054bba8d3 console debug div for IE
hertzhaft
parents: 691
diff changeset
1759 var $logDiv = $('<div/>');
ab8054bba8d3 console debug div for IE
hertzhaft
parents: 691
diff changeset
1760 $logDiv.addClass(type);
ab8054bba8d3 console debug div for IE
hertzhaft
parents: 691
diff changeset
1761 $logDiv.text(argtext);
ab8054bba8d3 console debug div for IE
hertzhaft
parents: 691
diff changeset
1762 $debug.append($logDiv);
ab8054bba8d3 console debug div for IE
hertzhaft
parents: 691
diff changeset
1763 };
ab8054bba8d3 console debug div for IE
hertzhaft
parents: 691
diff changeset
1764 };
ab8054bba8d3 console debug div for IE
hertzhaft
parents: 691
diff changeset
1765 console.log = logFunction('_log');
ab8054bba8d3 console debug div for IE
hertzhaft
parents: 691
diff changeset
1766 console.debug = logFunction('_debug');
ab8054bba8d3 console debug div for IE
hertzhaft
parents: 691
diff changeset
1767 console.error = logFunction('_error');
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
1768 }
692
ab8054bba8d3 console debug div for IE
hertzhaft
parents: 691
diff changeset
1769
605
aee94e4a8c48 next version zero of jquery.digilib
robcast
parents: 604
diff changeset
1770 // hook plugin into jquery
785
b9a75079aece geometry as first digilib plugin.
robcast
parents: 784
diff changeset
1771 $.fn.digilib = function (action) {
760
f0be4432f515 primitive plugin extension mechanism - unsure how useful this is
hertzhaft
parents: 755
diff changeset
1772 // plugin extension mechanism
786
868c2e795aca new plugin architecture.
robcast
parents: 785
diff changeset
1773 if (action === 'plugin') {
868c2e795aca new plugin architecture.
robcast
parents: 785
diff changeset
1774 var plugin = arguments[1];
868c2e795aca new plugin architecture.
robcast
parents: 785
diff changeset
1775 // each plugin needs a name
868c2e795aca new plugin architecture.
robcast
parents: 785
diff changeset
1776 if (plugin.name != null) {
868c2e795aca new plugin architecture.
robcast
parents: 785
diff changeset
1777 plugins[plugin.name] = plugin;
868c2e795aca new plugin architecture.
robcast
parents: 785
diff changeset
1778 }
868c2e795aca new plugin architecture.
robcast
parents: 785
diff changeset
1779 /* for each digilib $elem extend data.settings with obj.options
778
f8235c42f4a0 more preparations for SVG measuring tool
hertzhaft
parents: 777
diff changeset
1780 // TODO: couldn't other plugins just access $elem.data('digilib')?
760
f0be4432f515 primitive plugin extension mechanism - unsure how useful this is
hertzhaft
parents: 755
diff changeset
1781 if (obj.options) {
f0be4432f515 primitive plugin extension mechanism - unsure how useful this is
hertzhaft
parents: 755
diff changeset
1782 this.each(function() {
f0be4432f515 primitive plugin extension mechanism - unsure how useful this is
hertzhaft
parents: 755
diff changeset
1783 var $elem = $(this);
f0be4432f515 primitive plugin extension mechanism - unsure how useful this is
hertzhaft
parents: 755
diff changeset
1784 // console.debug('extending:', $elem);
f0be4432f515 primitive plugin extension mechanism - unsure how useful this is
hertzhaft
parents: 755
diff changeset
1785 var data = $elem.data('digilib');
f0be4432f515 primitive plugin extension mechanism - unsure how useful this is
hertzhaft
parents: 755
diff changeset
1786 if (!data) {
f0be4432f515 primitive plugin extension mechanism - unsure how useful this is
hertzhaft
parents: 755
diff changeset
1787 return console.log('cannot extend digilib plugin, element not initialised!');
f0be4432f515 primitive plugin extension mechanism - unsure how useful this is
hertzhaft
parents: 755
diff changeset
1788 }
f0be4432f515 primitive plugin extension mechanism - unsure how useful this is
hertzhaft
parents: 755
diff changeset
1789 var settings = data.settings;
f0be4432f515 primitive plugin extension mechanism - unsure how useful this is
hertzhaft
parents: 755
diff changeset
1790 $.extend(settings, obj.options);
f0be4432f515 primitive plugin extension mechanism - unsure how useful this is
hertzhaft
parents: 755
diff changeset
1791 // console.log('settings:', settings);
f0be4432f515 primitive plugin extension mechanism - unsure how useful this is
hertzhaft
parents: 755
diff changeset
1792 });
778
f8235c42f4a0 more preparations for SVG measuring tool
hertzhaft
parents: 777
diff changeset
1793 delete(obj.options);
760
f0be4432f515 primitive plugin extension mechanism - unsure how useful this is
hertzhaft
parents: 755
diff changeset
1794 }
f0be4432f515 primitive plugin extension mechanism - unsure how useful this is
hertzhaft
parents: 755
diff changeset
1795 // extend the plugin actions (to make this useful,
f0be4432f515 primitive plugin extension mechanism - unsure how useful this is
hertzhaft
parents: 755
diff changeset
1796 // maybe we need to expose some more internal functions)
786
868c2e795aca new plugin architecture.
robcast
parents: 785
diff changeset
1797 $.extend(actions, obj); */
760
f0be4432f515 primitive plugin extension mechanism - unsure how useful this is
hertzhaft
parents: 755
diff changeset
1798 } else if (actions[action]) {
651
694bdb86cbad renamed 'actions' to 'buttons' and 'methods' to 'actions'
robcast
parents: 650
diff changeset
1799 // call action on this with the remaining arguments (inserting data as first argument)
694bdb86cbad renamed 'actions' to 'buttons' and 'methods' to 'actions'
robcast
parents: 650
diff changeset
1800 var $elem = $(this);
694bdb86cbad renamed 'actions' to 'buttons' and 'methods' to 'actions'
robcast
parents: 650
diff changeset
1801 var data = $elem.data('digilib');
694bdb86cbad renamed 'actions' to 'buttons' and 'methods' to 'actions'
robcast
parents: 650
diff changeset
1802 var args = Array.prototype.slice.call(arguments, 1);
694bdb86cbad renamed 'actions' to 'buttons' and 'methods' to 'actions'
robcast
parents: 650
diff changeset
1803 args.unshift(data);
694bdb86cbad renamed 'actions' to 'buttons' and 'methods' to 'actions'
robcast
parents: 650
diff changeset
1804 return actions[action].apply(this, args);
694bdb86cbad renamed 'actions' to 'buttons' and 'methods' to 'actions'
robcast
parents: 650
diff changeset
1805 } else if (typeof(action) === 'object' || !action) {
634
34ee220a664b trying showAboutDivFn...
robcast
parents: 633
diff changeset
1806 // call init on this
651
694bdb86cbad renamed 'actions' to 'buttons' and 'methods' to 'actions'
robcast
parents: 650
diff changeset
1807 return actions.init.apply(this, arguments);
605
aee94e4a8c48 next version zero of jquery.digilib
robcast
parents: 604
diff changeset
1808 } else {
713
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
1809 $.error('action ' + action + ' does not exist on jQuery.digilib');
c1fa722c570e more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 711
diff changeset
1810 }
605
aee94e4a8c48 next version zero of jquery.digilib
robcast
parents: 604
diff changeset
1811 };
692
ab8054bba8d3 console debug div for IE
hertzhaft
parents: 691
diff changeset
1812
604
3a2942d2d5cd version zero of jquery.digilib
robcast
parents:
diff changeset
1813 })(jQuery);