|
129
|
1 /*
|
|
|
2
|
|
|
3 Copyright (C) 2003 WTWG, Uni Bern
|
|
|
4
|
|
|
5 This program is free software; you can redistribute it and/or
|
|
|
6 modify it under the terms of the GNU General Public License
|
|
|
7 as published by the Free Software Foundation; either version 2
|
|
|
8 of the License, or (at your option) any later version.
|
|
|
9
|
|
|
10 This program is distributed in the hope that it will be useful,
|
|
|
11 but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
|
12 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
|
13 GNU General Public License for more details.
|
|
|
14
|
|
|
15 You should have received a copy of the GNU General Public License
|
|
|
16 along with this program; if not, write to the Free Software
|
|
|
17 Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA
|
|
|
18
|
|
|
19 Author: Christian Luginbuehl, 01.05.2003 , Version Alcatraz 0.4
|
|
|
20
|
|
|
21 */
|
|
|
22
|
|
|
23 var ZOOMFACTOR = Math.sqrt(2);
|
|
|
24
|
|
|
25 dlParams = new Object();
|
|
|
26
|
|
|
27 function newParameter(name, value, defaultValue, detail) {
|
|
|
28
|
|
|
29 if ( !dlParams[name] ) {
|
|
|
30
|
|
|
31 dlParams[name] = new Object();
|
|
|
32
|
|
|
33 dlParams[name].value = value;
|
|
|
34 dlParams[name].defaultValue = defaultValue;
|
|
|
35 dlParams[name].detail = detail;
|
|
|
36
|
|
|
37 return dlParams[name];
|
|
|
38
|
|
|
39 } else {
|
|
|
40
|
|
|
41 alert("Fatal: An object with name '" + name + "' already exists - cannot recreate!");
|
|
|
42 return false;
|
|
|
43
|
|
|
44 }
|
|
|
45 }
|
|
|
46
|
|
|
47 function getParameter(name) {
|
|
|
48
|
|
|
49 if ( dlParams[name] ) {
|
|
|
50 return dlParams[name].value;
|
|
|
51 } else {
|
|
|
52 return false;
|
|
|
53 }
|
|
|
54 }
|
|
|
55
|
|
|
56
|
|
|
57
|
|
|
58 function listParametersAsString() {
|
|
|
59
|
|
|
60 var params = new Array();
|
|
|
61
|
|
|
62 for ( param in dlParams ) {
|
|
|
63 params.push(param);
|
|
|
64 }
|
|
|
65
|
|
|
66 return params.join(",");
|
|
|
67
|
|
|
68 }
|
|
|
69
|
|
|
70
|
|
|
71 function listParameters() {
|
|
|
72
|
|
|
73 var params = new Array();
|
|
|
74
|
|
|
75 for ( param in dlParams ) {
|
|
|
76 params.push(param);
|
|
|
77 }
|
|
|
78
|
|
|
79 return params;
|
|
|
80
|
|
|
81 }
|
|
|
82
|
|
|
83
|
|
|
84 function init() {
|
|
|
85
|
|
|
86 // give a name to the window containing digilib - this way one can test if there is already a
|
|
|
87 // digilib-window open and replace the contents of it (ex. digicat)
|
|
|
88 top.window.name = "digilib";
|
|
|
89
|
|
|
90 placeMarks();
|
|
|
91
|
|
|
92 if ( document.all ) {
|
|
|
93 this.document.onkeypress = parseKeypress;
|
|
|
94 } else if ( typeof(document.addEventListener) == "function" ) {
|
|
|
95 this.document.addEventListener('keypress', parseKeypress, true);
|
|
|
96 } else {
|
|
|
97 window.captureEvents(Event.KEYDOWN);
|
|
|
98 window.onkeydown = parseKeypress;
|
|
|
99 }
|
|
|
100
|
|
|
101 focus();
|
|
|
102 }
|
|
|
103
|
|
|
104
|
|
|
105 function display(detail) {
|
|
|
106
|
|
|
107 var queryString = '';
|
|
|
108
|
|
|
109 for ( param in dlParams ) {
|
|
|
110
|
|
|
111 if ( dlParams[param].defaultValue != dlParams[param].value ) {
|
|
|
112 if ( dlParams[param].detail <= detail ) {
|
|
|
113 queryString += "&" + param + "=" + dlParams[param].value;
|
|
|
114 } else {
|
|
|
115 queryString += "&" + param + "=" + dlParams[param].defaultValue;
|
|
|
116 }
|
|
|
117 }
|
|
|
118
|
|
|
119 }
|
|
|
120
|
|
|
121 if ( document.body ) {
|
|
|
122 queryString += "&dw=" + (document.body.clientWidth-30) + "&dh=" + (document.body.clientHeight-30);
|
|
|
123 } else {
|
|
|
124 queryString += "&dw=" + (innerWidth-30) + "&dh=" + (innerHeight-30);
|
|
|
125 }
|
|
|
126
|
|
|
127 queryString += "&lv=1";
|
|
|
128
|
|
|
129 queryString = queryString.slice(1);
|
|
|
130
|
|
|
131 location.href = location.protocol + "//" + location.host + location.pathname + "?" + queryString;
|
|
|
132
|
|
|
133 }
|
|
|
134
|
|
|
135
|
|
|
136 // constructor holding different values of a point
|
|
|
137 function Point(evt) {
|
|
|
138
|
|
|
139 if ( document.all ) {
|
|
|
140
|
|
|
141 this.pageX = parseInt(document.body.scrollLeft+event.clientX);
|
|
|
142 this.pageY = parseInt(document.body.scrollLeft+event.clientY);
|
|
|
143
|
|
|
144 this.x = this.pageX-parseInt(document.all.lay1.style.left);
|
|
|
145 this.y = this.pageY-parseInt(document.all.lay1.style.top);
|
|
|
146
|
|
|
147 this.relX = cropFloat(parseFloat(dlParams.wx.value)+(dlParams.ww.value*this.x/document.all.lay1.offsetWidth));
|
|
|
148 this.relY = cropFloat(parseFloat(dlParams.wy.value)+(dlParams.wh.value*this.y/document.all.lay1.offsetHeight));
|
|
|
149
|
|
|
150 } else {
|
|
|
151
|
|
|
152 this.pageX = parseInt(evt.pageX);
|
|
|
153 this.pageY = parseInt(evt.pageY);
|
|
|
154
|
|
|
155 if ( typeof(document.getElementById) == "function" ) {
|
|
|
156
|
|
|
157 this.x = this.pageX-parseInt(document.getElementById("lay1").style.left);
|
|
|
158 this.y = this.pageY-parseInt(document.getElementById("lay1").style.top);
|
|
|
159
|
|
|
160 this.relX = cropFloat(parseFloat(dlParams.wx.value)+(dlParams.ww.value*this.x/document.pic.offsetWidth));
|
|
|
161 this.relY = cropFloat(parseFloat(dlParams.wy.value)+(dlParams.wh.value*this.y/document.pic.offsetHeight));
|
|
|
162
|
|
|
163 } else {
|
|
|
164
|
|
|
165 this.x = this.pageX-document.lay1.left;
|
|
|
166 this.y = this.pageY-document.lay1.top;
|
|
|
167
|
|
|
168 this.relX = cropFloat(parseFloat(dlParams.wx.value)+(dlParams.ww.value*this.x/document.lay1.clip.width));
|
|
|
169 this.relY = cropFloat(parseFloat(dlParams.wy.value)+(dlParams.wh.value*this.y/document.lay1.clip.height));
|
|
|
170
|
|
|
171 }
|
|
|
172
|
|
|
173 }
|
|
|
174
|
|
|
175 return this;
|
|
|
176
|
|
|
177 }
|
|
|
178
|
|
|
179
|
|
|
180 function page(page, details) {
|
|
|
181
|
|
|
182 if ( details == null ) {
|
|
|
183 details = 1;
|
|
|
184 }
|
|
|
185
|
|
|
186 if ( page.indexOf('-') == 0 ) {
|
|
|
187 if ( dlParams.pn.value > 1 ) {
|
|
|
188 page = Math.max(parseInt(dlParams.pn.value) - parseInt(page.slice(1)), 1);
|
|
|
189 dlParams.pn.value = page;
|
|
|
190 display(details);
|
|
|
191 } else {
|
|
|
192 alert("You are already on the first page!");
|
|
|
193 }
|
|
|
194
|
|
|
195 } else if ( page.indexOf('+') == 0 ) {
|
|
|
196 page = parseInt(dlParams.pn.value) + parseInt(page.slice(1));
|
|
|
197 dlParams.pn.value = page;
|
|
|
198 display(details);
|
|
|
199 } else if ( page == parseInt(page) ) {
|
|
|
200 dlParams.pn.value = parseInt(page);
|
|
|
201 display(details);
|
|
|
202 }
|
|
|
203
|
|
|
204 }
|
|
|
205
|
|
|
206
|
|
|
207 function digicat() {
|
|
|
208
|
|
|
209 var url = baseUrl + "/digicat.jsp?" + dlParams.fn.value + "+" + dlParams.pn.value;
|
|
|
210 win = window.open(url, "digicat");
|
|
|
211 win.focus();
|
|
|
212
|
|
|
213 }
|
|
|
214
|
|
|
215
|
|
|
216 function ref(select) {
|
|
|
217
|
|
|
218 var hyperlinkRef = baseUrl + "/digilib.jsp?";
|
|
|
219 hyperlinkRef += dlParams.fn.value + "+" + dlParams.pn.value + "+" + dlParams.ws.value + "+";
|
|
|
220 hyperlinkRef += dlParams.mo.value + "+" + dlParams.mk.value;
|
|
|
221
|
|
|
222 if ( (dlParams.wx.value != 0) || (dlParams.wy.value != 0) || (dlParams.ww.value != 1) || (dlParams.wh.value != 1) ) {
|
|
|
223 hyperlinkRef += "+" + dlParams.wx.value + "+" + dlParams.wy.value + "+" + dlParams.ww.value;
|
|
|
224 hyperlinkRef += "+" + dlParams.wh.value;
|
|
|
225 }
|
|
|
226
|
|
|
227 if ( select == 0 ) {
|
|
|
228 prompt("Link for LaTeX-documents", "\\href{" + hyperlinkRef + "}{TEXT}");
|
|
|
229 } else if ( select == 1 ) {
|
|
|
230 prompt("Link for HTML-documents", hyperlinkRef);
|
|
|
231 }
|
|
|
232 }
|
|
|
233
|
|
|
234
|
|
|
235 function mark() {
|
|
|
236
|
|
|
237 if ( dlParams.mk.value.split(";").length > 7 ) {
|
|
|
238 alert("Only 8 marks are possible at the moment!");
|
|
|
239 return;
|
|
|
240 }
|
|
|
241
|
|
|
242 function markEvent(evt) {
|
|
|
243
|
|
|
244 var point = new Point(evt);
|
|
|
245
|
|
|
246 if ( dlParams.mk.value != '' ) {
|
|
|
247 dlParams.mk.value += ';';
|
|
|
248 }
|
|
|
249
|
|
|
250 dlParams.mk.value += point.relX + '/' + point.relY;
|
|
|
251
|
|
|
252 // stopping event capture
|
|
|
253 if ( document.all ) {
|
|
|
254 document.all.lay1.onmousedown = null;
|
|
|
255 } else if ( typeof(document.removeEventListener) == "function" ) {
|
|
|
256 document.getElementById("lay1").removeEventListener("mousedown", markEvent, true);
|
|
|
257 } else {
|
|
|
258 document.lay1.releaseEvents(Event.MOUSEDOWN);
|
|
|
259 }
|
|
|
260
|
|
|
261 placeMarks();
|
|
|
262
|
|
|
263 }
|
|
|
264
|
|
|
265 // starting event capture
|
|
|
266 if ( document.all ) {
|
|
|
267 document.all.lay1.onmousedown = markEvent;
|
|
|
268 } else if ( typeof(document.addEventListener) == "function" ) {
|
|
|
269 document.getElementById("lay1").addEventListener("mousedown", markEvent, true);
|
|
|
270 } else {
|
|
|
271 document.lay1.captureEvents(Event.MOUSEDOWN);
|
|
|
272 document.lay1.onmousedown = markEvent;
|
|
|
273 }
|
|
|
274 }
|
|
|
275
|
|
|
276
|
|
|
277 function placeMarks() {
|
|
|
278
|
|
|
279 if ( dlParams.mk.value != '' ) {
|
|
|
280
|
|
|
281 var mark = dlParams.mk.value.split(";");
|
|
|
282 var mark_count = mark.length;
|
|
|
283
|
|
|
284 // maximum of marks is 8
|
|
|
285 // we do not report this error because this is already done in function 'mark'
|
|
|
286 if ( mark_count > 8 ) mark_count = 8;
|
|
|
287
|
|
|
288 var picWidth = (document.all) ? parseInt(document.all.lay1.offsetWidth) : (typeof(document.getElementById) == "function") ? parseInt(document.pic.offsetWidth) : parseInt(document.pic.clip.width);
|
|
|
289 var picHeight = (document.all) ? parseInt(document.all.lay1.offsetHeight) : (typeof(document.getElementById) == "function") ? parseInt(document.pic.offsetHeight) : parseInt(document.pic.clip.height);
|
|
|
290
|
|
|
291 // catch the cases where the picture had not been loaded already and
|
|
|
292 // make a timeout so that the coordinates are calculated with the real dimensions
|
|
|
293 if ( (document.pic.complete) || (picWidth > 30) ) {
|
|
|
294
|
|
|
295 var xOffset = (document.all) ? parseInt(document.all.lay1.style.left) : (typeof(document.getElementById) == "function") ? parseInt(document.getElementById('lay1').style.left) : document.lay1.left;
|
|
|
296 var yOffset = (document.all) ? parseInt(document.all.lay1.style.top) : (typeof(document.getElementById) == "function") ? parseInt(document.getElementById('lay1').style.top) : document.lay1.top;
|
|
|
297
|
|
|
298 for (var i = 0; i < mark_count; i++) {
|
|
|
299 mark[i] = mark[i].split("/");
|
|
|
300
|
|
|
301 if ( (mark[i][0] >= dlParams.wx.value) && (mark[i][1] >= dlParams.wy.value) && (mark[i][0] <= (parseFloat(dlParams.wx.value) + parseFloat(dlParams.ww.value))) && (mark[i][1] <= (parseFloat(dlParams.wy.value) + parseFloat(dlParams.wh.value))) ) {
|
|
|
302
|
|
|
303 mark[i][0] = parseInt(xOffset + picWidth * (mark[i][0] - dlParams.wx.value)/dlParams.ww.value);
|
|
|
304 mark[i][1] = parseInt(yOffset + picHeight * (mark[i][1] - dlParams.wy.value)/dlParams.wh.value);
|
|
|
305
|
|
|
306 if ( (document.all) || (typeof(document.getElementById) == "function") ) {
|
|
|
307 // suboptimal to place -5 pixels and not half size of mark-image
|
|
|
308 // should be changed in the future
|
|
|
309 document.getElementById("dot" + i).style.left = mark[i][0]-5;
|
|
|
310 document.getElementById("dot" + i).style.top = mark[i][1]-5;
|
|
|
311 document.getElementById("dot" + i).style.visibility = "visible";
|
|
|
312 } else {
|
|
|
313 document.layers[i+1].moveTo(mark[i][0]-5, mark[i][1]-5);
|
|
|
314 document.layers[i+1].visibility = "show";
|
|
|
315 }
|
|
|
316 }
|
|
|
317 }
|
|
|
318
|
|
|
319 } else {
|
|
|
320 setTimeout("placeMarks()", 100);
|
|
|
321 }
|
|
|
322 }
|
|
|
323 }
|
|
|
324
|
|
|
325
|
|
|
326 function zoomPoint() {
|
|
|
327
|
|
|
328 function zoomPointEvent(evt) {
|
|
|
329
|
|
|
330 var point = new Point(evt);
|
|
|
331
|
|
|
332 dlParams.wx.value = cropFloat(point.relX-0.5*dlParams.ww.value*(1/ZOOMFACTOR));
|
|
|
333 dlParams.wy.value = cropFloat(point.relY-0.5*dlParams.wh.value*(1/ZOOMFACTOR));
|
|
|
334
|
|
|
335 dlParams.ww.value = cropFloat(dlParams.ww.value*(1/ZOOMFACTOR));
|
|
|
336 dlParams.wh.value = cropFloat(dlParams.wh.value*(1/ZOOMFACTOR));
|
|
|
337
|
|
|
338 if ( dlParams.wx.value < 0 ) {
|
|
|
339 dlParams.wx.value = 0;
|
|
|
340 }
|
|
|
341 if ( dlParams.wy.value < 0 ) {
|
|
|
342 dlParams.wy.value = 0;
|
|
|
343 }
|
|
|
344 if ( dlParams.wx.value + dlParams.ww.value > 1 ) {
|
|
|
345 dlParams.wx.value = 1 - dlParams.ww.value;
|
|
|
346 }
|
|
|
347 if ( dlParams.wy.value + dlParams.wh.value > 1 ) {
|
|
|
348 dlParams.wy.value = 1 - dlParams.wh.value;
|
|
|
349 }
|
|
|
350
|
|
|
351 // stopping event capture
|
|
|
352 if ( document.all ) {
|
|
|
353 document.all.lay1.onmousedown = null;
|
|
|
354 } else if ( typeof(document.removeEventListener) == "function" ) {
|
|
|
355 document.getElementById("lay1").removeEventListener("mousedown", zoomPointEvent, true);
|
|
|
356 } else {
|
|
|
357 document.lay1.releaseEvents(Event.MOUSEDOWN);
|
|
|
358 }
|
|
|
359
|
|
|
360 display(3);
|
|
|
361 }
|
|
|
362
|
|
|
363 // starting event capture
|
|
|
364 if ( document.all ) {
|
|
|
365 document.all.lay1.onmousedown = zoomPointEvent;
|
|
|
366 } else if ( typeof(document.addEventListener) == "function" ) {
|
|
|
367 document.getElementById("lay1").addEventListener("mousedown", zoomPointEvent, true);
|
|
|
368 } else {
|
|
|
369 document.lay1.captureEvents(Event.MOUSEDOWN);
|
|
|
370 document.lay1.onmousedown = zoomPointEvent;
|
|
|
371 }
|
|
|
372 }
|
|
|
373
|
|
|
374
|
|
|
375 function zoomArea() {
|
|
|
376 var state = 0;
|
|
|
377 var pt1, pt2;
|
|
|
378
|
|
|
379 function click(evt) {
|
|
|
380
|
|
|
381 if (state == 0) {
|
|
|
382 state = 1;
|
|
|
383
|
|
|
384 pt1 = new Point(evt);
|
|
|
385 pt2 = pt1;
|
|
|
386
|
|
|
387 if ( document.all ) {
|
|
|
388
|
|
|
389 document.all.eck1.style.left = pt1.pageX;
|
|
|
390 document.all.eck1.style.top = pt1.pageY;
|
|
|
391 document.all.eck2.style.left = pt2.pageX-12;
|
|
|
392 document.all.eck2.style.top = pt1.pageY;
|
|
|
393 document.all.eck3.style.left = pt1.pageX;
|
|
|
394 document.all.eck3.style.top = pt2.pageY-12;
|
|
|
395 document.all.eck4.style.left = pt2.pageX-12;
|
|
|
396 document.all.eck4.style.top = pt2.pageY-12;
|
|
|
397
|
|
|
398 document.all.eck1.style.visibility="visible";
|
|
|
399 document.all.eck2.style.visibility="visible";
|
|
|
400 document.all.eck3.style.visibility="visible";
|
|
|
401 document.all.eck4.style.visibility="visible";
|
|
|
402
|
|
|
403 document.all.lay1.onmousemove = move;
|
|
|
404 document.all.eck4.onmousemove = move;
|
|
|
405
|
|
|
406 } else if ( typeof(document.addEventListener) == "function" ) {
|
|
|
407
|
|
|
408 document.getElementById("eck1").style.left = pt1.pageX;
|
|
|
409 document.getElementById("eck1").style.top = pt1.pageY;
|
|
|
410 document.getElementById("eck2").style.left = pt2.pageX-12;
|
|
|
411 document.getElementById("eck2").style.top = pt1.pageY;
|
|
|
412 document.getElementById("eck3").style.left = pt1.pageX;
|
|
|
413 document.getElementById("eck3").style.top = pt2.pageY-12;
|
|
|
414 document.getElementById("eck4").style.left = pt2.pageX-12;
|
|
|
415 document.getElementById("eck4").style.top = pt2.pageY-12;
|
|
|
416
|
|
|
417 document.getElementById("eck1").style.visibility="visible";
|
|
|
418 document.getElementById("eck2").style.visibility="visible";
|
|
|
419 document.getElementById("eck3").style.visibility="visible";
|
|
|
420 document.getElementById("eck4").style.visibility="visible";
|
|
|
421
|
|
|
422 document.getElementById("lay1").addEventListener("mousemove", move, true);
|
|
|
423 document.getElementById("eck4").addEventListener("mousemove", move, true);
|
|
|
424
|
|
|
425 } else {
|
|
|
426
|
|
|
427 document.eck1.moveTo(pt1.pageX, pt1.pageY);
|
|
|
428 document.eck2.moveTo(pt2.pageX-12, pt1.pageY);
|
|
|
429 document.eck3.moveTo(pt1.pageX, pt2.pageY-12);
|
|
|
430 document.eck4.moveTo(pt2.pageX-12, pt2.pageY-12);
|
|
|
431
|
|
|
432 document.eck1.visibility="show";
|
|
|
433 document.eck2.visibility="show";
|
|
|
434 document.eck3.visibility="show";
|
|
|
435 document.eck4.visibility="show";
|
|
|
436
|
|
|
437 document.lay1.captureEvents(Event.MOUSEMOVE);
|
|
|
438 document.eck4.captureEvents(Event.MOUSEMOVE);
|
|
|
439 document.lay1.onmousemove = move;
|
|
|
440 document.eck4.onmousemove = move;
|
|
|
441
|
|
|
442 }
|
|
|
443
|
|
|
444 } else {
|
|
|
445
|
|
|
446 pt2 = new Point(evt);
|
|
|
447
|
|
|
448 if ( document.all ) {
|
|
|
449
|
|
|
450 document.all.eck1.visibility="hidden";
|
|
|
451 document.all.eck2.visibility="hidden";
|
|
|
452 document.all.eck3.visibility="hidden";
|
|
|
453 document.all.eck4.visibility="hidden";
|
|
|
454
|
|
|
455 document.all.lay1.onmousedown = null;
|
|
|
456 document.all.eck4.onmousedown = null;
|
|
|
457 document.all.lay1.onmousemove = null;
|
|
|
458 document.all.eck4.onmousemove = null;
|
|
|
459
|
|
|
460 } else if ( typeof(document.removeEventListener) == "function" ) {
|
|
|
461
|
|
|
462 document.getElementById("eck1").style.visibility="hidden";
|
|
|
463 document.getElementById("eck2").style.visibility="hidden";
|
|
|
464 document.getElementById("eck3").style.visibility="hidden";
|
|
|
465 document.getElementById("eck4").style.visibility="hidden";
|
|
|
466
|
|
|
467 document.getElementById("lay1").removeEventListener("mousedown", click, true);
|
|
|
468 document.getElementById("eck4").removeEventListener("mousedown", click, true);
|
|
|
469 document.getElementById("lay1").removeEventListener("mousemove", move, true);
|
|
|
470 document.getElementById("eck4").removeEventListener("mousemove", move, true);
|
|
|
471
|
|
|
472 } else {
|
|
|
473
|
|
|
474 document.eck1.visibility="hide";
|
|
|
475 document.eck2.visibility="hide";
|
|
|
476 document.eck3.visibility="hide";
|
|
|
477 document.eck4.visibility="hide";
|
|
|
478
|
|
|
479 document.lay1.releaseEvents(Event.MOUSEDOWN);
|
|
|
480 document.eck4.releaseEvents(Event.MOUSEDOWN);
|
|
|
481 document.lay1.releaseEvents(Event.MOUSEMOVE);
|
|
|
482 document.eck4.releaseEvents(Event.MOUSEMOVE);
|
|
|
483
|
|
|
484 }
|
|
|
485
|
|
|
486 dlParams.wx.value = cropFloat(parseFloat(Math.min(pt1.relX, pt2.relX)));
|
|
|
487 dlParams.wy.value = cropFloat(parseFloat(Math.min(pt1.relY, pt2.relY)));
|
|
|
488
|
|
|
489 dlParams.ww.value = cropFloat(parseFloat(Math.abs(pt1.relX-pt2.relX)));
|
|
|
490 dlParams.wh.value = cropFloat(parseFloat(Math.abs(pt1.relY-pt2.relY)));
|
|
|
491
|
|
|
492 if ( (dlParams.ww.value != 0) && (dlParams.wh.value != 0) ) {
|
|
|
493 display(3);
|
|
|
494 }
|
|
|
495 }
|
|
|
496 }
|
|
|
497
|
|
|
498 function move(evt) {
|
|
|
499
|
|
|
500 pt2 = new Point(evt);
|
|
|
501
|
|
|
502 var eck1_left = ((pt1.pageX < pt2.pageX) ? pt1.pageX : pt2.pageX);
|
|
|
503 var eck1_top = ((pt1.pageY < pt2.pageY) ? pt1.pageY : pt2.pageY);
|
|
|
504 var eck2_left = ((pt1.pageX < pt2.pageX) ? pt2.pageX : pt1.pageX)-12;;
|
|
|
505 var eck2_top = ((pt1.pageY < pt2.pageY) ? pt1.pageY : pt2.pageY);
|
|
|
506 var eck3_left = ((pt1.pageX < pt2.pageX) ? pt1.pageX : pt2.pageX);
|
|
|
507 var eck3_top = ((pt1.pageY < pt2.pageY) ? pt2.pageY : pt1.pageY)-12;
|
|
|
508 var eck4_left = ((pt1.pageX < pt2.pageX) ? pt2.pageX : pt1.pageX)-12;
|
|
|
509 var eck4_top = ((pt1.pageY < pt2.pageY) ? pt2.pageY : pt1.pageY)-12;
|
|
|
510
|
|
|
511 if ( document.all ) {
|
|
|
512
|
|
|
513 document.all.eck1.style.left = eck1_left;
|
|
|
514 document.all.eck1.style.top = eck1_top;
|
|
|
515 document.all.eck2.style.left = eck2_left;
|
|
|
516 document.all.eck2.style.top = eck2_top;
|
|
|
517 document.all.eck3.style.left = eck3_left;
|
|
|
518 document.all.eck3.style.top = eck3_top;
|
|
|
519 document.all.eck4.style.left = eck4_left;
|
|
|
520 document.all.eck4.style.top = eck4_top;
|
|
|
521
|
|
|
522 } else if ( typeof(document.getElementById) == "function" ) {
|
|
|
523
|
|
|
524 document.getElementById("eck1").style.left = eck1_left;
|
|
|
525 document.getElementById("eck1").style.top = eck1_top;
|
|
|
526 document.getElementById("eck2").style.left = eck2_left;
|
|
|
527 document.getElementById("eck2").style.top = eck2_top;
|
|
|
528 document.getElementById("eck3").style.left = eck3_left;
|
|
|
529 document.getElementById("eck3").style.top = eck3_top;
|
|
|
530 document.getElementById("eck4").style.left = eck4_left;
|
|
|
531 document.getElementById("eck4").style.top = eck4_top;
|
|
|
532
|
|
|
533 } else {
|
|
|
534
|
|
|
535 document.eck1.moveTo(eck1_left, eck1_top);
|
|
|
536 document.eck2.moveTo(eck2_left, eck2_top);
|
|
|
537 document.eck3.moveTo(eck3_left, eck3_top);
|
|
|
538 document.eck4.moveTo(eck4_left, eck4_top);
|
|
|
539
|
|
|
540 }
|
|
|
541 }
|
|
|
542
|
|
|
543 // starting event capture
|
|
|
544 if ( document.all ) {
|
|
|
545 document.all.lay1.onmousedown = click;
|
|
|
546 document.all.eck4.onmousedown = click;
|
|
|
547 } else if ( typeof(document.addEventListener) == "function" ) {
|
|
|
548 document.getElementById("lay1").addEventListener("mousedown", click, true);
|
|
|
549 document.getElementById("eck4").addEventListener("mousedown", click, true);
|
|
|
550 } else {
|
|
|
551 document.lay1.captureEvents(Event.MOUSEDOWN);
|
|
|
552 document.eck4.captureEvents(Event.MOUSEDOWN);
|
|
|
553 document.lay1.onmousedown = click;
|
|
|
554 document.eck4.onmousedown = click;
|
|
|
555 }
|
|
|
556 }
|
|
|
557
|
|
|
558
|
|
|
559 function zoomExtends() {
|
|
|
560
|
|
|
561 dlParams.wx.value = 0.0;
|
|
|
562 dlParams.wy.value = 0.0;
|
|
|
563
|
|
|
564 dlParams.ww.value = 1.0;
|
|
|
565 dlParams.wh.value = 1.0;
|
|
|
566
|
|
|
567 display(3);
|
|
|
568
|
|
|
569 }
|
|
|
570
|
|
|
571
|
|
|
572 function zoomOut() {
|
|
|
573
|
|
|
574 dlParams.wx.value = cropFloat(dlParams.wx.value-0.5*(dlParams.ww.value*(ZOOMFACTOR)-dlParams.ww.value));
|
|
|
575 dlParams.wy.value = cropFloat(dlParams.wy.value-0.5*(dlParams.wh.value*(ZOOMFACTOR)-dlParams.wh.value));
|
|
|
576
|
|
|
577 dlParams.ww.value = cropFloat(dlParams.ww.value*(ZOOMFACTOR));
|
|
|
578 dlParams.wh.value = cropFloat(dlParams.wh.value*(ZOOMFACTOR));
|
|
|
579
|
|
|
580 if ( dlParams.wx.value < 0 ) {
|
|
|
581 dlParams.wx.value = 0;
|
|
|
582 }
|
|
|
583 if ( dlParams.wy.value < 0 ) {
|
|
|
584 dlParams.wy.value = 0;
|
|
|
585 }
|
|
|
586 if ( dlParams.ww.value > 1 ) {
|
|
|
587 dlParams.ww.value = 1;
|
|
|
588 }
|
|
|
589 if ( dlParams.wh.value > 1 ) {
|
|
|
590 dlParams.wh.value = 1;
|
|
|
591 }
|
|
|
592 if ( dlParams.wx.value + dlParams.ww.value > 1 ) {
|
|
|
593 dlParams.wx.value = 1 - dlParams.ww.value;
|
|
|
594 }
|
|
|
595 if ( dlParams.wy.value + dlParams.wh.value > 1 ) {
|
|
|
596 dlParams.wy.value = 1 - dlParams.wh.value;
|
|
|
597 }
|
|
|
598
|
|
|
599 display(3);
|
|
|
600 }
|
|
|
601
|
|
|
602
|
|
|
603 function moveTo() {
|
|
|
604
|
|
|
605 if ( (parseFloat(dlParams.ww.value) == 1.0) && (parseFloat(dlParams.wh.value) == 1.0) ) {
|
|
|
606 alert("This function is only available when zoomed in!");
|
|
|
607 return;
|
|
|
608 }
|
|
|
609
|
|
|
610 function moveToEvent(event) {
|
|
|
611
|
|
|
612 var point = new Point(event);
|
|
|
613
|
|
|
614 dlParams.wx.value = cropFloat(point.relX-0.5*dlParams.ww.value);
|
|
|
615 dlParams.wy.value = cropFloat(point.relY-0.5*dlParams.wh.value);
|
|
|
616
|
|
|
617 if ( dlParams.wx.value < 0 ) {
|
|
|
618 dlParams.wx.value = 0;
|
|
|
619 }
|
|
|
620 if ( dlParams.wy.value < 0 ) {
|
|
|
621 dlParams.wy.value = 0;
|
|
|
622 }
|
|
|
623 if ( dlParams.wx.value + dlParams.ww.value > 1 ) {
|
|
|
624 dlParams.wx.value = 1 - dlParams.ww.value;
|
|
|
625 }
|
|
|
626 if ( dlParams.wy.value + dlParams.wh.value > 1 ) {
|
|
|
627 dlParams.wy.value = 1 - dlParams.wh.value;
|
|
|
628 }
|
|
|
629
|
|
|
630 // stopping event capture
|
|
|
631 if ( document.all ) {
|
|
|
632 document.all.lay1.onmousedown = null;
|
|
|
633 } else if ( typeof(document.removeEventListener) == "function" ) {
|
|
|
634 document.getElementById("lay1").removeEventListener("mousedown", moveToEvent, true);
|
|
|
635 } else {
|
|
|
636 document.lay1.releaseEvents(Event.MOUSEDOWN)
|
|
|
637 }
|
|
|
638
|
|
|
639 display(3);
|
|
|
640 }
|
|
|
641
|
|
|
642 // starting event capture
|
|
|
643 if ( document.all ) {
|
|
|
644 document.all.lay1.onmousedown = moveToEvent;
|
|
|
645 } else if ( typeof(document.addEventListener) == "function" ) {
|
|
|
646 document.getElementById("lay1").addEventListener("mousedown", moveToEvent, true);
|
|
|
647 } else {
|
|
|
648 document.lay1.captureEvents(Event.MOUSEDOWN);
|
|
|
649 document.lay1.onmousedown = moveToEvent;
|
|
|
650 }
|
|
|
651 }
|
|
|
652
|
|
|
653
|
|
|
654 function scale(factor) {
|
|
|
655
|
|
|
656 dlParams.ws.value = cropFloat(factor);
|
|
|
657 display(3);
|
|
|
658
|
|
|
659 }
|
|
|
660
|
|
|
661
|
|
|
662 // capturing keypresses for next and previous page
|
|
|
663 function parseKeypress(evt) {
|
|
|
664
|
|
|
665 if ( document.all ) {
|
|
|
666
|
|
|
667 if ( event.keyCode == 110 ) {
|
|
|
668 page('+1');
|
|
|
669 }
|
|
|
670 if ( event.keyCode == 98 ) {
|
|
|
671 page('-1');
|
|
|
672 }
|
|
|
673
|
|
|
674 document.cancleBubble = true;
|
|
|
675
|
|
|
676 } else {
|
|
|
677
|
|
|
678 if ( evt.charCode == 110 ) {
|
|
|
679 page('+1');
|
|
|
680 } else if ( evt.charCode == 98 ) {
|
|
|
681 page('-1');
|
|
|
682 } else if ( evt.which == 110 ) {
|
|
|
683 page('+1');
|
|
|
684 } else if ( evt.which == 98 ) {
|
|
|
685 // does not work currentlyfor Opera, because it catches the 'b'-key on it's own
|
|
|
686 // have to change the key or find another way - luginbuehl
|
|
|
687 page('-1');
|
|
|
688 }
|
|
|
689
|
|
|
690 }
|
|
|
691 }
|
|
|
692
|
|
|
693
|
|
|
694 // auxiliary function to crop senseless precicsion
|
|
|
695 function cropFloat(tmp) {
|
|
|
696 return parseInt(10000*tmp)/10000;
|
|
|
697 }
|
