annotate client/digitallibrary/jquery/jquery.digilib.js @ 720:203ef842de13 jquery

first steps to storing embedded state in cookie
author robcast
date Tue, 01 Feb 2011 11:18:32 +0100
parents e2429ec1976e
children aaaf0a5ada66
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
1 /* Copyright (c) 2011 Martin Raspe, Robert Casties
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
2
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
3 This program is free software: you can redistribute it and/or modify
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
4 it under the terms of the GNU Lesser General Public License as published by
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
5 the Free Software Foundation, either version 2 of the License, or
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
6 (at your option) any later version.
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
7
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
8 This program is distributed in the hope that it will be useful,
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
9 but WITHOUT ANY WARRANTY; without even the implied warranty of
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
10 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
11 GNU Lesser General Public License for more details.
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
12
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
13 You should have received a copy of the GNU Lesser General Public License
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
14 along with this program. If not, see <http://www.gnu.org/licenses/>.
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
15
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
16 Authors:
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
17 Martin Raspe, Robert Casties, 11.1.2011
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
18 */
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
19
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
20 /**
597
33605dd3e9c6 version zero of jquery.digilib
robcast
parents:
diff changeset
21 * digilib jQuery plugin
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
22 *
597
33605dd3e9c6 version zero of jquery.digilib
robcast
parents:
diff changeset
23 */
648
8f76bd79648e first try at birdview indicator
hertzhaft
parents: 646
diff changeset
24
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
25 /*jslint browser: true, debug: true, forin: true */
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
26
629
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
27 // fallback for console.log calls
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
28 if (typeof(console) === 'undefined') {
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
29 var console = {
685
b21606c8db09 console debug div for IE
hertzhaft
parents: 684
diff changeset
30 log : function(){},
b21606c8db09 console debug div for IE
hertzhaft
parents: 684
diff changeset
31 debug : function(){},
b21606c8db09 console debug div for IE
hertzhaft
parents: 684
diff changeset
32 error : function(){}
b21606c8db09 console debug div for IE
hertzhaft
parents: 684
diff changeset
33 };
b21606c8db09 console debug div for IE
hertzhaft
parents: 684
diff changeset
34 var customConsole = true;
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
35 }
597
33605dd3e9c6 version zero of jquery.digilib
robcast
parents:
diff changeset
36
33605dd3e9c6 version zero of jquery.digilib
robcast
parents:
diff changeset
37 (function($) {
644
bffc7d8c3641 renamed 'actions' to 'buttons' and 'methods' to 'actions'
robcast
parents: 643
diff changeset
38 var buttons = {
603
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
39 reference : {
682
2493d64eae64 reference button plus action
hertzhaft
parents: 681
diff changeset
40 onclick : "reference",
603
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
41 tooltip : "get a reference URL",
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
42 img : "reference.png"
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
43 },
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
44 zoomin : {
636
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
45 onclick : ["zoomBy", 1.4],
603
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
46 tooltip : "zoom in",
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
47 img : "zoom-in.png"
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
48 },
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
49 zoomout : {
636
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
50 onclick : ["zoomBy", 0.7],
603
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
51 tooltip : "zoom out",
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
52 img : "zoom-out.png"
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
53 },
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
54 zoomarea : {
647
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
55 onclick : "zoomArea",
603
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
56 tooltip : "zoom area",
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
57 img : "zoom-area.png"
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
58 },
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
59 zoomfull : {
643
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
60 onclick : "zoomFull",
603
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
61 tooltip : "view the whole image",
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
62 img : "zoom-full.png"
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
63 },
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
64 pagewidth : {
643
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
65 onclick : ["zoomFull", "width"],
603
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
66 tooltip : "page width",
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
67 img : "pagewidth.png"
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
68 },
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
69 back : {
616
89f53fb8fd13 first attempt at switching images by page number
hertzhaft
parents: 615
diff changeset
70 onclick : ["gotoPage", "-1"],
603
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
71 tooltip : "goto previous image",
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
72 img : "back.png"
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
73 },
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
74 fwd : {
616
89f53fb8fd13 first attempt at switching images by page number
hertzhaft
parents: 615
diff changeset
75 onclick : ["gotoPage", "+1"],
603
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
76 tooltip : "goto next image",
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
77 img : "fwd.png"
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
78 },
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
79 page : {
709
661c13bfdcde goto page works now (with window.prompt)
robcast
parents: 708
diff changeset
80 onclick : "gotoPage",
661c13bfdcde goto page works now (with window.prompt)
robcast
parents: 708
diff changeset
81 tooltip : "goto image number",
603
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
82 img : "page.png"
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
83 },
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
84 bird : {
628
a78491a53c2a changed button onclick binding to use closure
robcast
parents: 627
diff changeset
85 onclick : "showBirdDiv",
603
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
86 tooltip : "show bird's eye view",
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
87 img : "birds-eye.png"
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
88 },
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
89 help : {
628
a78491a53c2a changed button onclick binding to use closure
robcast
parents: 627
diff changeset
90 onclick : "showAboutDiv",
603
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
91 tooltip : "about Digilib",
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
92 img : "help.png"
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
93 },
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
94 reset : {
681
0583d0a38de5 reset button plus action
hertzhaft
parents: 680
diff changeset
95 onclick : "reset",
603
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
96 tooltip : "reset image",
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
97 img : "reset.png"
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
98 },
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
99 mark : {
640
3f23600c96e5 set mark works now
robcast
parents: 638
diff changeset
100 onclick : "setMark",
603
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
101 tooltip : "set a mark",
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
102 img : "mark.png"
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
103 },
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
104 delmark : {
643
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
105 onclick : "removeMark",
603
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
106 tooltip : "delete the last mark",
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
107 img : "delmark.png"
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
108 },
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
109 hmir : {
654
43d920645156 mirroring works now
robcast
parents: 653
diff changeset
110 onclick : ["mirror", "h"],
603
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
111 tooltip : "mirror horizontally",
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
112 img : "mirror-horizontal.png"
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
113 },
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
114 vmir : {
654
43d920645156 mirroring works now
robcast
parents: 653
diff changeset
115 onclick : ["mirror", "v"],
603
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
116 tooltip : "mirror vertically",
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
117 img : "mirror-vertical.png"
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
118 },
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
119 rot : {
656
cad479ecb089 rotate, contrast, and brightness
robcast
parents: 655
diff changeset
120 onclick : "rotate",
603
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
121 tooltip : "rotate image",
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
122 img : "rotate.png"
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
123 },
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
124 brgt : {
656
cad479ecb089 rotate, contrast, and brightness
robcast
parents: 655
diff changeset
125 onclick : "brightness",
603
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
126 tooltip : "set brightness",
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
127 img : "brightness.png"
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
128 },
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
129 cont : {
656
cad479ecb089 rotate, contrast, and brightness
robcast
parents: 655
diff changeset
130 onclick : "contrast",
603
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
131 tooltip : "set contrast",
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
132 img : "contrast.png"
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
133 },
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
134 rgb : {
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
135 onclick : "javascript:setParamWin('rgb', '...')",
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
136 tooltip : "set rgb values",
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
137 img : "rgb.png"
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
138 },
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
139 quality : {
696
09e06aa12c0d set quality works now (window.prompt only)
robcast
parents: 694
diff changeset
140 onclick : "setquality",
603
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
141 tooltip : "set image quality",
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
142 img : "quality.png"
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
143 },
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
144 size : {
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
145 onclick : "javascript:toggleSizeMenu()",
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
146 tooltip : "set page size",
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
147 img : "size.png"
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
148 },
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
149 calibrationx : {
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
150 onclick : "javascript:calibrate('x')",
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
151 tooltip : "calibrate screen x-ratio",
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
152 img : "calibration-x.png"
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
153 },
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
154 scale : {
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
155 onclick : "javascript:toggleScaleMenu()",
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
156 tooltip : "change image scale",
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
157 img : "original-size.png"
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
158 },
692
44ce57888a65 re-created toggle for morebuttons (more = null)
robcast
parents: 691
diff changeset
159 toggleoptions : {
44ce57888a65 re-created toggle for morebuttons (more = null)
robcast
parents: 691
diff changeset
160 onclick : "morebuttons",
44ce57888a65 re-created toggle for morebuttons (more = null)
robcast
parents: 691
diff changeset
161 tooltip : "more options",
44ce57888a65 re-created toggle for morebuttons (more = null)
robcast
parents: 691
diff changeset
162 img : "options.png"
44ce57888a65 re-created toggle for morebuttons (more = null)
robcast
parents: 691
diff changeset
163 },
683
33a4ac6b0b48 more or less buttons buttons - with animation :-)
robcast
parents: 680
diff changeset
164 moreoptions : {
33a4ac6b0b48 more or less buttons buttons - with animation :-)
robcast
parents: 680
diff changeset
165 onclick : ["morebuttons", "+1"],
33a4ac6b0b48 more or less buttons buttons - with animation :-)
robcast
parents: 680
diff changeset
166 tooltip : "more options",
33a4ac6b0b48 more or less buttons buttons - with animation :-)
robcast
parents: 680
diff changeset
167 img : "options.png"
33a4ac6b0b48 more or less buttons buttons - with animation :-)
robcast
parents: 680
diff changeset
168 },
33a4ac6b0b48 more or less buttons buttons - with animation :-)
robcast
parents: 680
diff changeset
169 lessoptions : {
33a4ac6b0b48 more or less buttons buttons - with animation :-)
robcast
parents: 680
diff changeset
170 onclick : ["morebuttons", "-1"],
33a4ac6b0b48 more or less buttons buttons - with animation :-)
robcast
parents: 680
diff changeset
171 tooltip : "less options",
603
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
172 img : "options.png"
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
173 },
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
174 SEP : {
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
175 img : "sep.png"
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
176 }
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
177 };
610
2f2cd8c44a1c toggle view event handlers for bird's eye and 'about windows
hertzhaft
parents: 609
diff changeset
178
598
81723e7efe82 next version zero of jquery.digilib
robcast
parents: 597
diff changeset
179 var defaults = {
609
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
180 // version of this script
628
a78491a53c2a changed button onclick binding to use closure
robcast
parents: 627
diff changeset
181 'version' : 'jquery.digilib.js 0.9',
609
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
182 // logo url
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
183 'logoUrl' : '../img/digilib-logo-text1.png',
628
a78491a53c2a changed button onclick binding to use closure
robcast
parents: 627
diff changeset
184 // homepage url (behind logo)
a78491a53c2a changed button onclick binding to use closure
robcast
parents: 627
diff changeset
185 'homeUrl' : 'http://digilib.berlios.de',
603
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
186 // base URL to Scaler servlet
645
ce5c61b891f6 added guessing of scalerBaseUrl
robcast
parents: 644
diff changeset
187 'scalerBaseUrl' : null,
603
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
188 // list of Scaler parameters
620
b930fa64c684 scalerImgLoaded sets up img trafo
robcast
parents: 619
diff changeset
189 'scalerParamNames' : ['fn','pn','dw','dh','ww','wh','wx','wy','ws','mo',
b930fa64c684 scalerImgLoaded sets up img trafo
robcast
parents: 619
diff changeset
190 'rot','cont','brgt','rgbm','rgba','ddpi','ddpix','ddpiy'],
b930fa64c684 scalerImgLoaded sets up img trafo
robcast
parents: 619
diff changeset
191 // Scaler parameter defaults
636
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
192 'pn' : 1,
620
b930fa64c684 scalerImgLoaded sets up img trafo
robcast
parents: 619
diff changeset
193 'ww' : 1.0,
b930fa64c684 scalerImgLoaded sets up img trafo
robcast
parents: 619
diff changeset
194 'wh' : 1.0,
b930fa64c684 scalerImgLoaded sets up img trafo
robcast
parents: 619
diff changeset
195 'wx' : 0.0,
b930fa64c684 scalerImgLoaded sets up img trafo
robcast
parents: 619
diff changeset
196 'wy' : 0.0,
b930fa64c684 scalerImgLoaded sets up img trafo
robcast
parents: 619
diff changeset
197 'ws' : 1.0,
636
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
198 'mo' : '',
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
199 'rot' : 0,
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
200 'cont' : 0,
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
201 'brgt' : 0,
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
202 'rgbm' : '0/0/0',
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
203 'rgba' : '0/0/0',
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
204 'ddpi' : null,
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
205 'ddpix' : null,
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
206 'ddpiy' : null,
637
71cc855e2e4b reload doesn't take list of changed parameters any more
robcast
parents: 636
diff changeset
207 // list of digilib parameters
643
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
208 'digilibParamNames' : ['fn','pn','ww','wh','wx','wy','ws','mo','rot','cont','brgt','rgbm','rgba','mk','clop'],
637
71cc855e2e4b reload doesn't take list of changed parameters any more
robcast
parents: 636
diff changeset
209 // digilib parameter defaults
636
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
210 'mk' : '',
643
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
211 'clop' : '',
636
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
212 // mode of operation:
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
213 // fullscreen = take parameters from page URL, keep state in page URL
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
214 // embedded = take parameters from Javascript options, keep state inside object
603
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
215 'interactionMode' : 'fullscreen',
644
bffc7d8c3641 renamed 'actions' to 'buttons' and 'methods' to 'actions'
robcast
parents: 643
diff changeset
216 // buttons
bffc7d8c3641 renamed 'actions' to 'buttons' and 'methods' to 'actions'
robcast
parents: 643
diff changeset
217 'buttons' : buttons,
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
218 // defaults for digilib buttons
658
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
219 'buttonSettings' : {
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
220 'fullscreen' : {
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
221 // path to button images (must end with a slash)
658
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
222 'imagePath' : 'img/fullscreen/',
714
e7655e38764b get rid of currently unused SEParator button
hertzhaft
parents: 713
diff changeset
223 'standardSet' : ["reference","zoomin","zoomout","zoomarea","zoomfull","pagewidth","back","fwd","page","bird","help","reset","toggleoptions"],
e7655e38764b get rid of currently unused SEParator button
hertzhaft
parents: 713
diff changeset
224 'specialSet' : ["mark","delmark","hmir","vmir","rot","brgt","cont","rgb","quality","size","calibrationx","scale","toggleoptions"],
675
5c7f90a3c552 infrastructure for switchable button sets
robcast
parents: 674
diff changeset
225 'buttonSets' : ['standardSet', 'specialSet']
658
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
226 },
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
227 'embedded' : {
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
228 'imagePath' : 'img/embedded/16/',
714
e7655e38764b get rid of currently unused SEParator button
hertzhaft
parents: 713
diff changeset
229 'standardSet' : ["reference","zoomin","zoomout","zoomarea","zoomfull","back","fwd","page","bird","help","reset","toggleoptions"],
e7655e38764b get rid of currently unused SEParator button
hertzhaft
parents: 713
diff changeset
230 'specialSet' : ["hmir","vmir","rot","brgt","cont","rgb","quality","size","toggleoptions"],
675
5c7f90a3c552 infrastructure for switchable button sets
robcast
parents: 674
diff changeset
231 'buttonSets' : ['standardSet', 'specialSet']
658
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
232 }
690
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
233 },
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
234 // number of visible button groups
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
235 'visibleButtonSets' : 1,
609
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
236 // is birdView shown?
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
237 'isBirdDivVisible' : false,
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
238 // dimensions of bird's eye div
667
e944d132a6e2 minor corrections
hertzhaft
parents: 666
diff changeset
239 'birdDivWidth' : 200,
e944d132a6e2 minor corrections
hertzhaft
parents: 666
diff changeset
240 'birdDivHeight' : 200,
712
6349e5c090c6 change birdview along with scalerUrl in embedded mode
hertzhaft
parents: 711
diff changeset
241 // parameters used by bird's eye div
6349e5c090c6 change birdview along with scalerUrl in embedded mode
hertzhaft
parents: 711
diff changeset
242 'birdDivParams' : ['fn','pn','dw','dh'],
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
243 // style of the zoom area indicator in the bird's eye div
652
9ec8f039e942 small birdview improvements
hertzhaft
parents: 651
diff changeset
244 'birdIndicatorStyle' : {'border' : '2px solid #ff0000' },
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
245 // style of zoom area "rubber band"
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
246 'zoomrectStyle' : {'border' : '2px solid #ff0000' },
609
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
247 // is the "about" window shown?
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
248 'isAboutDivVisible' : false
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
249
603
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
250 };
648
8f76bd79648e first try at birdview indicator
hertzhaft
parents: 646
diff changeset
251
601
4da7592149e7 start work on scaler call
robcast
parents: 600
diff changeset
252 // affine geometry classes
4da7592149e7 start work on scaler call
robcast
parents: 600
diff changeset
253 var geom = dlGeometry();
648
8f76bd79648e first try at birdview indicator
hertzhaft
parents: 646
diff changeset
254
636
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
255 var MAX_ZOOMAREA = geom.rectangle(0, 0, 1, 1);
648
8f76bd79648e first try at birdview indicator
hertzhaft
parents: 646
diff changeset
256
644
bffc7d8c3641 renamed 'actions' to 'buttons' and 'methods' to 'actions'
robcast
parents: 643
diff changeset
257 var actions = {
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
258 // init: digilib initialization
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
259 init : function(options) {
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
260 // settings for this digilib instance are merged from defaults and options
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
261 var settings = $.extend({}, defaults, options);
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
262 var isFullscreen = settings.interactionMode === 'fullscreen';
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
263 var queryParams = {};
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
264 if (isFullscreen) {
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
265 queryParams = parseQueryParams();
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
266 // check scalerBaseUrl
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
267 if (settings.scalerBaseUrl == null) {
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
268 // try the host this came from
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
269 var h = window.location.host;
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
270 if (window.location.host) {
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
271 var url = window.location.href;
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
272 // assume the page lives in [webapp]/jquery/
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
273 var pos = url.indexOf('jquery/');
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
274 if (pos > 0) {
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
275 settings.scalerBaseUrl = url.substring(0, pos) + 'servlet/Scaler';
645
ce5c61b891f6 added guessing of scalerBaseUrl
robcast
parents: 644
diff changeset
276 }
ce5c61b891f6 added guessing of scalerBaseUrl
robcast
parents: 644
diff changeset
277 }
629
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
278 }
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
279 }
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
280 return this.each(function() {
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
281 var $elem = $(this);
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
282 var data = $elem.data('digilib');
681
0583d0a38de5 reset button plus action
hertzhaft
parents: 680
diff changeset
283 var params, elemSettings;
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
284 // if the plugin hasn't been initialized yet
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
285 if (!data) {
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
286 // merge query parameters
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
287 if (isFullscreen) {
681
0583d0a38de5 reset button plus action
hertzhaft
parents: 680
diff changeset
288 params = queryParams;
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
289 } else {
681
0583d0a38de5 reset button plus action
hertzhaft
parents: 680
diff changeset
290 params = parseImgParams($elem);
720
203ef842de13 first steps to storing embedded state in cookie
robcast
parents: 719
diff changeset
291 if (jQuery.cookie) {
203ef842de13 first steps to storing embedded state in cookie
robcast
parents: 719
diff changeset
292 // retrieve params from cookie
203ef842de13 first steps to storing embedded state in cookie
robcast
parents: 719
diff changeset
293 var ck = "digilib-embed:fn:" + escape(params.fn) + ":pn:" + (params.pn || '1');
203ef842de13 first steps to storing embedded state in cookie
robcast
parents: 719
diff changeset
294 var cs = jQuery.cookie(ck);
203ef842de13 first steps to storing embedded state in cookie
robcast
parents: 719
diff changeset
295 console.debug("get cookie=", ck, " value=", cs);
203ef842de13 first steps to storing embedded state in cookie
robcast
parents: 719
diff changeset
296 if (cs) {
203ef842de13 first steps to storing embedded state in cookie
robcast
parents: 719
diff changeset
297 var cp = parseQueryString(cs);
203ef842de13 first steps to storing embedded state in cookie
robcast
parents: 719
diff changeset
298 // ignore fn and pn from cookie
203ef842de13 first steps to storing embedded state in cookie
robcast
parents: 719
diff changeset
299 cp.fn = params.fn;
203ef842de13 first steps to storing embedded state in cookie
robcast
parents: 719
diff changeset
300 cp.pn = params.pn;
203ef842de13 first steps to storing embedded state in cookie
robcast
parents: 719
diff changeset
301 params = cp;
203ef842de13 first steps to storing embedded state in cookie
robcast
parents: 719
diff changeset
302 }
203ef842de13 first steps to storing embedded state in cookie
robcast
parents: 719
diff changeset
303 }
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
304 }
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
305 // store $(this) element in the settings
681
0583d0a38de5 reset button plus action
hertzhaft
parents: 680
diff changeset
306 elemSettings = $.extend({}, settings, params);
690
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
307 data = {
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
308 $elem : $elem,
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
309 settings : elemSettings,
681
0583d0a38de5 reset button plus action
hertzhaft
parents: 680
diff changeset
310 queryParams : params
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
311 };
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
312 // store in data element
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
313 $elem.data('digilib', data);
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
314 }
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
315 unpackParams(data);
675
5c7f90a3c552 infrastructure for switchable button sets
robcast
parents: 674
diff changeset
316 // create HTML structure for scaler
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
317 setupScalerDiv(data);
690
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
318 // add buttons
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
319 for (var i = 0; i < elemSettings.visibleButtonSets; ++i) {
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
320 showButtons(data, true, i);
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
321 }
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
322 // bird's eye view creation
703
d16dffcaeee1 cosmetics
hertzhaft
parents: 702
diff changeset
323 if (elemSettings.isBirdDivVisible) {
631
95c33992981a setupBirdDiv deferred until used
robcast
parents: 630
diff changeset
324 setupBirdDiv(data);
716
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
325 data.$birdDiv.show();
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
326 }
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
327 // about window creation - TODO: could be deferred? restrict to only one item?
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
328 setupAboutDiv(data);
703
d16dffcaeee1 cosmetics
hertzhaft
parents: 702
diff changeset
329 // TODO: the actual moving code
700
5909beb76d16 was producing multiple copies of $bg
hertzhaft
parents: 699
diff changeset
330 setupZoomDrag(data);
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
331 });
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
332 },
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
333
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
334 // destroy: clean up digilib
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
335 destroy : function(data) {
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
336 return this.each(function(){
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
337 var $elem = $(this);
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
338 $(window).unbind('.digilib'); // unbind all digilibs(?)
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
339 data.digilib.remove();
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
340 $elem.removeData('digilib');
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
341 });
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
342 },
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
343
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
344 // show or hide the 'about' window
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
345 showAboutDiv : function(data, show) {
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
346 data.settings.isAboutDivVisible = showDiv(data.settings.isAboutDivVisible, data.$aboutDiv, show);
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
347 },
648
8f76bd79648e first try at birdview indicator
hertzhaft
parents: 646
diff changeset
348
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
349 // event handler: toggles the visibility of the bird's eye window
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
350 showBirdDiv : function (data, show) {
719
e2429ec1976e fixed birdZoomDiv positioning in embedded mode
robcast
parents: 718
diff changeset
351 var settings = data.settings;
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
352 if (data.$birdDiv == null) {
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
353 // no bird div -> create
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
354 setupBirdDiv(data);
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
355 }
719
e2429ec1976e fixed birdZoomDiv positioning in embedded mode
robcast
parents: 718
diff changeset
356 settings.isBirdDivVisible = showDiv(settings.isBirdDivVisible, data.$birdDiv, show);
e2429ec1976e fixed birdZoomDiv positioning in embedded mode
robcast
parents: 718
diff changeset
357 updateBirdDiv(data);
716
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
358 storeOptions(data);
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
359 // data.$birdImg.triggerHandler('load'); // TODO: we shouldn't do that
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
360 },
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
361
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
362 // goto given page nr (+/-: relative)
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
363 gotoPage : function (data, pageNr) {
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
364 var settings = data.settings;
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
365 var oldpn = settings.pn;
709
661c13bfdcde goto page works now (with window.prompt)
robcast
parents: 708
diff changeset
366 if (pageNr == null) {
661c13bfdcde goto page works now (with window.prompt)
robcast
parents: 708
diff changeset
367 pageNr = window.prompt("Goto page number", oldpn);
661c13bfdcde goto page works now (with window.prompt)
robcast
parents: 708
diff changeset
368 }
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
369 var pn = setNumValue(settings, "pn", pageNr);
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
370 if (pn == null) return false; // nothing happened
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
371 if (pn < 1) {
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
372 alert("no such page (page number too low)");
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
373 settings.pn = oldpn;
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
374 return false;
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
375 }
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
376 if (settings.pt) {
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
377 if (pn > settings.pt) {
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
378 alert("no such page (page number too high)");
616
89f53fb8fd13 first attempt at switching images by page number
hertzhaft
parents: 615
diff changeset
379 settings.pn = oldpn;
89f53fb8fd13 first attempt at switching images by page number
hertzhaft
parents: 615
diff changeset
380 return false;
627
adb852652441 trying showAboutDivFn...
robcast
parents: 626
diff changeset
381 }
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
382 }
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
383 // reset mk and others(?)
711
830193789e0e improved embedded icons; page fwd/back scaler problem solved partially
hertzhaft
parents: 710
diff changeset
384 // TODO: adjust bird div
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
385 data.marks = [];
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
386 data.zoomArea = MAX_ZOOMAREA;
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
387 // then reload
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
388 redisplay(data);
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
389 },
647
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
390
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
391 // zoom by a given factor
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
392 zoomBy : function (data, factor) {
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
393 zoomBy(data, factor);
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
394 },
640
3f23600c96e5 set mark works now
robcast
parents: 638
diff changeset
395
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
396 // zoom interactively
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
397 zoomArea : function (data) {
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
398 zoomArea(data);
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
399 },
643
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
400
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
401 // zoom out to full page
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
402 zoomFull : function (data, mode) {
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
403 data.zoomArea = MAX_ZOOMAREA;
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
404 if (mode === 'width') {
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
405 data.dlOpts.fitwidth = 1;
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
406 delete data.dlOpts.fitheight;
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
407 } else if (mode === 'height') {
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
408 data.dlOpts.fitheight = 1;
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
409 delete data.dlOpts.fitwidth;
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
410 } else {
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
411 delete data.dlOpts.fitwidth;
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
412 delete data.dlOpts.fitheight;
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
413 }
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
414 redisplay(data);
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
415 },
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
416
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
417 // set a mark by clicking (or giving a position)
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
418 setMark : function (data, mpos) {
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
419 if (mpos == null) {
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
420 // interactive
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
421 setMark(data);
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
422 } else {
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
423 // use position
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
424 data.marks.push(pos);
656
cad479ecb089 rotate, contrast, and brightness
robcast
parents: 655
diff changeset
425 redisplay(data);
597
33605dd3e9c6 version zero of jquery.digilib
robcast
parents:
diff changeset
426 }
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
427 },
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
428
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
429 // remove the last mark
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
430 removeMark : function (data) {
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
431 data.marks.pop();
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
432 redisplay(data);
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
433 },
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
434
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
435 // mirror the image
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
436 mirror : function (data, mode) {
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
437 var flags = data.scalerFlags;
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
438 if (mode === 'h') {
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
439 if (flags.hmir) {
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
440 delete flags.hmir;
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
441 } else {
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
442 flags.hmir = 1;
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
443 }
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
444 } else {
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
445 if (flags.vmir) {
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
446 delete flags.vmir;
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
447 } else {
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
448 flags.vmir = 1;
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
449 }
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
450 }
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
451 redisplay(data);
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
452 },
643
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
453
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
454 // rotate the image
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
455 rotate : function (data, angle) {
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
456 var rot = data.settings.rot;
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
457 if (angle == null) {
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
458 angle = window.prompt("Rotation angle:", rot);
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
459 }
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
460 data.settings.rot = angle;
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
461 redisplay(data);
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
462 },
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
463
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
464 // change brightness
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
465 brightness : function (data, factor) {
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
466 var brgt = data.settings.brgt;
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
467 if (factor == null) {
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
468 factor = window.prompt("Brightness (-255..255)", brgt);
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
469 }
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
470 data.settings.brgt = factor;
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
471 redisplay(data);
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
472 },
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
473
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
474 // change contrast
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
475 contrast : function (data, factor) {
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
476 var cont = data.settings.cont;
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
477 if (factor == null) {
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
478 factor = window.prompt("Contrast (-8, 8)", cont);
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
479 }
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
480 data.settings.cont = factor;
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
481 redisplay(data);
681
0583d0a38de5 reset button plus action
hertzhaft
parents: 680
diff changeset
482 },
703
d16dffcaeee1 cosmetics
hertzhaft
parents: 702
diff changeset
483
683
33a4ac6b0b48 more or less buttons buttons - with animation :-)
robcast
parents: 680
diff changeset
484 // display more (or less) button sets
33a4ac6b0b48 more or less buttons buttons - with animation :-)
robcast
parents: 680
diff changeset
485 morebuttons : function (data, more) {
689
317f7033e6ed add toggle for last buttonset
hertzhaft
parents: 688
diff changeset
486 var settings = data.settings;
692
44ce57888a65 re-created toggle for morebuttons (more = null)
robcast
parents: 691
diff changeset
487 if (more == null) {
696
09e06aa12c0d set quality works now (window.prompt only)
robcast
parents: 694
diff changeset
488 // toggle more or less (only works for 2 sets)
692
44ce57888a65 re-created toggle for morebuttons (more = null)
robcast
parents: 691
diff changeset
489 var maxbtns = settings.buttonSettings[settings.interactionMode].buttonSets.length;
44ce57888a65 re-created toggle for morebuttons (more = null)
robcast
parents: 691
diff changeset
490 if (settings.visibleButtonSets >= maxbtns) {
44ce57888a65 re-created toggle for morebuttons (more = null)
robcast
parents: 691
diff changeset
491 more = '-1';
44ce57888a65 re-created toggle for morebuttons (more = null)
robcast
parents: 691
diff changeset
492 } else {
44ce57888a65 re-created toggle for morebuttons (more = null)
robcast
parents: 691
diff changeset
493 more = '+1';
44ce57888a65 re-created toggle for morebuttons (more = null)
robcast
parents: 691
diff changeset
494 }
44ce57888a65 re-created toggle for morebuttons (more = null)
robcast
parents: 691
diff changeset
495 }
683
33a4ac6b0b48 more or less buttons buttons - with animation :-)
robcast
parents: 680
diff changeset
496 if (more === '-1') {
33a4ac6b0b48 more or less buttons buttons - with animation :-)
robcast
parents: 680
diff changeset
497 // remove set
690
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
498 var setIdx = settings.visibleButtonSets - 1;
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
499 if (showButtons(data, false, setIdx, true)) {
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
500 settings.visibleButtonSets--;
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
501 }
683
33a4ac6b0b48 more or less buttons buttons - with animation :-)
robcast
parents: 680
diff changeset
502 } else {
33a4ac6b0b48 more or less buttons buttons - with animation :-)
robcast
parents: 680
diff changeset
503 // add set
690
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
504 var setIdx = settings.visibleButtonSets;
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
505 if (showButtons(data, true, setIdx, true)) {
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
506 settings.visibleButtonSets++;
683
33a4ac6b0b48 more or less buttons buttons - with animation :-)
robcast
parents: 680
diff changeset
507 }
33a4ac6b0b48 more or less buttons buttons - with animation :-)
robcast
parents: 680
diff changeset
508 }
716
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
509 // persist setting
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
510 storeOptions(data);
684
robcast
parents: 683 682
diff changeset
511 },
681
0583d0a38de5 reset button plus action
hertzhaft
parents: 680
diff changeset
512
696
09e06aa12c0d set quality works now (window.prompt only)
robcast
parents: 694
diff changeset
513 // reset image parameters to defaults
681
0583d0a38de5 reset button plus action
hertzhaft
parents: 680
diff changeset
514 reset : function (data) {
0583d0a38de5 reset button plus action
hertzhaft
parents: 680
diff changeset
515 var settings = data.settings;
0583d0a38de5 reset button plus action
hertzhaft
parents: 680
diff changeset
516 var paramNames = settings.digilibParamNames;
0583d0a38de5 reset button plus action
hertzhaft
parents: 680
diff changeset
517 var params = data.queryParams;
702
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
518 // resets zoomArea, marks, scalerflags
681
0583d0a38de5 reset button plus action
hertzhaft
parents: 680
diff changeset
519 resetData(data);
0583d0a38de5 reset button plus action
hertzhaft
parents: 680
diff changeset
520 // delete all digilib parameters
0583d0a38de5 reset button plus action
hertzhaft
parents: 680
diff changeset
521 for (var i = 0; i < paramNames.length; i++) {
0583d0a38de5 reset button plus action
hertzhaft
parents: 680
diff changeset
522 var paramName = paramNames[i];
0583d0a38de5 reset button plus action
hertzhaft
parents: 680
diff changeset
523 delete settings[paramName];
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
524 }
681
0583d0a38de5 reset button plus action
hertzhaft
parents: 680
diff changeset
525 // fullscreen: restore only fn/pn parameters
0583d0a38de5 reset button plus action
hertzhaft
parents: 680
diff changeset
526 if (settings.interactionMode === 'fullscreen') {
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
527 settings.fn = params.fn || ''; // no default defined
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
528 settings.pn = params.pn || defaults.pn;
681
0583d0a38de5 reset button plus action
hertzhaft
parents: 680
diff changeset
529 // embedded: restore original parameters
0583d0a38de5 reset button plus action
hertzhaft
parents: 680
diff changeset
530 } else {
0583d0a38de5 reset button plus action
hertzhaft
parents: 680
diff changeset
531 $.extend(settings, params);
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
532 }
702
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
533 // TODO: should we really reset all user preferences here?
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
534 settings.isBirdDivVisible = false;
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
535 settings.visibleButtonSets = 1;
705
e740c0b86508 'reset' should reset fitwidth/fitheight, too
hertzhaft
parents: 704
diff changeset
536 delete data.dlOpts.fitwidth;
e740c0b86508 'reset' should reset fitwidth/fitheight, too
hertzhaft
parents: 704
diff changeset
537 delete data.dlOpts.fitheight;
681
0583d0a38de5 reset button plus action
hertzhaft
parents: 680
diff changeset
538 redisplay(data);
682
2493d64eae64 reference button plus action
hertzhaft
parents: 681
diff changeset
539 },
2493d64eae64 reference button plus action
hertzhaft
parents: 681
diff changeset
540
696
09e06aa12c0d set quality works now (window.prompt only)
robcast
parents: 694
diff changeset
541 // presents a reference url (returns value if noprompt)
09e06aa12c0d set quality works now (window.prompt only)
robcast
parents: 694
diff changeset
542 reference : function (data, noprompt) {
682
2493d64eae64 reference button plus action
hertzhaft
parents: 681
diff changeset
543 var settings = data.settings;
2493d64eae64 reference button plus action
hertzhaft
parents: 681
diff changeset
544 var url;
2493d64eae64 reference button plus action
hertzhaft
parents: 681
diff changeset
545 if (settings.interactionMode === 'fullscreen') {
2493d64eae64 reference button plus action
hertzhaft
parents: 681
diff changeset
546 url = getDigilibUrl(data);
2493d64eae64 reference button plus action
hertzhaft
parents: 681
diff changeset
547 } else {
2493d64eae64 reference button plus action
hertzhaft
parents: 681
diff changeset
548 url = getScalerUrl(data);
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
549 }
696
09e06aa12c0d set quality works now (window.prompt only)
robcast
parents: 694
diff changeset
550 if (noprompt == null) {
09e06aa12c0d set quality works now (window.prompt only)
robcast
parents: 694
diff changeset
551 window.prompt("URL reference to the current view", url);
09e06aa12c0d set quality works now (window.prompt only)
robcast
parents: 694
diff changeset
552 }
09e06aa12c0d set quality works now (window.prompt only)
robcast
parents: 694
diff changeset
553 return url;
09e06aa12c0d set quality works now (window.prompt only)
robcast
parents: 694
diff changeset
554 },
703
d16dffcaeee1 cosmetics
hertzhaft
parents: 702
diff changeset
555
696
09e06aa12c0d set quality works now (window.prompt only)
robcast
parents: 694
diff changeset
556 // set image quality
09e06aa12c0d set quality works now (window.prompt only)
robcast
parents: 694
diff changeset
557 setquality : function (data, qual) {
09e06aa12c0d set quality works now (window.prompt only)
robcast
parents: 694
diff changeset
558 var oldq = getQuality(data);
09e06aa12c0d set quality works now (window.prompt only)
robcast
parents: 694
diff changeset
559 if (qual == null) {
09e06aa12c0d set quality works now (window.prompt only)
robcast
parents: 694
diff changeset
560 qual = window.prompt("Image quality (0..2)", oldq);
09e06aa12c0d set quality works now (window.prompt only)
robcast
parents: 694
diff changeset
561 }
09e06aa12c0d set quality works now (window.prompt only)
robcast
parents: 694
diff changeset
562 qual = parseInt(qual, 10);
09e06aa12c0d set quality works now (window.prompt only)
robcast
parents: 694
diff changeset
563 if (qual >= 0 && qual <= 2) {
09e06aa12c0d set quality works now (window.prompt only)
robcast
parents: 694
diff changeset
564 setQuality(data, qual);
09e06aa12c0d set quality works now (window.prompt only)
robcast
parents: 694
diff changeset
565 redisplay(data);
09e06aa12c0d set quality works now (window.prompt only)
robcast
parents: 694
diff changeset
566 }
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
567 }
598
81723e7efe82 next version zero of jquery.digilib
robcast
parents: 597
diff changeset
568 };
597
33605dd3e9c6 version zero of jquery.digilib
robcast
parents:
diff changeset
569
601
4da7592149e7 start work on scaler call
robcast
parents: 600
diff changeset
570 // returns parameters from page url
600
9da729b90004 parameter parsing
hertzhaft
parents: 598
diff changeset
571 var parseQueryParams = function() {
629
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
572 return parseQueryString(window.location.search.slice(1));
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
573 };
648
8f76bd79648e first try at birdview indicator
hertzhaft
parents: 646
diff changeset
574
629
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
575 // returns parameters from embedded img-element
600
9da729b90004 parameter parsing
hertzhaft
parents: 598
diff changeset
576 var parseImgParams = function($elem) {
606
d08d095430c3 keeping img tag for embedded mode seems to work now
robcast
parents: 605
diff changeset
577 var src = $elem.find('img').first().attr('src');
703
d16dffcaeee1 cosmetics
hertzhaft
parents: 702
diff changeset
578 if (!src) return null;
600
9da729b90004 parameter parsing
hertzhaft
parents: 598
diff changeset
579 var pos = src.indexOf('?');
9da729b90004 parameter parsing
hertzhaft
parents: 598
diff changeset
580 var query = (pos < 0) ? '' : src.substring(pos + 1);
9da729b90004 parameter parsing
hertzhaft
parents: 598
diff changeset
581 var scalerUrl = src.substring(0, pos);
620
b930fa64c684 scalerImgLoaded sets up img trafo
robcast
parents: 619
diff changeset
582 var params = parseQueryString(query);
b930fa64c684 scalerImgLoaded sets up img trafo
robcast
parents: 619
diff changeset
583 params.scalerBaseUrl = scalerUrl;
b930fa64c684 scalerImgLoaded sets up img trafo
robcast
parents: 619
diff changeset
584 return params;
629
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
585 };
600
9da729b90004 parameter parsing
hertzhaft
parents: 598
diff changeset
586
601
4da7592149e7 start work on scaler call
robcast
parents: 600
diff changeset
587 // parses query parameter string into parameter object
600
9da729b90004 parameter parsing
hertzhaft
parents: 598
diff changeset
588 var parseQueryString = function(query) {
694
53c75b4bc358 cookie handling now just in pack/unpackParameters
robcast
parents: 693
diff changeset
589 var params = {};
53c75b4bc358 cookie handling now just in pack/unpackParameters
robcast
parents: 693
diff changeset
590 if (query == null) return params;
600
9da729b90004 parameter parsing
hertzhaft
parents: 598
diff changeset
591 var pairs = query.split("&");
629
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
592 //var keys = [];
600
9da729b90004 parameter parsing
hertzhaft
parents: 598
diff changeset
593 for (var i = 0; i < pairs.length; i++) {
9da729b90004 parameter parsing
hertzhaft
parents: 598
diff changeset
594 var pair = pairs[i].split("=");
9da729b90004 parameter parsing
hertzhaft
parents: 598
diff changeset
595 if (pair.length === 2) {
620
b930fa64c684 scalerImgLoaded sets up img trafo
robcast
parents: 619
diff changeset
596 params[pair[0]] = pair[1];
629
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
597 //keys.push(pair[0]);
627
adb852652441 trying showAboutDivFn...
robcast
parents: 626
diff changeset
598 }
629
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
599 }
620
b930fa64c684 scalerImgLoaded sets up img trafo
robcast
parents: 619
diff changeset
600 return params;
629
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
601 };
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
602
636
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
603 // returns a query string from key names from a parameter hash (ignoring if the same value is in defaults)
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
604 var getParamString = function (settings, keys, defaults) {
608
5de82bb5022d setup bird's eye view div
hertzhaft
parents: 607
diff changeset
605 var paramString = '';
643
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
606 var nx = false;
608
5de82bb5022d setup bird's eye view div
hertzhaft
parents: 607
diff changeset
607 for (i = 0; i < keys.length; ++i) {
5de82bb5022d setup bird's eye view div
hertzhaft
parents: 607
diff changeset
608 var key = keys[i];
656
cad479ecb089 rotate, contrast, and brightness
robcast
parents: 655
diff changeset
609 if ((settings[key] != null) && ((defaults == null) || (settings[key] != defaults[key]))) {
608
5de82bb5022d setup bird's eye view div
hertzhaft
parents: 607
diff changeset
610 // first param gets no '&'
643
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
611 if (nx) {
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
612 paramString += '&';
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
613 } else {
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
614 nx = true;
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
615 }
608
5de82bb5022d setup bird's eye view div
hertzhaft
parents: 607
diff changeset
616 // add parm=val
5de82bb5022d setup bird's eye view div
hertzhaft
parents: 607
diff changeset
617 paramString += key + '=' + settings[key];
636
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
618 }
608
5de82bb5022d setup bird's eye view div
hertzhaft
parents: 607
diff changeset
619 }
5de82bb5022d setup bird's eye view div
hertzhaft
parents: 607
diff changeset
620 return paramString;
624
6b1b4d269967 more work on initialisation
robcast
parents: 622
diff changeset
621 };
6b1b4d269967 more work on initialisation
robcast
parents: 622
diff changeset
622
629
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
623 // returns URL and query string for Scaler
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
624 var getScalerUrl = function (data) {
646
f18fac852d93 fixed dumb bug
robcast
parents: 645
diff changeset
625 var settings = data.settings;
645
ce5c61b891f6 added guessing of scalerBaseUrl
robcast
parents: 644
diff changeset
626 if (settings.scalerBaseUrl == null) {
ce5c61b891f6 added guessing of scalerBaseUrl
robcast
parents: 644
diff changeset
627 alert("ERROR: URL of digilib Scaler servlet missing!");
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
628 }
658
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
629 packParams(data);
629
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
630 var keys = settings.scalerParamNames;
636
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
631 var queryString = getParamString(settings, keys, defaults);
629
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
632 var url = settings.scalerBaseUrl + '?' + queryString;
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
633 return url;
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
634 };
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
635
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
636 // returns URL and query string for current digilib
637
71cc855e2e4b reload doesn't take list of changed parameters any more
robcast
parents: 636
diff changeset
637 var getDigilibUrl = function (data) {
636
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
638 packParams(data);
629
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
639 var settings = data.settings;
637
71cc855e2e4b reload doesn't take list of changed parameters any more
robcast
parents: 636
diff changeset
640 var queryString = getParamString(settings, settings.digilibParamNames, defaults);
629
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
641 var url = window.location.toString();
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
642 var pos = url.indexOf('?');
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
643 var baseUrl = url.substring(0, pos);
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
644 var newurl = baseUrl + '?' + queryString;
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
645 return newurl;
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
646 };
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
647
648
8f76bd79648e first try at birdview indicator
hertzhaft
parents: 646
diff changeset
648 // processes some parameters into objects and stuff
624
6b1b4d269967 more work on initialisation
robcast
parents: 622
diff changeset
649 var unpackParams = function (data) {
6b1b4d269967 more work on initialisation
robcast
parents: 622
diff changeset
650 var settings = data.settings;
629
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
651 // zoom area
624
6b1b4d269967 more work on initialisation
robcast
parents: 622
diff changeset
652 var zoomArea = geom.rectangle(settings.wx, settings.wy, settings.ww, settings.wh);
636
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
653 data.zoomArea = zoomArea;
629
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
654 // marks
624
6b1b4d269967 more work on initialisation
robcast
parents: 622
diff changeset
655 var marks = [];
643
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
656 if (settings.mk) {
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
657 var mk = settings.mk;
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
658 if (mk.indexOf(";") >= 0) {
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
659 var pa = mk.split(";"); // old format with ";"
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
660 } else {
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
661 var pa = mk.split(","); // new format
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
662 }
643
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
663 for (var i = 0; i < pa.length ; i++) {
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
664 var pos = pa[i].split("/");
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
665 if (pos.length > 1) {
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
666 marks.push(geom.position(pos[0], pos[1]));
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
667 }
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
668 }
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
669 }
636
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
670 data.marks = marks;
643
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
671 // mo (Scaler flags)
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
672 var flags = {};
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
673 if (settings.mo) {
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
674 var pa = settings.mo.split(",");
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
675 for (var i = 0; i < pa.length ; i++) {
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
676 flags[pa[i]] = pa[i];
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
677 }
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
678 }
643
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
679 data.scalerFlags = flags;
716
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
680 retrieveOptions(data);
648
8f76bd79648e first try at birdview indicator
hertzhaft
parents: 646
diff changeset
681 };
8f76bd79648e first try at birdview indicator
hertzhaft
parents: 646
diff changeset
682
624
6b1b4d269967 more work on initialisation
robcast
parents: 622
diff changeset
683 // put objects back into parameters
6b1b4d269967 more work on initialisation
robcast
parents: 622
diff changeset
684 var packParams = function (data) {
6b1b4d269967 more work on initialisation
robcast
parents: 622
diff changeset
685 var settings = data.settings;
629
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
686 // zoom area
636
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
687 if (data.zoomArea) {
640
3f23600c96e5 set mark works now
robcast
parents: 638
diff changeset
688 settings.wx = cropFloat(data.zoomArea.x);
3f23600c96e5 set mark works now
robcast
parents: 638
diff changeset
689 settings.wy = cropFloat(data.zoomArea.y);
3f23600c96e5 set mark works now
robcast
parents: 638
diff changeset
690 settings.ww = cropFloat(data.zoomArea.width);
3f23600c96e5 set mark works now
robcast
parents: 638
diff changeset
691 settings.wh = cropFloat(data.zoomArea.height);
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
692 }
629
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
693 // marks
636
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
694 if (data.marks) {
643
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
695 settings.mk = '';
636
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
696 for (var i = 0; i < data.marks.length; i++) {
643
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
697 if (i) {
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
698 settings.mk += ',';
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
699 }
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
700 settings.mk += cropFloat(data.marks[i].x).toString() +
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
701 '/' + cropFloat(data.marks[i].y).toString();
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
702 }
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
703 }
643
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
704 // Scaler flags
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
705 if (data.scalerFlags) {
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
706 var mo = '';
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
707 for (var f in data.scalerFlags) {
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
708 if (mo) {
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
709 mo += ',';
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
710 }
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
711 mo += f;
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
712 }
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
713 settings.mo = mo;
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
714 }
703
d16dffcaeee1 cosmetics
hertzhaft
parents: 702
diff changeset
715 // user interface options
716
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
716 storeOptions(data);
702
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
717 };
681
0583d0a38de5 reset button plus action
hertzhaft
parents: 680
diff changeset
718
716
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
719 var storeOptions = function (data) {
694
53c75b4bc358 cookie handling now just in pack/unpackParameters
robcast
parents: 693
diff changeset
720 // save digilib options in cookie
702
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
721 // TODO: in embedded mode this is not called
694
53c75b4bc358 cookie handling now just in pack/unpackParameters
robcast
parents: 693
diff changeset
722 /* store in parameter clop
53c75b4bc358 cookie handling now just in pack/unpackParameters
robcast
parents: 693
diff changeset
723 * if (data.dlOpts) {
53c75b4bc358 cookie handling now just in pack/unpackParameters
robcast
parents: 693
diff changeset
724 var clop = '';
53c75b4bc358 cookie handling now just in pack/unpackParameters
robcast
parents: 693
diff changeset
725 for (var o in data.dlOpts) {
53c75b4bc358 cookie handling now just in pack/unpackParameters
robcast
parents: 693
diff changeset
726 if (clop) {
643
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
727 clop += ',';
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
728 }
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
729 clop += o;
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
730 }
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
731 settings.clop = clop;
694
53c75b4bc358 cookie handling now just in pack/unpackParameters
robcast
parents: 693
diff changeset
732 } */
702
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
733 var settings = data.settings;
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
734 if (data.dlOpts) {
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
735 // save digilib settings in options
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
736 data.dlOpts.birdview = settings.isBirdDivVisible ? 1 : 0;
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
737 data.dlOpts.buttons = settings.visibleButtonSets;
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
738 var clop = '';
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
739 for (var o in data.dlOpts) {
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
740 if (clop) {
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
741 clop += '&';
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
742 }
702
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
743 clop += o + '=' + data.dlOpts[o];
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
744 }
702
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
745 if (jQuery.cookie) {
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
746 var ck = "digilib:fn:" + escape(settings.fn) + ":pn:" + settings.pn;
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
747 console.debug("set cookie=", ck, " value=", clop);
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
748 jQuery.cookie(ck, clop);
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
749 }
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
750 }
720
203ef842de13 first steps to storing embedded state in cookie
robcast
parents: 719
diff changeset
751 if (settings.interactionMode !== 'fullscreen' && jQuery.cookie) {
203ef842de13 first steps to storing embedded state in cookie
robcast
parents: 719
diff changeset
752 // store normal parameters in cookie for embedded mode
203ef842de13 first steps to storing embedded state in cookie
robcast
parents: 719
diff changeset
753 var qs = getParamString(settings, settings.digilibParamNames, defaults);
203ef842de13 first steps to storing embedded state in cookie
robcast
parents: 719
diff changeset
754 var ck = "digilib-embed:fn:" + escape(settings.fn) + ":pn:" + settings.pn;
203ef842de13 first steps to storing embedded state in cookie
robcast
parents: 719
diff changeset
755 console.debug("set cookie=", ck, " value=", qs);
203ef842de13 first steps to storing embedded state in cookie
robcast
parents: 719
diff changeset
756 jQuery.cookie(ck, qs);
203ef842de13 first steps to storing embedded state in cookie
robcast
parents: 719
diff changeset
757 }
624
6b1b4d269967 more work on initialisation
robcast
parents: 622
diff changeset
758 };
648
8f76bd79648e first try at birdview indicator
hertzhaft
parents: 646
diff changeset
759
716
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
760 var retrieveOptions = function (data) {
702
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
761 // clop (digilib options)
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
762 var opts = {};
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
763 var settings = data.settings;
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
764 if (jQuery.cookie) {
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
765 /* read from parameter clop
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
766 * if (settings.clop) {
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
767 var pa = settings.clop.split(",");
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
768 for (var i = 0; i < pa.length ; i++) {
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
769 opts[pa[i]] = pa[i];
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
770 }
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
771 } */
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
772 // read from cookie
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
773 var ck = "digilib:fn:" + escape(settings.fn) + ":pn:" + settings.pn;
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
774 var cp = jQuery.cookie(ck);
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
775 console.debug("get cookie=", ck, " value=", cp);
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
776 // in query string format
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
777 opts = parseQueryString(cp);
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
778 }
702
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
779 data.dlOpts = opts;
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
780 // birdview option
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
781 if (opts.birdview != null) {
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
782 settings.isBirdDivVisible = opts.birdview === '1';
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
783 }
702
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
784 // visible button sets
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
785 if (opts.buttons != null) {
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
786 settings.visibleButtonSets = opts.buttons;
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
787 }
704
1e45fb7f2e8b improved button positioning
robcast
parents: 703
diff changeset
788 };
702
89ff5133d1c1 fixed some reset and cookie issues
hertzhaft
parents: 701
diff changeset
789
681
0583d0a38de5 reset button plus action
hertzhaft
parents: 680
diff changeset
790 // clear digilib data for reset
0583d0a38de5 reset button plus action
hertzhaft
parents: 680
diff changeset
791 var resetData = function (data) {
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
792 // TODO: we should reset instead of delete
681
0583d0a38de5 reset button plus action
hertzhaft
parents: 680
diff changeset
793 if (data.zoomArea) delete data.zoomArea;
0583d0a38de5 reset button plus action
hertzhaft
parents: 680
diff changeset
794 if (data.marks) delete data.marks;
0583d0a38de5 reset button plus action
hertzhaft
parents: 680
diff changeset
795 if (data.scalerFlags) delete data.scalerFlags;
0583d0a38de5 reset button plus action
hertzhaft
parents: 680
diff changeset
796 };
0583d0a38de5 reset button plus action
hertzhaft
parents: 680
diff changeset
797
615
ca1cdfe7b064 factored out display function
hertzhaft
parents: 614
diff changeset
798 // (re)load the img from a new scaler URL
637
71cc855e2e4b reload doesn't take list of changed parameters any more
robcast
parents: 636
diff changeset
799 var redisplay = function (data) {
629
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
800 var settings = data.settings;
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
801 if (settings.interactionMode === 'fullscreen') {
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
802 // update location.href (browser URL) in fullscreen mode
637
71cc855e2e4b reload doesn't take list of changed parameters any more
robcast
parents: 636
diff changeset
803 var url = getDigilibUrl(data);
629
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
804 var history = window.history;
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
805 if (typeof(history.pushState) === 'function') {
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
806 console.debug("we could modify history, but we don't...");
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
807 }
629
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
808 window.location = url;
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
809 } else {
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
810 // embedded mode -- just change img src
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
811 var url = getScalerUrl(data);
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
812 data.$img.attr('src', url);
719
e2429ec1976e fixed birdZoomDiv positioning in embedded mode
robcast
parents: 718
diff changeset
813 // redisplay bird img
e2429ec1976e fixed birdZoomDiv positioning in embedded mode
robcast
parents: 718
diff changeset
814 updateBirdDiv(data);
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
815 }
615
ca1cdfe7b064 factored out display function
hertzhaft
parents: 614
diff changeset
816 };
ca1cdfe7b064 factored out display function
hertzhaft
parents: 614
diff changeset
817
655
7694475609ed fix bug in birdview handling.
robcast
parents: 654
diff changeset
818 // returns maximum size for scaler img in fullscreen mode
7694475609ed fix bug in birdview handling.
robcast
parents: 654
diff changeset
819 var getFullscreenImgSize = function($elem) {
7694475609ed fix bug in birdview handling.
robcast
parents: 654
diff changeset
820 var $win = $(window);
7694475609ed fix bug in birdview handling.
robcast
parents: 654
diff changeset
821 var winH = $win.height();
7694475609ed fix bug in birdview handling.
robcast
parents: 654
diff changeset
822 var winW = $win.width();
7694475609ed fix bug in birdview handling.
robcast
parents: 654
diff changeset
823 // TODO: account for borders?
7694475609ed fix bug in birdview handling.
robcast
parents: 654
diff changeset
824 return geom.size(winW, winH);
7694475609ed fix bug in birdview handling.
robcast
parents: 654
diff changeset
825 };
7694475609ed fix bug in birdview handling.
robcast
parents: 654
diff changeset
826
601
4da7592149e7 start work on scaler call
robcast
parents: 600
diff changeset
827 // creates HTML structure for digilib in elem
620
b930fa64c684 scalerImgLoaded sets up img trafo
robcast
parents: 619
diff changeset
828 var setupScalerDiv = function (data) {
b930fa64c684 scalerImgLoaded sets up img trafo
robcast
parents: 619
diff changeset
829 var settings = data.settings;
640
3f23600c96e5 set mark works now
robcast
parents: 638
diff changeset
830 var $elem = data.$elem;
718
996a584f1a0b put styles in stylesheet.
robcast
parents: 717
diff changeset
831 $elem.addClass('digilib');
679
95f531b91fe7 trying to work around IE bugs, debugging for IE
hertzhaft
parents: 675
diff changeset
832 var $img, scalerUrl;
95f531b91fe7 trying to work around IE bugs, debugging for IE
hertzhaft
parents: 675
diff changeset
833 // fullscreen
601
4da7592149e7 start work on scaler call
robcast
parents: 600
diff changeset
834 if (settings.interactionMode === 'fullscreen') {
718
996a584f1a0b put styles in stylesheet.
robcast
parents: 717
diff changeset
835 $elem.addClass('dl_fullscreen');
602
c6f62be59683 start work on scaler call
robcast
parents: 601
diff changeset
836 var imgSize = getFullscreenImgSize($elem);
643
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
837 // fitwidth/height omits destination height/width
708
fc54b455f7f8 getting rid of bg div in zoomDrag
hertzhaft
parents: 707
diff changeset
838 // if (data.dlOpts['fitheight'] !== '1') {
fc54b455f7f8 getting rid of bg div in zoomDrag
hertzhaft
parents: 707
diff changeset
839 if (data.dlOpts['fitheight'] == null) {
643
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
840 settings.dw = imgSize.width;
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
841 }
708
fc54b455f7f8 getting rid of bg div in zoomDrag
hertzhaft
parents: 707
diff changeset
842 // if (data.dlOpts['fitwidth'] !== '1') {
fc54b455f7f8 getting rid of bg div in zoomDrag
hertzhaft
parents: 707
diff changeset
843 if (data.dlOpts['fitwidth'] == null) {
643
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
844 settings.dh = imgSize.height;
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
845 }
606
d08d095430c3 keeping img tag for embedded mode seems to work now
robcast
parents: 605
diff changeset
846 $img = $('<img/>');
679
95f531b91fe7 trying to work around IE bugs, debugging for IE
hertzhaft
parents: 675
diff changeset
847 scalerUrl = getScalerUrl(data);
95f531b91fe7 trying to work around IE bugs, debugging for IE
hertzhaft
parents: 675
diff changeset
848 // embedded mode -- try to keep img tag
602
c6f62be59683 start work on scaler call
robcast
parents: 601
diff changeset
849 } else {
718
996a584f1a0b put styles in stylesheet.
robcast
parents: 717
diff changeset
850 $elem.addClass('dl_embedded');
616
89f53fb8fd13 first attempt at switching images by page number
hertzhaft
parents: 615
diff changeset
851 $img = $elem.find('img');
606
d08d095430c3 keeping img tag for embedded mode seems to work now
robcast
parents: 605
diff changeset
852 if ($img.length > 0) {
679
95f531b91fe7 trying to work around IE bugs, debugging for IE
hertzhaft
parents: 675
diff changeset
853 console.debug("img detach:", $img);
95f531b91fe7 trying to work around IE bugs, debugging for IE
hertzhaft
parents: 675
diff changeset
854 scalerUrl = $img.attr('src');
606
d08d095430c3 keeping img tag for embedded mode seems to work now
robcast
parents: 605
diff changeset
855 $img.detach();
d08d095430c3 keeping img tag for embedded mode seems to work now
robcast
parents: 605
diff changeset
856 } else {
d08d095430c3 keeping img tag for embedded mode seems to work now
robcast
parents: 605
diff changeset
857 $img = $('<img/>');
679
95f531b91fe7 trying to work around IE bugs, debugging for IE
hertzhaft
parents: 675
diff changeset
858 scalerUrl = getScalerUrl(data);
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
859 }
601
4da7592149e7 start work on scaler call
robcast
parents: 600
diff changeset
860 }
606
d08d095430c3 keeping img tag for embedded mode seems to work now
robcast
parents: 605
diff changeset
861 // create new html
d08d095430c3 keeping img tag for embedded mode seems to work now
robcast
parents: 605
diff changeset
862 $elem.empty(); // TODO: should we keep stuff for customization?
d08d095430c3 keeping img tag for embedded mode seems to work now
robcast
parents: 605
diff changeset
863 var $scaler = $('<div class="scaler"/>');
d08d095430c3 keeping img tag for embedded mode seems to work now
robcast
parents: 605
diff changeset
864 $elem.append($scaler);
d08d095430c3 keeping img tag for embedded mode seems to work now
robcast
parents: 605
diff changeset
865 $scaler.append($img);
615
ca1cdfe7b064 factored out display function
hertzhaft
parents: 614
diff changeset
866 $img.addClass('pic');
642
a656e52d7c18 beter event handling for setMark...
robcast
parents: 641
diff changeset
867 data.$scaler = $scaler;
629
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
868 data.$img = $img;
680
d18b4170182f fix zoom bug introduced with last change
hertzhaft
parents: 679
diff changeset
869 // setup image load handler before setting the src attribute (IE bug)
d18b4170182f fix zoom bug introduced with last change
hertzhaft
parents: 679
diff changeset
870 $img.load(scalerImgLoadedHandler(data));
d18b4170182f fix zoom bug introduced with last change
hertzhaft
parents: 679
diff changeset
871 $img.attr('src', scalerUrl);
601
4da7592149e7 start work on scaler call
robcast
parents: 600
diff changeset
872 };
608
5de82bb5022d setup bird's eye view div
hertzhaft
parents: 607
diff changeset
873
603
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
874 // creates HTML structure for buttons in elem
690
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
875 var createButtons = function (data, buttonSetIdx) {
640
3f23600c96e5 set mark works now
robcast
parents: 638
diff changeset
876 var $elem = data.$elem;
621
7f97716b901c changed methods to pass "data" around instead of "settings"
robcast
parents: 620
diff changeset
877 var settings = data.settings;
658
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
878 var mode = settings.interactionMode;
665
0d3d9517e448 image transform works now under rotation!!! (at least for multiples of 90deg)
robcast
parents: 664
diff changeset
879 var buttonSettings = settings.buttonSettings[mode];
675
5c7f90a3c552 infrastructure for switchable button sets
robcast
parents: 674
diff changeset
880 var buttonGroup = buttonSettings.buttonSets[buttonSetIdx];
683
33a4ac6b0b48 more or less buttons buttons - with animation :-)
robcast
parents: 680
diff changeset
881 if (buttonGroup == null) {
33a4ac6b0b48 more or less buttons buttons - with animation :-)
robcast
parents: 680
diff changeset
882 // no buttons here
33a4ac6b0b48 more or less buttons buttons - with animation :-)
robcast
parents: 680
diff changeset
883 return;
33a4ac6b0b48 more or less buttons buttons - with animation :-)
robcast
parents: 680
diff changeset
884 }
33a4ac6b0b48 more or less buttons buttons - with animation :-)
robcast
parents: 680
diff changeset
885 var $buttonsDiv = $('<div class="buttons"/>');
675
5c7f90a3c552 infrastructure for switchable button sets
robcast
parents: 674
diff changeset
886 var buttonNames = buttonSettings[buttonGroup];
5c7f90a3c552 infrastructure for switchable button sets
robcast
parents: 674
diff changeset
887 for (var i = 0; i < buttonNames.length; i++) {
5c7f90a3c552 infrastructure for switchable button sets
robcast
parents: 674
diff changeset
888 var buttonName = buttonNames[i];
5c7f90a3c552 infrastructure for switchable button sets
robcast
parents: 674
diff changeset
889 var buttonConfig = settings.buttons[buttonName];
658
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
890 // construct the button html
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
891 var $button = $('<div class="button"></div>');
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
892 var $a = $('<a/>');
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
893 var $img = $('<img class="button"/>');
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
894 $buttonsDiv.append($button);
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
895 $button.append($a);
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
896 $a.append($img);
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
897 // add attributes and bindings
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
898 $button.attr('title', buttonConfig.tooltip);
675
5c7f90a3c552 infrastructure for switchable button sets
robcast
parents: 674
diff changeset
899 $button.addClass('button-' + buttonName);
658
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
900 // create handler for the buttons
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
901 $a.bind('click.digilib', (function () {
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
902 // we create a new closure to capture the value of action
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
903 var action = buttonConfig.onclick;
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
904 if ($.isArray(action)) {
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
905 // the handler function calls digilib with action and parameters
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
906 return function (evt) {
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
907 console.debug('click action=', action, ' evt=', evt);
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
908 $elem.digilib.apply($elem, action);
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
909 return false;
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
910 };
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
911 } else {
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
912 // the handler function calls digilib with action
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
913 return function (evt) {
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
914 console.debug('click action=', action, ' evt=', evt);
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
915 $elem.digilib(action);
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
916 return false;
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
917 };
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
918 }
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
919 })());
934da7e40031 small buttons for embedded mode
hertzhaft
parents: 657
diff changeset
920 $img.attr('src', buttonSettings.imagePath + buttonConfig.img);
683
33a4ac6b0b48 more or less buttons buttons - with animation :-)
robcast
parents: 680
diff changeset
921 }
655
7694475609ed fix bug in birdview handling.
robcast
parents: 654
diff changeset
922 // make buttons div scroll if too large for window
7694475609ed fix bug in birdview handling.
robcast
parents: 654
diff changeset
923 if ($buttonsDiv.height() > $(window).height() - 10) {
7694475609ed fix bug in birdview handling.
robcast
parents: 654
diff changeset
924 $buttonsDiv.css('position', 'absolute');
7694475609ed fix bug in birdview handling.
robcast
parents: 654
diff changeset
925 }
690
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
926 // buttons hidden at first
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
927 $buttonsDiv.hide();
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
928 $elem.append($buttonsDiv);
675
5c7f90a3c552 infrastructure for switchable button sets
robcast
parents: 674
diff changeset
929 if (data.$buttonSets == null) {
690
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
930 // first button set
675
5c7f90a3c552 infrastructure for switchable button sets
robcast
parents: 674
diff changeset
931 data.$buttonSets = [$buttonsDiv];
5c7f90a3c552 infrastructure for switchable button sets
robcast
parents: 674
diff changeset
932 } else {
683
33a4ac6b0b48 more or less buttons buttons - with animation :-)
robcast
parents: 680
diff changeset
933 $elem.append($buttonsDiv);
675
5c7f90a3c552 infrastructure for switchable button sets
robcast
parents: 674
diff changeset
934 data.$buttonSets[buttonSetIdx] = $buttonsDiv;
5c7f90a3c552 infrastructure for switchable button sets
robcast
parents: 674
diff changeset
935 }
605
959bf7c3d684 bind data and actions to buttons
hertzhaft
parents: 604
diff changeset
936 return $buttonsDiv;
603
e92511f4dddc code for generating the buttons
hertzhaft
parents: 602
diff changeset
937 };
608
5de82bb5022d setup bird's eye view div
hertzhaft
parents: 607
diff changeset
938
716
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
939 // returns URL for bird's eye view image
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
940 var getBirdImgUrl = function (data) {
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
941 var settings = data.settings;
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
942 var birdDivOptions = {
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
943 dw : settings.birdDivWidth,
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
944 dh : settings.birdDivHeight
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
945 };
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
946 var birdSettings = $.extend({}, settings, birdDivOptions);
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
947 // use only the relevant parameters
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
948 var birdUrl = settings.scalerBaseUrl + '?' +
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
949 getParamString(birdSettings, settings.birdDivParams);
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
950 return birdUrl;
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
951 };
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
952
608
5de82bb5022d setup bird's eye view div
hertzhaft
parents: 607
diff changeset
953 // creates HTML structure for the bird's eye view in elem
631
95c33992981a setupBirdDiv deferred until used
robcast
parents: 630
diff changeset
954 var setupBirdDiv = function (data) {
640
3f23600c96e5 set mark works now
robcast
parents: 638
diff changeset
955 var $elem = data.$elem;
608
5de82bb5022d setup bird's eye view div
hertzhaft
parents: 607
diff changeset
956 // the bird's eye div
651
2d85d820501d split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 649
diff changeset
957 var $birdDiv = $('<div class="birdview" style="display:none"/>');
608
5de82bb5022d setup bird's eye view div
hertzhaft
parents: 607
diff changeset
958 // the detail indicator frame
719
e2429ec1976e fixed birdZoomDiv positioning in embedded mode
robcast
parents: 718
diff changeset
959 var $birdZoom = $('<div class="birdzoom" style="display:none; background-color:transparent;"/>');
608
5de82bb5022d setup bird's eye view div
hertzhaft
parents: 607
diff changeset
960 // the small image
5de82bb5022d setup bird's eye view div
hertzhaft
parents: 607
diff changeset
961 var $birdImg = $('<img class="birdimg"/>');
716
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
962 data.$birdDiv = $birdDiv;
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
963 data.$birdZoom = $birdZoom;
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
964 data.$birdImg = $birdImg;
651
2d85d820501d split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 649
diff changeset
965 $elem.append($birdDiv);
671
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
966 $birdDiv.append($birdZoom);
651
2d85d820501d split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 649
diff changeset
967 $birdDiv.append($birdImg);
671
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
968 $birdZoom.css(data.settings.birdIndicatorStyle);
716
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
969 var birdUrl = getBirdImgUrl(data);
651
2d85d820501d split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 649
diff changeset
970 $birdImg.load(birdImgLoadedHandler(data));
716
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
971 $birdImg.attr('src', birdUrl);
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
972 };
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
973
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
974 // update bird's eye view
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
975 var updateBirdDiv = function (data) {
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
976 if (!data.settings.isBirdDivVisible) return;
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
977 var $birdImg = data.$birdImg;
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
978 var oldsrc = $birdImg.attr('src');
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
979 var newsrc = getBirdImgUrl(data);
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
980 if (oldsrc !== newsrc) {
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
981 $birdImg.attr('src', newsrc);
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
982 // onload handler re-renders
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
983 } else {
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
984 // re-render
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
985 renderBirdArea(data);
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
986 }
712
6349e5c090c6 change birdview along with scalerUrl in embedded mode
hertzhaft
parents: 711
diff changeset
987 };
6349e5c090c6 change birdview along with scalerUrl in embedded mode
hertzhaft
parents: 711
diff changeset
988
618
8bdc9659ecfa small merge and fix
robcast
parents: 612 613
diff changeset
989 // creates HTML structure for the about view in elem
621
7f97716b901c changed methods to pass "data" around instead of "settings"
robcast
parents: 620
diff changeset
990 var setupAboutDiv = function (data) {
640
3f23600c96e5 set mark works now
robcast
parents: 638
diff changeset
991 var $elem = data.$elem;
621
7f97716b901c changed methods to pass "data" around instead of "settings"
robcast
parents: 620
diff changeset
992 var settings = data.settings;
618
8bdc9659ecfa small merge and fix
robcast
parents: 612 613
diff changeset
993 var $aboutDiv = $('<div class="about" style="display:none"/>');
609
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
994 var $header = $('<p>Digilib Graphic Viewer</p>');
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
995 var $link = $('<a/>');
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
996 var $logo = $('<img class="logo" title="digilib"/>');
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
997 var $content = $('<p/>');
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
998 $elem.append($aboutDiv);
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
999 $aboutDiv.append($header);
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
1000 $aboutDiv.append($link);
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
1001 $aboutDiv.append($content);
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
1002 $link.append($logo);
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
1003 $logo.attr('src', settings.logoUrl);
628
a78491a53c2a changed button onclick binding to use closure
robcast
parents: 627
diff changeset
1004 $link.attr('href', settings.homeUrl);
609
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
1005 $content.text('Version: ' + settings.version);
628
a78491a53c2a changed button onclick binding to use closure
robcast
parents: 627
diff changeset
1006 // click hides
642
a656e52d7c18 beter event handling for setMark...
robcast
parents: 641
diff changeset
1007 $aboutDiv.bind('click.digilib', function () {
639
aa54642d666d even smaller improvement
hertzhaft
parents: 638
diff changeset
1008 settings.isAboutDivVisible = showDiv(settings.isAboutDivVisible, $aboutDiv, 0);
642
a656e52d7c18 beter event handling for setMark...
robcast
parents: 641
diff changeset
1009 return false;
703
d16dffcaeee1 cosmetics
hertzhaft
parents: 702
diff changeset
1010 });
628
a78491a53c2a changed button onclick binding to use closure
robcast
parents: 627
diff changeset
1011 data.$aboutDiv = $aboutDiv;
627
adb852652441 trying showAboutDivFn...
robcast
parents: 626
diff changeset
1012 };
adb852652441 trying showAboutDivFn...
robcast
parents: 626
diff changeset
1013
628
a78491a53c2a changed button onclick binding to use closure
robcast
parents: 627
diff changeset
1014 // shows some window e.g. 'about' (toggle visibility if show is null)
a78491a53c2a changed button onclick binding to use closure
robcast
parents: 627
diff changeset
1015 var showDiv = function (isVisible, $div, show) {
638
904a722c2149 small improvement
robcast
parents: 637
diff changeset
1016 if (show == null) {
628
a78491a53c2a changed button onclick binding to use closure
robcast
parents: 627
diff changeset
1017 // toggle visibility
a78491a53c2a changed button onclick binding to use closure
robcast
parents: 627
diff changeset
1018 isVisible = !isVisible;
a78491a53c2a changed button onclick binding to use closure
robcast
parents: 627
diff changeset
1019 } else {
a78491a53c2a changed button onclick binding to use closure
robcast
parents: 627
diff changeset
1020 // set visibility
a78491a53c2a changed button onclick binding to use closure
robcast
parents: 627
diff changeset
1021 isVisible = show;
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
1022 }
628
a78491a53c2a changed button onclick binding to use closure
robcast
parents: 627
diff changeset
1023 if (isVisible) {
a78491a53c2a changed button onclick binding to use closure
robcast
parents: 627
diff changeset
1024 $div.fadeIn();
a78491a53c2a changed button onclick binding to use closure
robcast
parents: 627
diff changeset
1025 } else {
a78491a53c2a changed button onclick binding to use closure
robcast
parents: 627
diff changeset
1026 $div.fadeOut();
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
1027 }
628
a78491a53c2a changed button onclick binding to use closure
robcast
parents: 627
diff changeset
1028 return isVisible;
627
adb852652441 trying showAboutDivFn...
robcast
parents: 626
diff changeset
1029 };
609
e18dedef32fb setup the 'about' window
hertzhaft
parents: 608
diff changeset
1030
690
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
1031 // display more (or less) button sets
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
1032 var showButtons = function (data, more, setIdx, animated) {
704
1e45fb7f2e8b improved button positioning
robcast
parents: 703
diff changeset
1033 var atime = animated ? 'fast': 0;
690
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
1034 if (more) {
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
1035 // add set
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
1036 var $otherSets = data.$elem.find('div.buttons:visible');
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
1037 var $set;
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
1038 if (data.$buttonSets && data.$buttonSets[setIdx]) {
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
1039 // set exists
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
1040 $set = data.$buttonSets[setIdx];
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
1041 } else {
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
1042 $set = createButtons(data, setIdx);
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
1043 }
690
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
1044 if ($set == null) return false;
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
1045 var btnWidth = $set.width();
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
1046 // move remaining sets left and show new set
704
1e45fb7f2e8b improved button positioning
robcast
parents: 703
diff changeset
1047 if ($otherSets.length > 0) {
1e45fb7f2e8b improved button positioning
robcast
parents: 703
diff changeset
1048 $otherSets.animate({right : '+='+btnWidth+'px'}, atime,
1e45fb7f2e8b improved button positioning
robcast
parents: 703
diff changeset
1049 function () {$set.show();});
690
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
1050 } else {
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
1051 $set.show();
704
1e45fb7f2e8b improved button positioning
robcast
parents: 703
diff changeset
1052 }
690
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
1053 } else {
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
1054 // remove set
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
1055 var $set = data.$buttonSets[setIdx];
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
1056 if ($set == null) return false;
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
1057 var btnWidth = $set.width();
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
1058 // hide last set
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
1059 $set.hide();
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
1060 // take remaining sets and move right
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
1061 var $otherSets = data.$elem.find('div.buttons:visible');
704
1e45fb7f2e8b improved button positioning
robcast
parents: 703
diff changeset
1062 $otherSets.animate({right : '-='+btnWidth+'px'}, atime);
1e45fb7f2e8b improved button positioning
robcast
parents: 703
diff changeset
1063 }
690
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
1064 return true;
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
1065 };
dfdee83a0a32 better handling of button sets
robcast
parents: 688
diff changeset
1066
651
2d85d820501d split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 649
diff changeset
1067 // create Transform from area and $img
668
9f8056d6c289 transformation with mirror works now too!
robcast
parents: 666
diff changeset
1068 var getImgTrafo = function ($img, area, rot, hmir, vmir) {
651
2d85d820501d split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 649
diff changeset
1069 var picrect = geom.rectangle($img);
2d85d820501d split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 649
diff changeset
1070 var trafo = geom.transform();
668
9f8056d6c289 transformation with mirror works now too!
robcast
parents: 666
diff changeset
1071 // move zoom area offset to center
651
2d85d820501d split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 649
diff changeset
1072 trafo.concat(trafo.getTranslation(geom.position(-area.x, -area.y)));
668
9f8056d6c289 transformation with mirror works now too!
robcast
parents: 666
diff changeset
1073 // scale zoom area size to [1,1]
651
2d85d820501d split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 649
diff changeset
1074 trafo.concat(trafo.getScale(geom.size(1/area.width, 1/area.height)));
668
9f8056d6c289 transformation with mirror works now too!
robcast
parents: 666
diff changeset
1075 // rotate and mirror (around transformed image center i.e. [0.5,0.5])
9f8056d6c289 transformation with mirror works now too!
robcast
parents: 666
diff changeset
1076 if (rot || hmir || vmir) {
9f8056d6c289 transformation with mirror works now too!
robcast
parents: 666
diff changeset
1077 // move [0.5,0.5] to center
9f8056d6c289 transformation with mirror works now too!
robcast
parents: 666
diff changeset
1078 trafo.concat(trafo.getTranslation(geom.position(-0.5, -0.5)));
9f8056d6c289 transformation with mirror works now too!
robcast
parents: 666
diff changeset
1079 if (hmir) {
9f8056d6c289 transformation with mirror works now too!
robcast
parents: 666
diff changeset
1080 // mirror about center
9f8056d6c289 transformation with mirror works now too!
robcast
parents: 666
diff changeset
1081 trafo.concat(trafo.getMirror('y'));
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
1082 }
668
9f8056d6c289 transformation with mirror works now too!
robcast
parents: 666
diff changeset
1083 if (vmir) {
9f8056d6c289 transformation with mirror works now too!
robcast
parents: 666
diff changeset
1084 // mirror about center
9f8056d6c289 transformation with mirror works now too!
robcast
parents: 666
diff changeset
1085 trafo.concat(trafo.getMirror('x'));
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
1086 }
668
9f8056d6c289 transformation with mirror works now too!
robcast
parents: 666
diff changeset
1087 if (rot) {
9f8056d6c289 transformation with mirror works now too!
robcast
parents: 666
diff changeset
1088 // rotate around center
9f8056d6c289 transformation with mirror works now too!
robcast
parents: 666
diff changeset
1089 trafo.concat(trafo.getRotation(parseFloat(rot)));
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
1090 }
668
9f8056d6c289 transformation with mirror works now too!
robcast
parents: 666
diff changeset
1091 // move back
9f8056d6c289 transformation with mirror works now too!
robcast
parents: 666
diff changeset
1092 trafo.concat(trafo.getTranslation(geom.position(0.5, 0.5)));
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
1093 }
657
b0c6cc4a0932 work on getting transformation to work with rotation (currently still doesn't)
robcast
parents: 656
diff changeset
1094 // scale to screen position and size
651
2d85d820501d split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 649
diff changeset
1095 trafo.concat(trafo.getScale(picrect));
2d85d820501d split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 649
diff changeset
1096 trafo.concat(trafo.getTranslation(picrect));
2d85d820501d split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 649
diff changeset
1097 return trafo;
648
8f76bd79648e first try at birdview indicator
hertzhaft
parents: 646
diff changeset
1098 };
671
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1099
606
d08d095430c3 keeping img tag for embedded mode seems to work now
robcast
parents: 605
diff changeset
1100 // returns function for load event of scaler img
629
6b24ad042d7b last and next page works now
robcast
parents: 628
diff changeset
1101 var scalerImgLoadedHandler = function (data) {
626
e9493573e5d8 rendering marks works now
robcast
parents: 624
diff changeset
1102 return function () {
716
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
1103 var $img = $(this);
620
b930fa64c684 scalerImgLoaded sets up img trafo
robcast
parents: 619
diff changeset
1104 console.debug("img loaded! this=", this, " data=", data);
b930fa64c684 scalerImgLoaded sets up img trafo
robcast
parents: 619
diff changeset
1105 // create Transform from current area and picsize
668
9f8056d6c289 transformation with mirror works now too!
robcast
parents: 666
diff changeset
1106 data.imgTrafo = getImgTrafo($img, data.zoomArea,
9f8056d6c289 transformation with mirror works now too!
robcast
parents: 666
diff changeset
1107 data.settings.rot, data.scalerFlags.hmir, data.scalerFlags.vmir);
679
95f531b91fe7 trying to work around IE bugs, debugging for IE
hertzhaft
parents: 675
diff changeset
1108 console.debug("imgTrafo=", data.imgTrafo);
713
653f0a87550c adjust size of scalerDiv only when img loaded
hertzhaft
parents: 712
diff changeset
1109 // set scaler div size explicitly in case $img is hidden (for zoomDrag)
653f0a87550c adjust size of scalerDiv only when img loaded
hertzhaft
parents: 712
diff changeset
1110 var $imgRect = geom.rectangle(data.$img);
653f0a87550c adjust size of scalerDiv only when img loaded
hertzhaft
parents: 712
diff changeset
1111 console.debug("imgrect=", $imgRect);
653f0a87550c adjust size of scalerDiv only when img loaded
hertzhaft
parents: 712
diff changeset
1112 $imgRect.adjustDiv(data.$scaler);
708
fc54b455f7f8 getting rid of bg div in zoomDrag
hertzhaft
parents: 707
diff changeset
1113 // show image in case it was hidden (for example in zoomDrag)
fc54b455f7f8 getting rid of bg div in zoomDrag
hertzhaft
parents: 707
diff changeset
1114 $img.show();
620
b930fa64c684 scalerImgLoaded sets up img trafo
robcast
parents: 619
diff changeset
1115 // display marks
626
e9493573e5d8 rendering marks works now
robcast
parents: 624
diff changeset
1116 renderMarks(data);
688
7ef3bc87ab19 cookie control for birdview, works for fullscreen
hertzhaft
parents: 686
diff changeset
1117 // TODO: digilib.showArrows(); // show arrow overlays for zoom navigation
651
2d85d820501d split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 649
diff changeset
1118 };
2d85d820501d split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 649
diff changeset
1119 };
2d85d820501d split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 649
diff changeset
1120
2d85d820501d split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 649
diff changeset
1121 // returns function for load event of bird's eye view img
2d85d820501d split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 649
diff changeset
1122 var birdImgLoadedHandler = function (data) {
2d85d820501d split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 649
diff changeset
1123 return function () {
716
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
1124 var $img = $(this);
670
2ce9d77677b1 took renderBirdArea hooks out of scalerImgLoaded into redisplay.
robcast
parents: 669
diff changeset
1125 console.debug("birdimg loaded! this=", this, " data=", data);
651
2d85d820501d split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 649
diff changeset
1126 // create Transform from current area and picsize
2d85d820501d split bird's view code in two more parts, analog to scaler-img code.
robcast
parents: 649
diff changeset
1127 data.birdTrafo = getImgTrafo($img, MAX_ZOOMAREA);
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
1128 // display red indicator around zoomarea
716
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
1129 renderBirdArea(data);
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
1130 // enable click and drag
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
1131 birdMoveArea(data);
606
d08d095430c3 keeping img tag for embedded mode seems to work now
robcast
parents: 605
diff changeset
1132 };
d08d095430c3 keeping img tag for embedded mode seems to work now
robcast
parents: 605
diff changeset
1133 };
626
e9493573e5d8 rendering marks works now
robcast
parents: 624
diff changeset
1134
e9493573e5d8 rendering marks works now
robcast
parents: 624
diff changeset
1135 // place marks on the image
e9493573e5d8 rendering marks works now
robcast
parents: 624
diff changeset
1136 var renderMarks = function (data) {
640
3f23600c96e5 set mark works now
robcast
parents: 638
diff changeset
1137 var $elem = data.$elem;
636
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
1138 var marks = data.marks;
642
a656e52d7c18 beter event handling for setMark...
robcast
parents: 641
diff changeset
1139 // TODO: clear marks first(?)
626
e9493573e5d8 rendering marks works now
robcast
parents: 624
diff changeset
1140 for (var i = 0; i < marks.length; i++) {
e9493573e5d8 rendering marks works now
robcast
parents: 624
diff changeset
1141 var mark = marks[i];
636
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
1142 if (data.zoomArea.containsPosition(mark)) {
626
e9493573e5d8 rendering marks works now
robcast
parents: 624
diff changeset
1143 var mpos = data.imgTrafo.transform(mark);
657
b0c6cc4a0932 work on getting transformation to work with rotation (currently still doesn't)
robcast
parents: 656
diff changeset
1144 console.debug("renderMarks: mpos=",mpos);
626
e9493573e5d8 rendering marks works now
robcast
parents: 624
diff changeset
1145 // create mark
e9493573e5d8 rendering marks works now
robcast
parents: 624
diff changeset
1146 var html = '<div class="mark">'+(i+1)+'</div>';
e9493573e5d8 rendering marks works now
robcast
parents: 624
diff changeset
1147 var $mark = $(html);
e9493573e5d8 rendering marks works now
robcast
parents: 624
diff changeset
1148 $elem.append($mark);
647
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1149 $mark.offset({left : mpos.x, top : mpos.y});
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
1150 }
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
1151 }
626
e9493573e5d8 rendering marks works now
robcast
parents: 624
diff changeset
1152 };
648
8f76bd79648e first try at birdview indicator
hertzhaft
parents: 646
diff changeset
1153
670
2ce9d77677b1 took renderBirdArea hooks out of scalerImgLoaded into redisplay.
robcast
parents: 669
diff changeset
1154 // show zoom area indicator on bird's eye view
716
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
1155 var renderBirdArea = function (data) {
671
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1156 var $birdZoom = data.$birdZoom;
652
9ec8f039e942 small birdview improvements
hertzhaft
parents: 651
diff changeset
1157 var zoomArea = data.zoomArea;
716
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
1158 var normalSize = isFullArea(zoomArea);
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
1159 if (normalSize) {
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
1160 $birdZoom.hide();
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
1161 return;
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
1162 } else {
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
1163 $birdZoom.show();
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
1164 }
652
9ec8f039e942 small birdview improvements
hertzhaft
parents: 651
diff changeset
1165 var indRect = data.birdTrafo.transform(zoomArea);
663
fda2d9bd9ba7 birdview: nice animation for embedded mode, none for fullscreen
hertzhaft
parents: 662
diff changeset
1166 var coords = {
fda2d9bd9ba7 birdview: nice animation for embedded mode, none for fullscreen
hertzhaft
parents: 662
diff changeset
1167 left : indRect.x-2, // acount for frame width
fda2d9bd9ba7 birdview: nice animation for embedded mode, none for fullscreen
hertzhaft
parents: 662
diff changeset
1168 top : indRect.y-2,
fda2d9bd9ba7 birdview: nice animation for embedded mode, none for fullscreen
hertzhaft
parents: 662
diff changeset
1169 width : indRect.width,
fda2d9bd9ba7 birdview: nice animation for embedded mode, none for fullscreen
hertzhaft
parents: 662
diff changeset
1170 height: indRect.height
fda2d9bd9ba7 birdview: nice animation for embedded mode, none for fullscreen
hertzhaft
parents: 662
diff changeset
1171 };
fda2d9bd9ba7 birdview: nice animation for embedded mode, none for fullscreen
hertzhaft
parents: 662
diff changeset
1172 if (data.settings.interactionMode === 'fullscreen') {
fda2d9bd9ba7 birdview: nice animation for embedded mode, none for fullscreen
hertzhaft
parents: 662
diff changeset
1173 // no animation for fullscreen
671
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1174 $birdZoom.width(coords.width);
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1175 $birdZoom.height(coords.height);
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1176 $birdZoom.offset(coords);
716
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
1177 } else {
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
1178 // nice animation for embedded mode :-)
719
e2429ec1976e fixed birdZoomDiv positioning in embedded mode
robcast
parents: 718
diff changeset
1179 var ppos = $birdZoom.offsetParent().offset();
e2429ec1976e fixed birdZoomDiv positioning in embedded mode
robcast
parents: 718
diff changeset
1180 // correct offsetParent because animate is relative
e2429ec1976e fixed birdZoomDiv positioning in embedded mode
robcast
parents: 718
diff changeset
1181 coords.left = (coords.left - ppos.left) + 'px' ;
e2429ec1976e fixed birdZoomDiv positioning in embedded mode
robcast
parents: 718
diff changeset
1182 coords.top = (coords.top - ppos.top) + 'px';
718
996a584f1a0b put styles in stylesheet.
robcast
parents: 717
diff changeset
1183 $birdZoom.animate(coords);
716
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
1184 }
657
b0c6cc4a0932 work on getting transformation to work with rotation (currently still doesn't)
robcast
parents: 656
diff changeset
1185 };
652
9ec8f039e942 small birdview improvements
hertzhaft
parents: 651
diff changeset
1186
640
3f23600c96e5 set mark works now
robcast
parents: 638
diff changeset
1187 // zooms by the given factor
636
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
1188 var zoomBy = function(data, factor) {
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
1189 var area = data.zoomArea;
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
1190 var newarea = area.copy();
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
1191 // scale
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
1192 newarea.width /= factor;
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
1193 newarea.height /= factor;
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
1194 // and recenter
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
1195 newarea.x -= 0.5 * (newarea.width - area.width);
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
1196 newarea.y -= 0.5 * (newarea.height - area.height);
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
1197 newarea = MAX_ZOOMAREA.fit(newarea);
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
1198 data.zoomArea = newarea;
637
71cc855e2e4b reload doesn't take list of changed parameters any more
robcast
parents: 636
diff changeset
1199 redisplay(data);
636
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
1200 };
687447a0e799 zoomin and -out works now
robcast
parents: 634
diff changeset
1201
640
3f23600c96e5 set mark works now
robcast
parents: 638
diff changeset
1202 // add a mark where clicked
3f23600c96e5 set mark works now
robcast
parents: 638
diff changeset
1203 var setMark = function (data) {
642
a656e52d7c18 beter event handling for setMark...
robcast
parents: 641
diff changeset
1204 var $scaler = data.$scaler;
640
3f23600c96e5 set mark works now
robcast
parents: 638
diff changeset
1205 // start event capturing
642
a656e52d7c18 beter event handling for setMark...
robcast
parents: 641
diff changeset
1206 $scaler.one('click.digilib', function (evt) {
640
3f23600c96e5 set mark works now
robcast
parents: 638
diff changeset
1207 // event handler adding a new mark
665
0d3d9517e448 image transform works now under rotation!!! (at least for multiples of 90deg)
robcast
parents: 664
diff changeset
1208 var mpos = geom.position(evt);
640
3f23600c96e5 set mark works now
robcast
parents: 638
diff changeset
1209 var pos = data.imgTrafo.invtransform(mpos);
3f23600c96e5 set mark works now
robcast
parents: 638
diff changeset
1210 data.marks.push(pos);
3f23600c96e5 set mark works now
robcast
parents: 638
diff changeset
1211 redisplay(data);
642
a656e52d7c18 beter event handling for setMark...
robcast
parents: 641
diff changeset
1212 return false; // do we even get here?
640
3f23600c96e5 set mark works now
robcast
parents: 638
diff changeset
1213 });
3f23600c96e5 set mark works now
robcast
parents: 638
diff changeset
1214 };
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
1215
647
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1216 var zoomArea = function(data) {
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1217 $elem = data.$elem;
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1218 $scaler = data.$scaler;
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1219 var pt1, pt2;
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1220 var $zoomDiv = $('<div class="zoomrect" style="display:none"/>');
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1221 $elem.append($zoomDiv);
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
1222 $zoomDiv.css(data.settings.zoomrectStyle);
647
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1223 var picRect = geom.rectangle($scaler);
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1224 // FIX ME: is there a way to query the border width from CSS info?
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1225 // rect.x -= 2; // account for overlay borders
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1226 // rect.y -= 2;
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1227
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1228 var zoomStart = function (evt) {
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1229 pt1 = geom.position(evt);
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1230 // setup and show zoom div
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1231 //moveElement(zoomdiv, Rectangle(pt1.x, pt1.y, 0, 0));
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1232 $zoomDiv.offset({left : pt1.x, top : pt1.y});
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
1233 $zoomDiv.width(0).height(0);
647
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1234 $zoomDiv.show();
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1235 // register events
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1236 $elem.bind("mousemove.digilib", zoomMove);
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1237 $elem.bind("mouseup.digilib", zoomEnd);
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1238 return false;
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1239 };
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
1240
647
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1241 // mouseup handler: end moving
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1242 var zoomEnd = function (evt) {
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1243 pt2 = geom.position(evt);
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1244 // assume a click and continue if the area is too small
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1245 var clickRect = geom.rectangle(pt1, pt2);
703
d16dffcaeee1 cosmetics
hertzhaft
parents: 702
diff changeset
1246 if (clickRect.getArea() <= 5) return false;
647
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1247 // hide zoom div
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1248 $zoomDiv.remove();
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1249 // unregister events
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1250 $elem.unbind("mousemove.digilib", zoomMove);
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1251 $elem.unbind("mouseup.digilib", zoomEnd);
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1252 // clip and transform
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1253 clickRect.clipTo(picRect);
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1254 var area = data.imgTrafo.invtransform(clickRect);
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1255 data.zoomArea = area;
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1256 // zoomed is always fit
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1257 data.settings.ws = 1;
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1258 redisplay(data);
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1259 return false;
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1260 };
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
1261
647
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1262 // mouse move handler
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1263 var zoomMove = function (evt) {
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1264 pt2 = geom.position(evt);
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1265 var rect = geom.rectangle(pt1, pt2);
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1266 rect.clipTo(picRect);
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1267 // update zoom div
665
0d3d9517e448 image transform works now under rotation!!! (at least for multiples of 90deg)
robcast
parents: 664
diff changeset
1268 rect.adjustDiv($zoomDiv);
647
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1269 return false;
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1270 };
661
692b1191f89a make zoomarea and birdview work in embedded mode
hertzhaft
parents: 658
diff changeset
1271
647
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1272 // bind start zoom handler
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1273 $scaler.one('mousedown.digilib', zoomStart);
a2aadf44a454 zoomarea works now
robcast
parents: 646
diff changeset
1274 };
640
3f23600c96e5 set mark works now
robcast
parents: 638
diff changeset
1275
716
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
1276 // bird's eye view zoom area click and drag handler
971bc6c8800e improved bird image handling.
robcast
parents: 712
diff changeset
1277 var birdMoveArea = function(data) {
671
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1278 var $birdImg = data.$birdImg;
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1279 var $birdZoom = data.$birdZoom;
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1280 var startPos, newRect, birdImgRect, birdZoomRect;
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1281
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1282 var birdZoomMove = function(evt) {
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1283 // mousemove handler: drag
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1284 var pos = geom.position(evt);
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1285 var dx = pos.x - startPos.x;
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1286 var dy = pos.y - startPos.y;
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1287 // move birdZoom div, keeping size
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1288 newRect = geom.rectangle(
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1289 birdZoomRect.x + dx,
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1290 birdZoomRect.y + dy,
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1291 birdZoomRect.width,
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
1292 birdZoomRect.height);
671
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1293 // stay within birdimage
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1294 newRect.stayInside(birdImgRect);
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1295 $birdZoom.offset({left : newRect.x, top : newRect.y});
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1296 // $birdZoom.show();
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1297 return false;
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1298 };
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1299
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1300 var birdZoomEndDrag = function(evt) {
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1301 // mouseup handler: reload page
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1302 var settings = data.settings;
673
05a17fdd37a8 correct bindings for birdview
hertzhaft
parents: 672
diff changeset
1303 $(document).unbind("mousemove.digilib", birdZoomMove);
05a17fdd37a8 correct bindings for birdview
hertzhaft
parents: 672
diff changeset
1304 $(document).unbind("mouseup.digilib", birdZoomEndDrag);
05a17fdd37a8 correct bindings for birdview
hertzhaft
parents: 672
diff changeset
1305 $birdZoom.unbind("mousemove.digilib", birdZoomMove);
05a17fdd37a8 correct bindings for birdview
hertzhaft
parents: 672
diff changeset
1306 $birdZoom.unbind("mouseup.digilib", birdZoomEndDrag);
671
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1307 if (newRect == null) { // no movement happened
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1308 startPos = birdZoomRect.getCenter();
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1309 birdZoomMove(evt); // set center to click position
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
1310 }
671
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1311 if (data.zoomArea) {
672
f996df5dea63 dragging birdview zooms correctly now
hertzhaft
parents: 671
diff changeset
1312 // should always be true
f996df5dea63 dragging birdview zooms correctly now
hertzhaft
parents: 671
diff changeset
1313 var x = cropFloat((newRect.x - birdImgRect.x + 2) / birdImgRect.width);
f996df5dea63 dragging birdview zooms correctly now
hertzhaft
parents: 671
diff changeset
1314 var y = cropFloat((newRect.y - birdImgRect.y + 2) / birdImgRect.height);
f996df5dea63 dragging birdview zooms correctly now
hertzhaft
parents: 671
diff changeset
1315 data.zoomArea.x = x;
f996df5dea63 dragging birdview zooms correctly now
hertzhaft
parents: 671
diff changeset
1316 data.zoomArea.y = y;
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
1317 }
671
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1318 settings.ws = 1; // zoomed is always fit
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1319 redisplay(data);
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1320 return false;
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1321 };
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1322
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1323 var birdZoomStartDrag = function(evt) {
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1324 // mousedown handler: start dragging bird zoom to a new position
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1325 startPos = geom.position(evt);
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1326 birdImgRect = geom.rectangle($birdImg);
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1327 birdZoomRect = geom.rectangle($birdZoom);
673
05a17fdd37a8 correct bindings for birdview
hertzhaft
parents: 672
diff changeset
1328 $(document).bind("mousemove.digilib", birdZoomMove);
05a17fdd37a8 correct bindings for birdview
hertzhaft
parents: 672
diff changeset
1329 $(document).bind("mouseup.digilib", birdZoomEndDrag);
05a17fdd37a8 correct bindings for birdview
hertzhaft
parents: 672
diff changeset
1330 $birdZoom.bind("mousemove.digilib", birdZoomMove);
05a17fdd37a8 correct bindings for birdview
hertzhaft
parents: 672
diff changeset
1331 $birdZoom.bind("mouseup.digilib", birdZoomEndDrag);
671
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1332 return false;
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1333 };
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1334
674
0698b6b32b9b 'one' is wrong for embedded mode
hertzhaft
parents: 673
diff changeset
1335 $birdImg.bind("mousedown.digilib", birdZoomStartDrag);
0698b6b32b9b 'one' is wrong for embedded mode
hertzhaft
parents: 673
diff changeset
1336 $birdZoom.bind("mousedown.digilib", birdZoomStartDrag);
671
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1337 };
ba582354e659 first step at dragging birdview zoom indicator around
hertzhaft
parents: 670
diff changeset
1338
698
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1339 var setupZoomDrag = function(data) {
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1340 // setup handlers for dragging the zoomed image
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1341 var pt1, pt2;
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1342 var dx = 0;
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1343 var dy = 0;
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1344 var $elem = data.$elem;
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1345 var $scaler = data.$scaler;
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1346 var $img = data.$img;
703
d16dffcaeee1 cosmetics
hertzhaft
parents: 702
diff changeset
1347
698
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1348 var dragStart = function (evt) {
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1349 // drag the image and load a new detail on mouse up
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1350 // useless if not zoomed
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1351 if (isFullArea(data.zoomArea)) return false;
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1352 pt1 = geom.position(evt);
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1353 $imgRect = geom.rectangle($img);
708
fc54b455f7f8 getting rid of bg div in zoomDrag
hertzhaft
parents: 707
diff changeset
1354 // keep scaler div size while $img is hidden (for embedded mode)
fc54b455f7f8 getting rid of bg div in zoomDrag
hertzhaft
parents: 707
diff changeset
1355 $imgRect.adjustDiv($scaler);
698
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1356 // hide the scaler image, show it as background of div instead
708
fc54b455f7f8 getting rid of bg div in zoomDrag
hertzhaft
parents: 707
diff changeset
1357 $scaler.css({
698
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1358 'background-image' : 'url(' + $img.attr('src') + ')',
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1359 'background-repeat' : 'no-repeat',
699
c2f42b919c59 some minor fixes, img reload still missing
hertzhaft
parents: 698
diff changeset
1360 'background-position' : 'top left',
698
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1361 'cursor' : 'move'
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1362 });
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1363 $img.hide();
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1364 $(document).bind("mousemove.digilib", dragMove);
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1365 $(document).bind("mouseup.digilib", dragEnd);
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
1366 return false;
698
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1367 };
703
d16dffcaeee1 cosmetics
hertzhaft
parents: 702
diff changeset
1368
698
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1369 var dragMove = function (evt) {
708
fc54b455f7f8 getting rid of bg div in zoomDrag
hertzhaft
parents: 707
diff changeset
1370 // mousemove handler: drag zoomed image
698
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1371 var pos = geom.position(evt);
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1372 dx = pos.x - pt1.x;
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1373 dy = pos.y - pt1.y;
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1374 // move the background image to the new position
708
fc54b455f7f8 getting rid of bg div in zoomDrag
hertzhaft
parents: 707
diff changeset
1375 $scaler.css({
698
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1376 'background-position' : dx + "px " + dy + "px"
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1377 });
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1378 return false;
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1379 };
703
d16dffcaeee1 cosmetics
hertzhaft
parents: 702
diff changeset
1380
698
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1381 var dragEnd = function (evt) {
708
fc54b455f7f8 getting rid of bg div in zoomDrag
hertzhaft
parents: 707
diff changeset
1382 // mouseup handler: reload zoomed image in new position
fc54b455f7f8 getting rid of bg div in zoomDrag
hertzhaft
parents: 707
diff changeset
1383 $scaler.css({
715
db1c0aea4599 still the strange bug when dragging the zoomed image in embedded mode
hertzhaft
parents: 714
diff changeset
1384 'background-image' : 'none',
698
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1385 'cursor' : 'default'
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1386 });
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1387 $(document).unbind("mousemove.digilib", dragMove);
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1388 $(document).unbind("mouseup.digilib", dragEnd);
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1389 // calculate relative offset
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
1390 if (dx === 0 && dy === 0) return false; // no movement
698
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1391 // reload with scaler image showing the new ausschnitt
701
2660b733a1e7 img reload works for fullscreen, but somehow not precise
hertzhaft
parents: 700
diff changeset
1392 // digilib.moveBy(x, y);
2660b733a1e7 img reload works for fullscreen, but somehow not precise
hertzhaft
parents: 700
diff changeset
1393 var pos = geom.position(-dx, -dy);
2660b733a1e7 img reload works for fullscreen, but somehow not precise
hertzhaft
parents: 700
diff changeset
1394 var newPos = data.imgTrafo.invtransform(pos);
2660b733a1e7 img reload works for fullscreen, but somehow not precise
hertzhaft
parents: 700
diff changeset
1395 var newArea = data.zoomArea.setPt1(newPos);
2660b733a1e7 img reload works for fullscreen, but somehow not precise
hertzhaft
parents: 700
diff changeset
1396 data.zoomArea = MAX_ZOOMAREA.fit(newArea);
2660b733a1e7 img reload works for fullscreen, but somehow not precise
hertzhaft
parents: 700
diff changeset
1397 redisplay(data);
698
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1398 return false;
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1399 };
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1400
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1401 $scaler.bind("mousedown.digilib", dragStart);
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1402 };
3379674e4e15 drag zoomed image
hertzhaft
parents: 696
diff changeset
1403
696
09e06aa12c0d set quality works now (window.prompt only)
robcast
parents: 694
diff changeset
1404 // get image quality as a number (0..2)
09e06aa12c0d set quality works now (window.prompt only)
robcast
parents: 694
diff changeset
1405 var getQuality = function (data) {
09e06aa12c0d set quality works now (window.prompt only)
robcast
parents: 694
diff changeset
1406 var flags = data.scalerFlags;
09e06aa12c0d set quality works now (window.prompt only)
robcast
parents: 694
diff changeset
1407 var q = flags.q2 || flags.q1 || 'q0'; // assume q0 as default
09e06aa12c0d set quality works now (window.prompt only)
robcast
parents: 694
diff changeset
1408 return parseInt(q[1], 10);
699
c2f42b919c59 some minor fixes, img reload still missing
hertzhaft
parents: 698
diff changeset
1409 };
696
09e06aa12c0d set quality works now (window.prompt only)
robcast
parents: 694
diff changeset
1410
09e06aa12c0d set quality works now (window.prompt only)
robcast
parents: 694
diff changeset
1411 // set image quality as a number (0..2)
09e06aa12c0d set quality works now (window.prompt only)
robcast
parents: 694
diff changeset
1412 var setQuality = function (data, qual) {
09e06aa12c0d set quality works now (window.prompt only)
robcast
parents: 694
diff changeset
1413 var flags = data.scalerFlags;
09e06aa12c0d set quality works now (window.prompt only)
robcast
parents: 694
diff changeset
1414 // clear flags
09e06aa12c0d set quality works now (window.prompt only)
robcast
parents: 694
diff changeset
1415 for (var i = 0; i < 3; ++i) {
09e06aa12c0d set quality works now (window.prompt only)
robcast
parents: 694
diff changeset
1416 delete flags['q'+i];
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
1417 }
696
09e06aa12c0d set quality works now (window.prompt only)
robcast
parents: 694
diff changeset
1418 flags['q'+qual] = 'q'+qual;
699
c2f42b919c59 some minor fixes, img reload still missing
hertzhaft
parents: 698
diff changeset
1419 };
703
d16dffcaeee1 cosmetics
hertzhaft
parents: 702
diff changeset
1420
643
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
1421 // sets a key to a value (relative values with +/- if relative=true)
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
1422 var setNumValue = function(settings, key, value) {
709
661c13bfdcde goto page works now (with window.prompt)
robcast
parents: 708
diff changeset
1423 if (value == null) return null;
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
1424 if (isNumber(value)) {
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
1425 settings[key] = value;
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
1426 return value;
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
1427 }
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
1428 var sign = value[0];
643
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
1429 if (sign === '+' || sign === '-') {
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
1430 if (settings[key] == null) {
644
bffc7d8c3641 renamed 'actions' to 'buttons' and 'methods' to 'actions'
robcast
parents: 643
diff changeset
1431 // this isn't perfect but still...
643
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
1432 settings[key] = 0;
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
1433 }
643
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
1434 settings[key] = parseFloat(settings[key]) + parseFloat(value);
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
1435 } else {
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
1436 settings[key] = value;
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
1437 }
643
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
1438 return settings[key];
abf4c8db18c8 zoom to page width works now
robcast
parents: 642
diff changeset
1439 };
648
8f76bd79648e first try at birdview indicator
hertzhaft
parents: 646
diff changeset
1440
8f76bd79648e first try at birdview indicator
hertzhaft
parents: 646
diff changeset
1441 // auxiliary function (from old dllib.js)
652
9ec8f039e942 small birdview improvements
hertzhaft
parents: 651
diff changeset
1442 isFullArea = function(area) {
9ec8f039e942 small birdview improvements
hertzhaft
parents: 651
diff changeset
1443 return (area.width === 1.0) && (area.height === 1.0);
648
8f76bd79648e first try at birdview indicator
hertzhaft
parents: 646
diff changeset
1444 };
8f76bd79648e first try at birdview indicator
hertzhaft
parents: 646
diff changeset
1445
634
3223fabd53bc some small aboutdiv fixes
hertzhaft
parents: 633
diff changeset
1446 // auxiliary function (from Douglas Crockford, A.10)
3223fabd53bc some small aboutdiv fixes
hertzhaft
parents: 633
diff changeset
1447 var isNumber = function isNumber(value) {
703
d16dffcaeee1 cosmetics
hertzhaft
parents: 702
diff changeset
1448 return typeof value === 'number' && isFinite(value);
634
3223fabd53bc some small aboutdiv fixes
hertzhaft
parents: 633
diff changeset
1449 };
648
8f76bd79648e first try at birdview indicator
hertzhaft
parents: 646
diff changeset
1450
624
6b1b4d269967 more work on initialisation
robcast
parents: 622
diff changeset
1451 // auxiliary function to crop senseless precision
6b1b4d269967 more work on initialisation
robcast
parents: 622
diff changeset
1452 var cropFloat = function (x) {
630
89d9ac6199a3 small fixes
robcast
parents: 629
diff changeset
1453 return parseInt(10000 * x, 10) / 10000;
624
6b1b4d269967 more work on initialisation
robcast
parents: 622
diff changeset
1454 };
648
8f76bd79648e first try at birdview indicator
hertzhaft
parents: 646
diff changeset
1455
685
b21606c8db09 console debug div for IE
hertzhaft
parents: 684
diff changeset
1456 // fallback for console.log calls
b21606c8db09 console debug div for IE
hertzhaft
parents: 684
diff changeset
1457 if (customConsole) {
b21606c8db09 console debug div for IE
hertzhaft
parents: 684
diff changeset
1458 var logFunction = function(type) {
b21606c8db09 console debug div for IE
hertzhaft
parents: 684
diff changeset
1459 return function(){
b21606c8db09 console debug div for IE
hertzhaft
parents: 684
diff changeset
1460 var $debug = $('#debug'); // debug div
b21606c8db09 console debug div for IE
hertzhaft
parents: 684
diff changeset
1461 if (!$debug) return;
b21606c8db09 console debug div for IE
hertzhaft
parents: 684
diff changeset
1462 var args = Array.prototype.slice.call(arguments);
b21606c8db09 console debug div for IE
hertzhaft
parents: 684
diff changeset
1463 var argtext = args.join(' ');
b21606c8db09 console debug div for IE
hertzhaft
parents: 684
diff changeset
1464 var $logDiv = $('<div/>');
b21606c8db09 console debug div for IE
hertzhaft
parents: 684
diff changeset
1465 $logDiv.addClass(type);
b21606c8db09 console debug div for IE
hertzhaft
parents: 684
diff changeset
1466 $logDiv.text(argtext);
b21606c8db09 console debug div for IE
hertzhaft
parents: 684
diff changeset
1467 $debug.append($logDiv);
b21606c8db09 console debug div for IE
hertzhaft
parents: 684
diff changeset
1468 };
b21606c8db09 console debug div for IE
hertzhaft
parents: 684
diff changeset
1469 };
b21606c8db09 console debug div for IE
hertzhaft
parents: 684
diff changeset
1470 console.log = logFunction('_log');
b21606c8db09 console debug div for IE
hertzhaft
parents: 684
diff changeset
1471 console.debug = logFunction('_debug');
b21606c8db09 console debug div for IE
hertzhaft
parents: 684
diff changeset
1472 console.error = logFunction('_error');
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
1473 }
685
b21606c8db09 console debug div for IE
hertzhaft
parents: 684
diff changeset
1474
598
81723e7efe82 next version zero of jquery.digilib
robcast
parents: 597
diff changeset
1475 // hook plugin into jquery
644
bffc7d8c3641 renamed 'actions' to 'buttons' and 'methods' to 'actions'
robcast
parents: 643
diff changeset
1476 $.fn.digilib = function(action) {
bffc7d8c3641 renamed 'actions' to 'buttons' and 'methods' to 'actions'
robcast
parents: 643
diff changeset
1477 if (actions[action]) {
bffc7d8c3641 renamed 'actions' to 'buttons' and 'methods' to 'actions'
robcast
parents: 643
diff changeset
1478 // call action on this with the remaining arguments (inserting data as first argument)
bffc7d8c3641 renamed 'actions' to 'buttons' and 'methods' to 'actions'
robcast
parents: 643
diff changeset
1479 var $elem = $(this);
bffc7d8c3641 renamed 'actions' to 'buttons' and 'methods' to 'actions'
robcast
parents: 643
diff changeset
1480 var data = $elem.data('digilib');
bffc7d8c3641 renamed 'actions' to 'buttons' and 'methods' to 'actions'
robcast
parents: 643
diff changeset
1481 var args = Array.prototype.slice.call(arguments, 1);
bffc7d8c3641 renamed 'actions' to 'buttons' and 'methods' to 'actions'
robcast
parents: 643
diff changeset
1482 args.unshift(data);
bffc7d8c3641 renamed 'actions' to 'buttons' and 'methods' to 'actions'
robcast
parents: 643
diff changeset
1483 return actions[action].apply(this, args);
bffc7d8c3641 renamed 'actions' to 'buttons' and 'methods' to 'actions'
robcast
parents: 643
diff changeset
1484 } else if (typeof(action) === 'object' || !action) {
627
adb852652441 trying showAboutDivFn...
robcast
parents: 626
diff changeset
1485 // call init on this
644
bffc7d8c3641 renamed 'actions' to 'buttons' and 'methods' to 'actions'
robcast
parents: 643
diff changeset
1486 return actions.init.apply(this, arguments);
598
81723e7efe82 next version zero of jquery.digilib
robcast
parents: 597
diff changeset
1487 } else {
706
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
1488 $.error('action ' + action + ' does not exist on jQuery.digilib');
498f9c7487ae more cosmetics: added options to validate with http://www.jslint.com
robcast
parents: 704
diff changeset
1489 }
598
81723e7efe82 next version zero of jquery.digilib
robcast
parents: 597
diff changeset
1490 };
685
b21606c8db09 console debug div for IE
hertzhaft
parents: 684
diff changeset
1491
597
33605dd3e9c6 version zero of jquery.digilib
robcast
parents:
diff changeset
1492 })(jQuery);