|
400
|
1 /* Copyright (C) 2003,2004 IT-Group MPIWG, WTWG Uni Bern and others
|
|
|
2
|
|
|
3 This program is free software; you can redistribute it and/or
|
|
|
4 modify it under the terms of the GNU General Public License
|
|
|
5 as published by the Free Software Foundation; either version 2
|
|
|
6 of the License, or (at your option) any later version.
|
|
|
7
|
|
|
8 This program is distributed in the hope that it will be useful,
|
|
|
9 but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
|
10 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
|
11 GNU General Public License for more details.
|
|
|
12
|
|
|
13 You should have received a copy of the GNU General Public License
|
|
|
14 along with this program; if not, write to the Free Software
|
|
|
15 Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA
|
|
|
16
|
|
|
17 Authors:
|
|
|
18 Christian Luginbuehl, 01.05.2003 (first version)
|
|
|
19 DW 24.03.2004 (Changed for digiLib in Zope)
|
|
|
20 Robert Casties, 8.11.2005
|
|
411
|
21 Martin Raspe <hertzhaft@biblhertz.it>, 12.12.2005
|
|
400
|
22
|
|
|
23 ! Requires baselib.js !
|
|
|
24
|
|
|
25 */
|
|
411
|
26 digilibVersion = "Digilib NG";
|
|
|
27 dllibVersion = "2.0";
|
|
416
|
28 isDigilibInitialized = false; // gets set to true in dl_param_init
|
|
|
29 reloadPage = true; // reload the page when parameters are changed
|
|
|
30 // (false: update only "src" attribute of scaler img)
|
|
|
31
|
|
|
32 // flags for parameter sets
|
|
|
33 PARAM_FILE = 1;
|
|
|
34 PARAM_MODE = 2;
|
|
|
35 PARAM_SIZE = 4;
|
|
|
36 PARAM_IMAGE = 8;
|
|
|
37 PARAM_DPI = 16;
|
|
|
38 PARAM_MARK = 32;
|
|
|
39 PARAM_PAGES = 64;
|
|
|
40 PARAM_ALL = PARAM_FILE | PARAM_MODE | PARAM_SIZE | PARAM_IMAGE | PARAM_DPI | PARAM_MARK | PARAM_PAGES;
|
|
|
41
|
|
|
42 // mouse drag area that counts as one click
|
|
|
43 MIN_AREA_SIZE = 3 * 3 + 1;
|
|
|
44
|
|
|
45 // standard zoom factor
|
|
|
46 ZOOMFACTOR = Math.sqrt(2);
|
|
|
47
|
|
|
48 // bird's eye view dimensions
|
|
|
49 BIRD_MAXX = 100;
|
|
|
50 BIRD_MAXY = 100;
|
|
|
51
|
|
|
52 // with of arrow bars
|
|
|
53 ARROW_WIDTH = 32;
|
|
400
|
54
|
|
|
55 function identify() {
|
|
|
56 // used for identifying a digilib instance
|
|
|
57 // Relato uses that function - lugi
|
|
411
|
58 return digilibVersion;
|
|
400
|
59 }
|
|
|
60 /*
|
|
|
61 * more parameter handling
|
|
|
62 */
|
|
|
63
|
|
416
|
64 function initParameters() {
|
|
|
65 // file
|
|
|
66 newParameter('fn', '', PARAM_FILE);
|
|
|
67 newParameter('pn', '1', PARAM_FILE);
|
|
|
68 // mode
|
|
|
69 newParameter('ws', '1.0', PARAM_MODE);
|
|
|
70 newParameter('mo', '', PARAM_MODE);
|
|
|
71 // relative dimensions of zoomed image
|
|
|
72 newParameter('wx', '0.0', PARAM_SIZE);
|
|
|
73 newParameter('wy', '0.0', PARAM_SIZE);
|
|
|
74 newParameter('ww', '1.0', PARAM_SIZE);
|
|
|
75 newParameter('wh', '1.0', PARAM_SIZE);
|
|
|
76 // image manipulation
|
|
|
77 newParameter('brgt', '0.0', PARAM_IMAGE);
|
|
|
78 newParameter('cont', '0.0', PARAM_IMAGE);
|
|
|
79 newParameter('rot', '0.0', PARAM_IMAGE);
|
|
|
80 newParameter('rgba', '', PARAM_IMAGE);
|
|
|
81 newParameter('rgbm', '', PARAM_IMAGE);
|
|
|
82 // resolution
|
|
|
83 newParameter('ddpi', '', PARAM_DPI);
|
|
|
84 newParameter('ddpix', '', PARAM_DPI);
|
|
|
85 newParameter('ddpiy', '', PARAM_DPI);
|
|
|
86 // marks
|
|
|
87 newParameter('mk', '', PARAM_MARK);
|
|
|
88 // pages total
|
|
|
89 newParameter('pt', '0', PARAM_PAGES);
|
|
|
90 }
|
|
|
91
|
|
400
|
92 function parseArea() {
|
|
|
93 // returns area Rectangle from current parameters
|
|
411
|
94 return new Rectangle(
|
|
416
|
95 getParameter("wx"),
|
|
|
96 getParameter("wy"),
|
|
|
97 getParameter("ww"),
|
|
|
98 getParameter("wh"));
|
|
|
99 }
|
|
400
|
100
|
|
|
101 function setParamFromArea(rect) {
|
|
416
|
102 // sets digilib wx etc. from rect
|
|
|
103 setParameter("wx", cropFloat(rect.x));
|
|
|
104 setParameter("wy", cropFloat(rect.y));
|
|
|
105 setParameter("ww", cropFloat(rect.width));
|
|
|
106 setParameter("wh", cropFloat(rect.height));
|
|
|
107 return true;
|
|
|
108 }
|
|
|
109
|
|
|
110 /* **********************************************
|
|
|
111 * parse parameters routines
|
|
|
112 * ******************************************** */
|
|
400
|
113
|
|
|
114 function parseTrafo(elem) {
|
|
|
115 // returns Transform from current dlArea and picsize
|
|
|
116 var picsize = getElementRect(elem);
|
|
|
117 var trafo = new Transform();
|
|
|
118 // subtract area offset and size
|
|
|
119 trafo.concat(getTranslation(new Position(-dlArea.x, -dlArea.y)));
|
|
|
120 trafo.concat(getScale(new Size(1/dlArea.width, 1/dlArea.height)));
|
|
|
121 // scale to screen size
|
|
|
122 trafo.concat(getScale(picsize));
|
|
|
123 trafo.concat(getTranslation(picsize));
|
|
416
|
124 // FIX ME: Robert, kannst Du mal nachsehen, ob das folgende tut, was es soll?
|
|
|
125 // oder gibt es dafür neuen Code?
|
|
400
|
126 // rotate
|
|
416
|
127 var rot = getRotation(- getParameter("rot"), new Position(0.5*picsize.width, 0.5*picsize.height));
|
|
|
128 trafo.concat(rot);
|
|
400
|
129 // mirror
|
|
416
|
130 if (hasFlag("hmir")) trafo.m00 = - trafo.m00; // ??
|
|
|
131 if (hasFlag("vmir")) trafo.m11 = - trafo.m11; // ??
|
|
400
|
132 return trafo;
|
|
|
133 }
|
|
|
134
|
|
|
135 function parseMarks() {
|
|
|
136 // returns marks array from current parameters
|
|
|
137 var marks = new Array();
|
|
411
|
138 var param = getParameter("mk");
|
|
|
139 var pairs = (param.indexOf(";") >= 0)
|
|
416
|
140 ? param.split(";") // old format with ";"
|
|
|
141 : param.split(","); // new format
|
|
411
|
142 for (var i = 0; i < pairs.length ; i++) {
|
|
|
143 var pos = pairs[i].split("/");
|
|
|
144 if (pos.length > 1) marks.push(new Position(pos[0], pos[1]));
|
|
|
145 }
|
|
|
146 return marks;
|
|
400
|
147 }
|
|
|
148
|
|
416
|
149 /* **********************************************
|
|
|
150 * marks routines
|
|
|
151 * ******************************************** */
|
|
|
152
|
|
|
153 function getAllMarks() {
|
|
400
|
154 // returns a string with all marks in query format
|
|
|
155 var marks = new Array();
|
|
411
|
156 for (var i = 0; i < dlMarks.length; i++)
|
|
400
|
157 marks.push(cropFloat(dlMarks[i].x) + "/" + cropFloat(dlMarks[i].y));
|
|
411
|
158 return marks.join(",");
|
|
400
|
159 }
|
|
411
|
160
|
|
|
161 getMarksQueryString = getAllMarks;
|
|
400
|
162
|
|
411
|
163 function addMark(evt) {
|
|
416
|
164 // add a mark
|
|
|
165 var pos = dlTrafo.invtransform(evtPosition(evt));
|
|
|
166 dlMarks.push(pos)
|
|
|
167 setParameter("mk", getAllMarks());
|
|
|
168 return true;
|
|
|
169 }
|
|
|
170
|
|
|
171 function deleteMark() {
|
|
|
172 // delete the last mark
|
|
|
173 var mark = dlMarks.pop();
|
|
|
174 setParameter("mk", getAllMarks());
|
|
|
175 return true;
|
|
|
176 }
|
|
|
177
|
|
|
178 function deleteAllMarks() {
|
|
|
179 // delete all marks and mk parameters
|
|
|
180 dlMarks.length = 0;
|
|
|
181 resetParameter("mk");
|
|
|
182 return true;
|
|
|
183 }
|
|
411
|
184
|
|
|
185 function createMarkDiv(index) {
|
|
416
|
186 var div = document.createElement("div");
|
|
|
187 div.className = "mark";
|
|
|
188 div.id = "mark" + index;
|
|
|
189 div.innerHTML = index + 1;
|
|
|
190 document.body.appendChild(div);
|
|
|
191 return div;
|
|
|
192 }
|
|
400
|
193
|
|
416
|
194 /* **********************************************
|
|
|
195 * flag routines
|
|
|
196 * ******************************************** */
|
|
400
|
197
|
|
|
198 function hasFlag(mode) {
|
|
416
|
199 // returns if mode flag is set
|
|
|
200 return (dlFlags[mode]);
|
|
|
201 }
|
|
400
|
202
|
|
|
203 function addFlag(mode) {
|
|
416
|
204 // add a mode flag
|
|
|
205 dlFlags[mode] = mode;
|
|
|
206 setParameter("mo", getAllFlags());
|
|
|
207 return true;
|
|
|
208 }
|
|
400
|
209
|
|
|
210 function removeFlag(mode) {
|
|
416
|
211 // remove a mode flag
|
|
|
212 if (dlFlags[mode]) delete dlFlags[mode];
|
|
|
213 setParameter("mo", getAllFlags());
|
|
|
214 return true;
|
|
|
215 }
|
|
400
|
216
|
|
|
217 function toggleFlag(mode) {
|
|
416
|
218 // change a mode flag
|
|
|
219 if (dlFlags[mode]) {
|
|
|
220 delete dlFlags[mode];
|
|
|
221 } else {
|
|
|
222 dlFlags[mode] = mode;
|
|
|
223 }
|
|
|
224 setParameter("mo", getAllFlags());
|
|
|
225 return true;
|
|
|
226 }
|
|
400
|
227
|
|
|
228 function getAllFlags() {
|
|
|
229 // returns a string with all flags in query format
|
|
|
230 var fa = new Array();
|
|
|
231 for (var f in dlFlags) {
|
|
|
232 if ((f != "")&&(dlFlags[f] != null)) {
|
|
|
233 fa.push(f);
|
|
|
234 }
|
|
|
235 }
|
|
|
236 return fa.join(",");
|
|
|
237 }
|
|
|
238
|
|
|
239 function parseFlags() {
|
|
|
240 // sets dlFlags from the current parameters
|
|
|
241 var flags = new Object();
|
|
|
242 var fa = getParameter("mo").split(",");
|
|
|
243 for (var i = 0; i < fa.length ; i++) {
|
|
|
244 var f = fa[i];
|
|
|
245 if (f != "") {
|
|
|
246 flags[f] = f;
|
|
|
247 }
|
|
|
248 }
|
|
|
249 return flags;
|
|
411
|
250 }
|
|
400
|
251
|
|
|
252
|
|
|
253 function bestPicSize(elem, inset) {
|
|
|
254 // returns a Size with the best image size for the given element
|
|
|
255 if (! defined(inset)) {
|
|
|
256 inset = 25;
|
|
|
257 }
|
|
|
258 var ws = getWinSize();
|
|
|
259 var es = getElementPosition(elem);
|
|
|
260 if (es) {
|
|
|
261 ws.width = ws.width - es.x - inset;
|
|
|
262 ws.height = ws.height - es.y - inset;
|
|
|
263 }
|
|
|
264 return ws;
|
|
|
265 }
|
|
|
266
|
|
|
267 function setDLParam(e, s, relative) {
|
|
416
|
268 // sets parameter based on HTML event
|
|
|
269 var nam;
|
|
400
|
270 var val;
|
|
|
271 if (s.type && (s.type == "select-one")) {
|
|
|
272 nam = s.name;
|
|
|
273 val = s.options[s.selectedIndex].value;
|
|
|
274 } else if (s.name && s.value) {
|
|
|
275 nam = s.name;
|
|
|
276 val = s.value;
|
|
|
277 }
|
|
|
278 if (nam && val) {
|
|
|
279 setParameter(nam, val, relative);
|
|
|
280 display();
|
|
|
281 } else {
|
|
|
282 alert("ERROR: unable to process event!");
|
|
|
283 }
|
|
|
284 return true;
|
|
|
285 }
|
|
|
286
|
|
|
287
|
|
|
288 /* **********************************************
|
|
|
289 * digilib specific routines
|
|
|
290 * ******************************************** */
|
|
|
291
|
|
|
292
|
|
411
|
293 function parseAllParameters() {
|
|
416
|
294 // put the query parameters (sans "?") in the parameters array
|
|
|
295 parseParameters(location.search.slice(1));
|
|
|
296 // treat special parameters
|
|
|
297 dlMarks = parseMarks();
|
|
|
298 dlArea = parseArea();
|
|
|
299 dlFlags = parseFlags();
|
|
|
300 }
|
|
411
|
301
|
|
400
|
302 function dl_param_init() {
|
|
416
|
303 // initialisation before onload
|
|
|
304 if (!baseLibVersion) alert("ERROR: baselib.js not loaded!");
|
|
|
305 if (isDigilibInitialized) return false; // dl_param_init was already run
|
|
|
306 dlMaxArea = new Rectangle(0.0, 0.0, 1.0, 1.0);
|
|
|
307 dlTrafo = new Transform();
|
|
|
308 // dlArea = new Rectangle(0.0, 0.0, 1.0, 1.0); // overwritten by parseAllParameters() below
|
|
|
309 // dlMarks = new Array(); // dito
|
|
|
310 // dlFlags = new Object(); // dito
|
|
|
311 elemScaler = null; // ?
|
|
|
312 picElem = null; // ?
|
|
|
313 // parse parameters
|
|
|
314 parseAllParameters();
|
|
|
315 isDigilibInitialized = true;
|
|
|
316 return true;
|
|
|
317 }
|
|
400
|
318
|
|
|
319 function dl_init() {
|
|
416
|
320 // initalisation on load
|
|
|
321 if (!isDigilibInitialized) dl_param_init();
|
|
|
322 elemScaler = getElement("scaler");
|
|
|
323 picElem = getElement("pic", true);
|
|
|
324 // in N4 pic is in the scaler layer
|
|
|
325 if (picElem == null && elemScaler) {
|
|
|
326 picElem = elemScaler.document.images[0];
|
|
|
327 }
|
|
|
328 // give a name to the window containing digilib
|
|
|
329 window.name = defined(dlTarget) && dlTarget
|
|
|
330 ? dlTarget
|
|
|
331 : "digilib";
|
|
|
332 // put the query parameters (sans "?") in the parameters array
|
|
|
333 // parseAllParameters(); // has already been called in dl_param_init()
|
|
|
334 // wait for image to load and display marks
|
|
|
335 renderMarks();
|
|
|
336 // done
|
|
|
337 focus();
|
|
|
338 }
|
|
|
339
|
|
|
340 initScaler = dl_init;
|
|
400
|
341
|
|
411
|
342 function loadScalerImage(detail) {
|
|
416
|
343 var pic = getElement('pic');
|
|
|
344 var scaler = getElement('scaler');
|
|
|
345 var zoomdiv = getElement("zoom"); // test for presence only
|
|
|
346 var overlay = getElement("overlay"); // test for presence only
|
|
|
347 var about = getElement("bird"); // test for presence only
|
|
|
348 var bird = getElement("bird"); // test for presence only
|
|
|
349 var picsize = bestPicSize(scaler, 50);
|
|
|
350 var src = "../servlet/Scaler?"
|
|
|
351 + getQueryString()
|
|
|
352 + "&dw=" + picsize.width
|
|
|
353 + "&dh=" + picsize.height;
|
|
|
354 // debug(src);
|
|
|
355 pic.src = src;
|
|
|
356 initScaler(); // dl_init braucht die endgültigen Maße des pic Elements
|
|
|
357 }
|
|
400
|
358
|
|
|
359 function display(detail) {
|
|
416
|
360 // redisplay the page
|
|
|
361 if (! detail) detail = PARAM_ALL;
|
|
|
362 var queryString = getAllParameters(detail);
|
|
|
363 if (reloadPage) {
|
|
|
364 location.href
|
|
|
365 = location.protocol + "//"
|
|
|
366 + location.host
|
|
|
367 + location.pathname
|
|
|
368 + "?" + queryString;
|
|
|
369 } else {
|
|
|
370 loadScalerImage();
|
|
|
371 }
|
|
|
372 }
|
|
400
|
373
|
|
|
374 /* **********************************************
|
|
|
375 * interactive digilib functions
|
|
|
376 * ******************************************** */
|
|
|
377 function renderMarks() {
|
|
416
|
378 // make sure the image is loaded so we know its size
|
|
411
|
379 if (defined(picElem.complete) && !picElem.complete && !browserType.isN4 ) {
|
|
416
|
380 setTimeout("renderMarks()", 100);
|
|
|
381 return;
|
|
400
|
382 }
|
|
411
|
383 // put the visible marks on the image
|
|
|
384 dlTrafo = parseTrafo(picElem);
|
|
416
|
385 // debugProps(dlArea, "dlArea");
|
|
411
|
386 for (var i = 0; i < dlMarks.length; i++) {
|
|
416
|
387 var div = document.getElementById("mark" + i) || createMarkDiv(i);
|
|
411
|
388 var mark = dlMarks[i];
|
|
416
|
389 debugProps(mark, "mark");
|
|
|
390 if (dlArea.containsPosition(mark)) {
|
|
|
391 var mpos = dlTrafo.transform(mark); // FIX ME: transform does not change anything
|
|
|
392 debugProps(mark, "mpos");
|
|
|
393 // suboptimal to place -5 pixels and not half size of mark-image
|
|
|
394 // better not hide the marked spot (MR)
|
|
|
395 // mpos.x = mpos.x -5;
|
|
|
396 // mpos.y = mpos.y -5;
|
|
|
397 moveElement(div, mpos);
|
|
|
398 showElement(div, true);
|
|
|
399 } else {
|
|
|
400 // hide the other marks
|
|
|
401 showElement(div, false);
|
|
|
402 }
|
|
400
|
403 }
|
|
|
404 }
|
|
|
405
|
|
|
406 function setMark(reload) {
|
|
|
407
|
|
416
|
408 function markEvent(evt) {
|
|
|
409 // event handler adding a new mark
|
|
|
410 unregisterEvent("mousedown", elemScaler, markEvent);
|
|
|
411 addMark(evt);
|
|
|
412 if ( defined(reload) && !reload ) {
|
|
|
413 // don't redisplay
|
|
|
414 renderMarks();
|
|
|
415 return;
|
|
|
416 }
|
|
|
417 display();
|
|
|
418 }
|
|
|
419
|
|
|
420 // add a mark where clicked
|
|
|
421 window.focus();
|
|
|
422 // start event capturing
|
|
|
423 registerEvent("mousedown", elemScaler, markEvent);
|
|
|
424 }
|
|
400
|
425
|
|
|
426 function removeMark(reload) {
|
|
|
427 // remove the last mark
|
|
|
428 deleteMark();
|
|
|
429 if (defined(reload)&&(!reload)) {
|
|
|
430 // don't redisplay
|
|
|
431 renderMarks();
|
|
|
432 return;
|
|
|
433 }
|
|
|
434 display();
|
|
|
435 }
|
|
|
436
|
|
|
437 function zoomArea() {
|
|
416
|
438 var pt1, pt2;
|
|
|
439 var zoomdiv = getElement("zoom");
|
|
|
440 var overlay = getElement("overlay");
|
|
|
441 // use overlay div to avoid <img> mousemove problems
|
|
|
442 var rect = getElementRect(picElem);
|
|
|
443 // FIX ME: is there a way to query the border width from CSS info?
|
|
|
444 // rect.x -= 2; // account for overlay borders
|
|
|
445 // rect.y -= 2;
|
|
|
446 moveElement(overlay, rect);
|
|
|
447 showElement(overlay, true);
|
|
|
448 // start event capturing
|
|
|
449 registerEvent("mousedown", overlay, zoomStart);
|
|
|
450 registerEvent("mousedown", elemScaler, zoomStart);
|
|
|
451 window.focus();
|
|
400
|
452
|
|
411
|
453 // mousedown handler: start moving
|
|
416
|
454 function zoomStart(evt) {
|
|
|
455 pt1 = evtPosition(evt);
|
|
|
456 unregisterEvent("mousedown", overlay, zoomStart);
|
|
|
457 unregisterEvent("mousedown", elemScaler, zoomStart);
|
|
|
458 // unregisterEvent("mousedown", zoomdiv, zoomStart);
|
|
|
459 // setup and show zoom div
|
|
|
460 moveElement(zoomdiv, Rectangle(pt1.x, pt1.y, 0, 0));
|
|
|
461 showElement(zoomdiv, true);
|
|
|
462 // register move events
|
|
|
463 registerEvent("mousemove", overlay, zoomMove);
|
|
|
464 registerEvent("mousemove", zoomdiv, zoomMove);
|
|
|
465 registerEvent("mousemove", elemScaler, zoomMove);
|
|
|
466 // register up events for drag end
|
|
|
467 registerEvent("mouseup", overlay, zoomEnd);
|
|
|
468 registerEvent("mouseup", zoomdiv, zoomEnd);
|
|
|
469 registerEvent("mouseup", elemScaler, zoomEnd);
|
|
|
470 return stopEvent(evt);
|
|
|
471 }
|
|
|
472
|
|
411
|
473 // mouseup handler: end moving
|
|
416
|
474 function zoomEnd(evt) {
|
|
|
475 pt2 = evtPosition(evt);
|
|
|
476 // assume a click if the area is too small (up to 3 x 3 pixel)
|
|
|
477 var clickArea = getRect(pt1, pt2).getArea();
|
|
|
478 if (clickArea <= MIN_AREA_SIZE) return stopEvent(evt);
|
|
|
479 // hide zoom div
|
|
|
480 showElement(zoomdiv, false);
|
|
|
481 showElement(overlay, false);
|
|
|
482 // unregister move events
|
|
|
483 unregisterEvent("mousemove", overlay, zoomMove);
|
|
|
484 unregisterEvent("mousemove", zoomdiv, zoomMove);
|
|
|
485 unregisterEvent("mousemove", elemScaler, zoomMove);
|
|
|
486 // unregister drag events
|
|
|
487 unregisterEvent("mouseup", overlay, zoomEnd);
|
|
|
488 unregisterEvent("mouseup", zoomdiv, zoomEnd);
|
|
|
489 unregisterEvent("mouseup", elemScaler, zoomMove);
|
|
|
490 // calc offsets
|
|
|
491 var area = getRect(
|
|
|
492 // FIX ME: liefert negative x/y Werte, wenn hmir/vmir=1
|
|
|
493 dlTrafo.invtransform(pt1),
|
|
|
494 dlTrafo.invtransform(pt2)
|
|
|
495 );
|
|
|
496 setParameter("wx", cropFloat(area.x));
|
|
|
497 setParameter("wy", cropFloat(area.y));
|
|
|
498 setParameter("ww", cropFloat(area.width));
|
|
|
499 setParameter("wh", cropFloat(area.height));
|
|
|
500 // parseArea(); // why?
|
|
|
501 // zoomed is always fit
|
|
|
502 setParameter("ws", 1);
|
|
|
503 display();
|
|
|
504 return stopEvent(evt);
|
|
|
505 }
|
|
|
506
|
|
411
|
507 // mouse move handler
|
|
416
|
508 function zoomMove(evt) {
|
|
|
509 pt2 = evtPosition(evt);
|
|
|
510 // update zoom div
|
|
|
511 moveElement(zoomdiv, getRect(pt1, pt2));
|
|
|
512 return stopEvent(evt);
|
|
|
513 }
|
|
|
514
|
|
|
515 // get a rectangle from two points
|
|
|
516 function getRect(p1, p2) {
|
|
|
517 return new Rectangle(
|
|
|
518 Math.min(p1.x, p2.x),
|
|
|
519 Math.min(p1.y, p2.y),
|
|
|
520 Math.abs(p1.x - p2.x),
|
|
|
521 Math.abs(p1.y - p2.y)
|
|
|
522 );
|
|
|
523 }
|
|
400
|
524 }
|
|
|
525
|
|
|
526 function zoomBy(factor) {
|
|
|
527 // zooms by the given factor
|
|
|
528 var newarea = dlArea.copy();
|
|
|
529 newarea.width /= factor;
|
|
|
530 newarea.height /= factor;
|
|
|
531 newarea.x -= 0.5 * (newarea.width - dlArea.width);
|
|
|
532 newarea.y -= 0.5 * (newarea.height - dlArea.height);
|
|
|
533 newarea = dlMaxArea.fit(newarea);
|
|
|
534 setParamFromArea(newarea);
|
|
|
535 display();
|
|
|
536 }
|
|
|
537
|
|
|
538
|
|
|
539 function zoomFullpage() {
|
|
|
540 // zooms out to show the whole image
|
|
|
541 setParameter("wx", 0.0);
|
|
|
542 setParameter("wy", 0.0);
|
|
|
543 setParameter("ww", 1.0);
|
|
|
544 setParameter("wh", 1.0);
|
|
|
545 display();
|
|
|
546 }
|
|
|
547
|
|
|
548
|
|
|
549 function moveCenter() {
|
|
|
550 // move visible area so that it's centered around the clicked point
|
|
|
551 if ( (dlArea.width == 1.0) && (dlArea.height == 1.0) ) {
|
|
|
552 // nothing to do
|
|
|
553 return;
|
|
|
554 }
|
|
|
555 window.focus();
|
|
|
556
|
|
|
557 function moveCenterEvent(evt) {
|
|
|
558 // move to handler
|
|
|
559 unregisterEvent("mousedown", elemScaler, moveCenterEvent);
|
|
|
560 var pt = dlTrafo.invtransform(evtPosition(evt));
|
|
|
561 var newarea = new Rectangle(pt.x-0.5*dlArea.width, pt.y-0.5*dlArea.height, dlArea.width, dlArea.height);
|
|
|
562 newarea = dlMaxArea.fit(newarea);
|
|
|
563 // set parameters
|
|
|
564 setParamFromArea(newarea);
|
|
|
565 parseArea();
|
|
|
566 display();
|
|
|
567 }
|
|
|
568
|
|
|
569 // starting event capture
|
|
|
570 registerEvent("mousedown", elemScaler, moveCenterEvent);
|
|
|
571 }
|
|
|
572
|
|
416
|
573 function isFullArea(area) {
|
|
|
574 if (!area) area = dlArea;
|
|
|
575 return ((area.width == 1.0) && (area.height == 1.0));
|
|
|
576 }
|
|
|
577
|
|
|
578 function canMove(movx, movy) {
|
|
|
579 if (isFullArea) return false;
|
|
|
580 return ((movx < 0) && (dlArea.x > 0))
|
|
|
581 || ((movy < 0) && (dlArea.y > 0))
|
|
|
582 || ((movx > 0) && (dlArea.x + dlArea.width < 1.0))
|
|
|
583 || ((movy > 0) && (dlArea.y + dlArea.height < 1.0))
|
|
|
584 }
|
|
|
585
|
|
400
|
586 function moveBy(movx, movy) {
|
|
|
587 // move visible area by movx and movy (in units of ww, wh)
|
|
416
|
588 if (isFullArea) return;
|
|
400
|
589 // nothing to do
|
|
|
590 var newarea = dlArea.copy();
|
|
|
591 newarea.x += parseFloat(movx)*dlArea.width;
|
|
|
592 newarea.y += parseFloat(movy)*dlArea.height;
|
|
|
593 newarea = dlMaxArea.fit(newarea);
|
|
|
594 // set parameters
|
|
|
595 setParamFromArea(newarea);
|
|
|
596 parseArea();
|
|
|
597 display();
|
|
|
598 }
|
|
|
599
|
|
411
|
600 function getRef(baseURL) {
|
|
400
|
601 // returns a reference to the current digilib set
|
|
411
|
602 if (!baseUrl) baseUrl
|
|
416
|
603 = location.protocol
|
|
|
604 + "//"
|
|
|
605 + location.host
|
|
|
606 + location.pathname;
|
|
400
|
607 var hyperlinkRef = baseUrl;
|
|
416
|
608 var params = getAllParameters(PARAM_ALL & ~(PARAM_DPI | PARAM_PAGES)); // all without ddpi, pt
|
|
411
|
609 if (params.length > 0) hyperlinkRef += "?" + params;
|
|
|
610 return hyperlinkRef;
|
|
400
|
611 }
|
|
|
612
|
|
|
613 function getRefWin(type, msg) {
|
|
|
614 // shows an alert with a reference to the current digilib set
|
|
411
|
615 if (! msg) msg = "URL reference to the current view";
|
|
|
616 prompt(msg, getRef());
|
|
400
|
617 }
|
|
|
618
|
|
|
619 function getQuality() {
|
|
411
|
620 // returns the current q setting
|
|
400
|
621 for (var i = 0; i < 3; i++) {
|
|
411
|
622 if (hasFlag("q"+i)) return i;
|
|
416
|
623 }
|
|
411
|
624 return 1
|
|
400
|
625 }
|
|
|
626
|
|
|
627 function setQuality(qual) {
|
|
|
628 // set the image quality
|
|
411
|
629 for (var i = 0; i < 3; i++) removeFlag("q" + i);
|
|
|
630 if (qual > 2) return alert("Quality number not supported");
|
|
|
631 addFlag("q" + i);
|
|
400
|
632 setParameter("mo", getAllFlags());
|
|
|
633 display();
|
|
411
|
634 }
|
|
400
|
635
|
|
|
636 function setQualityWin(msg) {
|
|
416
|
637 // dialog for setting quality
|
|
|
638 if (! msg) msg = "Quality (0..2)";
|
|
|
639 var q = getQuality();
|
|
|
640 var newq = window.prompt(msg, q);
|
|
|
641 if (newq) setQuality(newq);
|
|
|
642 }
|
|
400
|
643
|
|
|
644 function mirror(dir) {
|
|
|
645 // mirror the image horizontally or vertically
|
|
|
646 if (dir == "h") {
|
|
|
647 toggleFlag("hmir");
|
|
|
648 } else {
|
|
|
649 toggleFlag("vmir");
|
|
|
650 }
|
|
|
651 setParameter("mo", getAllFlags());
|
|
|
652 display();
|
|
|
653 }
|
|
|
654
|
|
|
655 function gotoPage(gopage, keep) {
|
|
416
|
656 // goto given page nr (+/-: relative)
|
|
|
657 var oldpn = parseInt(getParameter("pn"));
|
|
|
658 setParameter("pn", gopage, true);
|
|
|
659 var pn = parseInt(getParameter("pn"));
|
|
|
660 if (pn < 1) {
|
|
|
661 alert("No such page! (Page number too low)");
|
|
|
662 setParameter("pn", oldpn);
|
|
|
663 return;
|
|
|
664 }
|
|
|
665 if (hasParameter("pt")) {
|
|
|
666 pt = parseInt(getParameter("pt"))
|
|
|
667 if (pn > pt) {
|
|
|
668 alert("No such page! (Page number too high)");
|
|
|
669 setParameter("pn", oldpn);
|
|
|
670 return;
|
|
|
671 }
|
|
|
672 }
|
|
|
673 if (keep) {
|
|
|
674 display(PARAM_ALL & ~PARAM_MARK); // all, no mark
|
|
|
675 } else {
|
|
|
676 display(PARAM_FILE | PARAM_MODE | PARAM_PAGES); // fn, pn, ws, mo + pt
|
|
|
677 // FIX ME: currently the mirror status gets propagated to the other pages
|
|
|
678 // hmir and vmir should not be mode flags, but boolean params!!!
|
|
|
679 }
|
|
400
|
680 }
|
|
|
681
|
|
|
682 function gotoPageWin() {
|
|
416
|
683 // dialog to ask for new page nr
|
|
|
684 var pn = getParameter("pn");
|
|
|
685 var gopage = window.prompt("Go to page", pn);
|
|
|
686 if (gopage) gotoPage(gopage);
|
|
|
687 }
|
|
400
|
688
|
|
|
689 function setParamWin(param, text, relative) {
|
|
416
|
690 // dialog to ask for new parameter value
|
|
|
691 var val = getParameter(param);
|
|
|
692 var newval = window.prompt(text, val);
|
|
|
693 if (newval) {
|
|
|
694 setParameter(param, newval, relative);
|
|
|
695 display();
|
|
|
696 }
|
|
400
|
697 }
|
|
|
698
|
|
|
699 function showOptions(show) {
|
|
416
|
700 // show or hide option div
|
|
|
701 var elem = getElement("dloptions");
|
|
|
702 showElement(elem, show);
|
|
|
703 // FIX ME: get rid of the dotted line around the buttons when focused
|
|
|
704 }
|
|
411
|
705
|
|
|
706 function showAboutDiv(show) {
|
|
416
|
707 // show or hide "about" div
|
|
|
708 var elem = getElement("about");
|
|
|
709 if (elem == null) {
|
|
|
710 if (!show) return;
|
|
|
711 alert("About Digilib - dialog missing in HTML code!"
|
|
|
712 + "\nDigilib Version: " + digilibVersion
|
|
|
713 + "\ndlLib Version: " + dllibVersion
|
|
|
714 + "\nbaseLib Version: " + baseLibVersion);
|
|
|
715 return;
|
|
|
716 }
|
|
|
717 document.getElementById("digilib-version").innerHTML = "Digilib Version: " + digilibVersion;
|
|
|
718 document.getElementById("baselib-version").innerHTML = "baseLib Version: " + baseLibVersion;
|
|
|
719 document.getElementById("dllib-version").innerHTML = "dlLib Version: " + dllibVersion;
|
|
|
720 showElement(elem, show);
|
|
|
721 }
|
|
|
722
|
|
|
723 function loadBirdImage() {
|
|
|
724 var img = getElement("bird-image");
|
|
|
725 var src = "../servlet/Scaler?"
|
|
|
726 + getQueryString(PARAM_FILE | PARAM_MODE)
|
|
|
727 + "&dw=" + BIRD_MAXX
|
|
|
728 + "&dh=" + BIRD_MAXY;
|
|
|
729 img.src = src;
|
|
|
730 }
|
|
|
731
|
|
|
732 function showBirdDiv(show) {
|
|
|
733 // show or hide "bird's eye" div
|
|
|
734 var startPos; // anchor for dragging
|
|
|
735 var newRect; // position after drag
|
|
|
736 var birdImg = getElement("bird-image");
|
|
|
737 showElement(birdImg, show);
|
|
|
738 var birdArea = getElement("bird-area");
|
|
|
739 // dont show selector if area is full size
|
|
|
740 if (!show || isFullArea()) {
|
|
|
741 // hide area
|
|
|
742 showElement(birdArea, false);
|
|
|
743 return;
|
|
|
744 };
|
|
|
745 var birdImgRect = getElementRect(birdImg);
|
|
|
746 var area = parseArea();
|
|
|
747 // scale area down to img size
|
|
|
748 var birdAreaRect = new Rectangle(
|
|
|
749 // what about borders ??
|
|
|
750 birdImgRect.x + birdImgRect.width * area.x,
|
|
|
751 birdImgRect.y + birdImgRect.height * area.y,
|
|
|
752 birdImgRect.width * area.width,
|
|
|
753 birdImgRect.height * area.height
|
|
|
754 );
|
|
|
755 moveElement(birdArea, birdAreaRect);
|
|
|
756 showElement(birdArea, show);
|
|
|
757 registerEvent("mousedown", birdArea, birdAreaStartDrag);
|
|
|
758
|
|
|
759 function birdAreaStartDrag(evt) {
|
|
|
760 // mousedown handler: start drag
|
|
|
761 startPos = evtPosition(evt);
|
|
|
762 registerEvent("mousemove", birdArea, birdAreaMove);
|
|
|
763 registerEvent("mousemove", birdImg, birdAreaMove);
|
|
|
764 registerEvent("mouseup", birdArea, birdAreaEndDrag);
|
|
|
765 registerEvent("mouseup", birdImg, birdAreaEndDrag);
|
|
|
766
|
|
|
767 // debugProps(getElementRect(bird))
|
|
|
768 return stopEvent(evt);
|
|
|
769 }
|
|
|
770
|
|
|
771 function birdAreaMove(evt) {
|
|
|
772 // mousemove handler: drag
|
|
|
773 var pos = evtPosition(evt);
|
|
|
774 var dx = pos.x - startPos.x;
|
|
|
775 var dy = pos.y - startPos.y;
|
|
|
776 // move birdArea div, keeping size
|
|
|
777 newRect = new Rectangle(
|
|
|
778 birdAreaRect.x + dx,
|
|
|
779 birdAreaRect.y + dy,
|
|
|
780 birdAreaRect.width,
|
|
|
781 birdAreaRect.height);
|
|
|
782 // stay within image
|
|
|
783 newRect.stayInside(birdImgRect);
|
|
|
784 moveElement(birdArea, newRect);
|
|
|
785 showElement(birdArea, true);
|
|
|
786 return stopEvent(evt);
|
|
|
787 }
|
|
|
788
|
|
|
789 function birdAreaEndDrag(evt) {
|
|
|
790 // mouseup handler: reload page
|
|
|
791 unregisterEvent("mousemove", birdArea, birdAreaMove);
|
|
|
792 unregisterEvent("mouseup", birdArea, birdAreaEndDrag);
|
|
|
793 unregisterEvent("mousemove", birdImg, birdAreaMove);
|
|
|
794 unregisterEvent("mouseup", birdImg, birdAreaEndDrag);
|
|
|
795 setParameter("wx", cropFloat((newRect.x - birdImgRect.x) / birdImgRect.width));
|
|
|
796 setParameter("wy", cropFloat((newRect.y - birdImgRect.y) / birdImgRect.height));
|
|
|
797 // width and height parameters remain the same
|
|
|
798 // setParameter("ww", cropFloat(newRect.width / birdImgRect.width));
|
|
|
799 // setParameter("ww", cropFloat(newRect.height / birdImgRect.height));
|
|
|
800 // parseArea(); // why?
|
|
|
801 // zoomed is always fit
|
|
|
802 setParameter("ws", 1);
|
|
|
803 display();
|
|
|
804 return stopEvent(evt);
|
|
|
805 }
|
|
|
806 }
|
|
|
807
|
|
|
808 function showArrows() {
|
|
|
809 if (defined(picElem.complete) && !picElem.complete && !browserType.isN4 ) {
|
|
|
810 setTimeout("showArrows()", 100);
|
|
|
811 return;
|
|
|
812 }
|
|
|
813 var arrow, pos, r;
|
|
|
814 r = getElementRect(picElem);
|
|
|
815 // up
|
|
|
816 arrow = getElement("up");
|
|
|
817 pos = r.copy();
|
|
|
818 pos.height = ARROW_WIDTH;
|
|
|
819 moveElement(arrow, pos);
|
|
|
820 showElement(arrow, true);
|
|
|
821 // down
|
|
|
822 arrow = getElement("down");
|
|
|
823 pos = r.copy();
|
|
|
824 pos.y = pos.y + pos.height - ARROW_WIDTH;
|
|
|
825 pos.height = ARROW_WIDTH;
|
|
|
826 debugProps(pos);
|
|
|
827 moveElement(arrow, pos);
|
|
|
828 showElement(arrow, true);
|
|
|
829 // left
|
|
|
830 arrow = getElement("left");
|
|
|
831 pos = r.copy();
|
|
|
832 pos.width = ARROW_WIDTH;
|
|
|
833 debugProps(pos);
|
|
|
834 moveElement(arrow, pos);
|
|
|
835 showElement(arrow, true);
|
|
|
836 // right
|
|
|
837 arrow = getElement("right");
|
|
|
838 pos = r.copy();
|
|
|
839 pos.x = pos.x + pos.width - ARROW_WIDTH;
|
|
|
840 pos.width = ARROW_WIDTH;
|
|
|
841 debugProps(pos);
|
|
|
842 moveElement(arrow, pos);
|
|
|
843 showElement(arrow, true);
|
|
411
|
844 }
|
|
416
|
845
|
