Mercurial > hg > digilib-old

comparison client/digitallibrary/navigation_n4.js @ 20:d407cb901df4

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Initial revision
author robcast
date Thu, 17 Jan 2002 15:29:55 +0100
parents
children 84a481a388bb 85126da2ae21
comparison
equal deleted inserted replaced
1:0ff3ede32060 20:d407cb901df4
1 /* navigation_ie -- JS library for digilib (Netscape4 version)
2
3 Digital Image Library servlet components
4
5 Copyright (C) 2001, 2002 Christian Luginbuehl (luginbuehl@student.unibe.ch)
6
7 This program is free software; you can redistribute it and/or modify it
8 under the terms of the GNU General Public License as published by the
9 Free Software Foundation; either version 2 of the License, or (at your
10 option) any later version.
11
12 Please read license.txt for the full details. A copy of the GPL
13 may be found at http://www.gnu.org/copyleft/lgpl.html
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 */
20
21 // these two global variables have to be initialised before the frist use of the functions below
22 // to fill in the attributes you can use the function initPicture provided below
23 // - array with all attributes
24 var att = new Array();
25
26 // - variable to store the path to the frame, in which the pictures should be created
27 var whichFrame = parent.mainFrame;
28
29 // give a name to the window containing digilib - this way one can test if there is already a
30 // digilib-window open and replace the contents of it (ex. digicat)
31 window.name = "digilib";
32
33 // function that launches the ScaleServlet
34 // the different detailGrades:
35 // 0 -> back, next, page
36 // 1 -> zoomout
37 // 2 -> zoomarea, zoompoint, moveto, scaledef
38
39 function loadPicture(detailGrade, keepArea) {
40
41 // alert("wx: " + att[5] + "\tww: " + att[7] + "\nwy: " + att[6] + "\twh: " + att[8]);
42
43 var newPicture = "http://" + location.host + "/docuserver/digitallibrary/servlet/Scaler/"
44 newPicture += att[0] + "?" + "pn=" + att[1] + "&ws=" + att[2];
45 newPicture += "&dw=" + (whichFrame.innerWidth-30) + "&dh=" + (whichFrame.innerHeight-30);
46 newPicture += "&mo=" + att[3];
47
48 if (detailGrade == 0) {
49 att[4] = "0/0";
50 }
51
52 if ((detailGrade == 1) || (detailGrade == 0 && !keepArea)) {
53 att[5] = 0;
54 att[6] = 0;
55 att[7] = 1;
56 att[8] = 1;
57 }
58 newPicture += "&wx=" + att[5] + "&wy=" + att[6] + "&ww=" + att[7] + "&wh=" + att[8];
59
60 whichFrame.document.open();
61
62 whichFrame.document.write('<html><head></head><body bgcolor="#666666">');
63 whichFrame.document.write('<div ID="lay1" style="position:absolute; left:10; top:10; visibility:visible"><img src="' + newPicture + '"></div>');
64 whichFrame.document.write('<div ID="dot0" style="position:absolute; left:-20; top:100; visibility:hidden"><img src="http://' + location.host + '/docuserver/digitallibrary/mark1.gif"></div>');
65 whichFrame.document.write('<div ID="dot1" style="position:absolute; left:-20; top:100; visibility:hidden"><img src="http://' + location.host + '/docuserver/digitallibrary/mark2.gif"></div>');
66 whichFrame.document.write('<div ID="dot2" style="position:absolute; left:-20; top:100; visibility:hidden"><img src="http://' + location.host + '/docuserver/digitallibrary/mark3.gif"></div>');
67 whichFrame.document.write('<div ID="dot3" style="position:absolute; left:-20; top:100; visibility:hidden"><img src="http://' + location.host + '/docuserver/digitallibrary/mark4.gif"></div>');
68 whichFrame.document.write('<div ID="dot4" style="position:absolute; left:-20; top:100; visibility:hidden"><img src="http://' + location.host + '/docuserver/digitallibrary/mark5.gif"></div>');
69 whichFrame.document.write('<div ID="dot5" style="position:absolute; left:-20; top:100; visibility:hidden"><img src="http://' + location.host + '/docuserver/digitallibrary/mark6.gif"></div>');
70 whichFrame.document.write('<div ID="dot6" style="position:absolute; left:-20; top:100; visibility:hidden"><img src="http://' + location.host + '/docuserver/digitallibrary/mark7.gif"></div>');
71 whichFrame.document.write('<div ID="dot7" style="position:absolute; left:-20; top:100; visibility:hidden"><img src="http://' + location.host + '/docuserver/digitallibrary/mark8.gif"></div>');
72 whichFrame.document.write('<div ID="eck1" style="position:absolute; left:-20; top:120; visibility:hidden"><img src="http://' + location.host + '/docuserver/digitallibrary/olinks.gif"></div>');
73 whichFrame.document.write('<div ID="eck2" style="position:absolute; left:-20; top:140; visibility:hidden"><img src="http://' + location.host + '/docuserver/digitallibrary/orechts.gif"></div>');
74 whichFrame.document.write('<div ID="eck3" style="position:absolute; left:-20; top:160; visibility:hidden"><img src="http://' + location.host + '/docuserver/digitallibrary/ulinks.gif"></div>');
75 whichFrame.document.write('<div ID="eck4" style="position:absolute; left:-20; top:180; visibility:hidden"><img src="http://' + location.host + '/docuserver/digitallibrary/urechts.gif"></div>');
76 whichFrame.document.write('</body></html>');
77
78 whichFrame.document.close();
79
80 pageInfo();
81
82 setmark();
83 }
84
85
86 function Backpage(keepArea) {
87
88 att[1] = parseInt(att[1]) - 1;
89
90 if (att[1] > 0) {
91 loadPicture(0, keepArea);
92 } else {
93 att[1] = parseInt(att[1]) + 1;
94 alert("You are already on the first page!");
95 }
96 }
97
98
99 function Nextpage(keepArea) {
100
101 att[1] = parseInt(att[1]) + 1;
102
103 if (att[1] <= parent.numPages) {
104 loadPicture(0, keepArea);
105 } else {
106 att[1] = parseInt(att[1]) - 1;
107 alert("You are already on the last page!");
108 }
109 }
110
111
112 function Page(keepArea) {
113
114 do {
115 page = prompt("Goto Page (1 - " + parent.numPages + "):", 1);
116 } while ((page != null) && ((page < 1) || (page > parent.numPages)));
117
118 if (page != null && page != att[1]) {
119 att[1] = page;
120 loadPicture(0, keepArea);
121 }
122 }
123
124
125 function Digicat() {
126 var url = "http://" + location.host + "/docuserver/digitallibrary/digicat.html?" + att[0] + "+" + att[1];
127 win = window.open(url, "digicat");
128 win.focus();
129 }
130
131
132 function Ref(refselect) {
133
134 var hyperlinkRef = "http://" + location.host + "/docuserver/digitallibrary/digilib.jsp?";
135 hyperlinkRef += att[0] + "+" + att[1] + "+" + att[2] + "+" + att[3] + "+" + att[4];
136
137 if ((att[5] != 0) || (att[6] != 0) || (att[7] != 1) || (att[8] != 1)) {
138 hyperlinkRef += "+" + att[5] + "+" + att[6] + "+" + att[7] + "+" + att[8];
139 }
140
141 if (refselect == 1) {
142 prompt("Link for HTML--documents", hyperlinkRef);
143 } else {
144 prompt("Link for LaTeX--documents", "\\href{" + hyperlinkRef + "}{TEXT}");
145 }
146 }
147
148
149 function Mark(refselect) {
150
151 if (att[4].split(";").length > 7) {
152 alert("Only 8 marks are possible at the moment!");
153 return;
154 }
155
156 whichFrame.document.lay1.captureEvents(Event.MOUSEDOWN);
157 whichFrame.document.lay1.onmousedown = function(event) {
158
159 if ((att[4] != "") && (att[4] != "0/0")) {
160 att[4] += ";";
161 } else {
162 att[4] = "";
163 }
164
165 var markX = cropFloat(att[5]+(att[7]*event.x/whichFrame.document.lay1.clip.width));
166 var markY = cropFloat(att[6]+(att[8]*event.y/whichFrame.document.lay1.clip.height));
167
168 att[4] += markX + "/" + markY;
169
170 whichFrame.document.lay1.releaseEvents(Event.MOUSEDOWN);
171 setmark();
172 }
173 }
174
175
176 function Zoomrect() {
177 var state = 0;
178 var x1, y1, x2, y2;
179
180 function Click(event) {
181
182 if (state == 0) {
183 state = 1;
184
185 x1 = event.pageX;
186 y1 = event.pageY;
187 x2 = x1;
188 y2 = y1;
189
190 whichFrame.document.eck1.moveTo(((x1 < x2) ? x1 : x2), ((y1 < y2) ? y1 : y2));
191 whichFrame.document.eck2.moveTo(((x1 < x2) ? x2 : x1)-12, ((y1 < y2) ? y1 : y2));
192 whichFrame.document.eck3.moveTo(((x1 < x2) ? x1 : x2), ((y1 < y2) ? y2 : y1)-12);
193 whichFrame.document.eck4.moveTo(((x1 < x2) ? x2 : x1)-12, ((y1 < y2) ? y2 : y1)-12);
194
195 whichFrame.document.eck1.visibility="show";
196 whichFrame.document.eck2.visibility="show";
197 whichFrame.document.eck3.visibility="show";
198 whichFrame.document.eck4.visibility="show";
199
200 whichFrame.document.lay1.captureEvents(Event.MOUSEMOVE);
201 whichFrame.document.eck4.captureEvents(Event.MOUSEMOVE);
202
203 whichFrame.document.lay1.onmousemove = Move;
204 whichFrame.document.eck4.onmousemove = Move;
205
206 } else {
207
208 x1 -= whichFrame.document.lay1.x;
209 y1 -= whichFrame.document.lay1.y;
210
211 x2 = event.pageX-whichFrame.document.lay1.x;
212 y2 = event.pageY-whichFrame.document.lay1.y;
213
214 whichFrame.document.lay1.releaseEvents(Event.MOUSEDOWN | Event.MOUSEMOVE);
215 whichFrame.document.eck4.releaseEvents(Event.MOUSEDOWN | Event.MOUSEMOVE);
216
217 whichFrame.document.eck1.visibility="hide";
218 whichFrame.document.eck2.visibility="hide";
219 whichFrame.document.eck3.visibility="hide";
220 whichFrame.document.eck4.visibility="hide";
221
222 att[5] = cropFloat(att[5]+att[7]*((x1 < x2) ? x1 : x2)/whichFrame.document.lay1.clip.width);
223 att[6] = cropFloat(att[6]+att[8]*((y1 < y2) ? y1 : y2)/whichFrame.document.lay1.clip.height);
224
225 att[7] = cropFloat(att[7]*Math.abs(x1-x2)/whichFrame.document.lay1.clip.width);
226 att[8] = cropFloat(att[8]*Math.abs(y1-y2)/whichFrame.document.lay1.clip.height);
227
228 if (att[7] != 0 && att[8] != 0) {
229 loadPicture(2);
230 }
231 }
232 }
233
234 function Move(event) {
235
236 x2 = event.pageX;
237 y2 = event.pageY;
238
239 whichFrame.document.eck1.moveTo(((x1 < x2) ? x1 : x2), ((y1 < y2) ? y1 : y2));
240 whichFrame.document.eck2.moveTo(((x1 < x2) ? x2 : x1)-12, ((y1 < y2) ? y1 : y2));
241 whichFrame.document.eck3.moveTo(((x1 < x2) ? x1 : x2), ((y1 < y2) ? y2 : y1)-12);
242 whichFrame.document.eck4.moveTo(((x1 < x2) ? x2 : x1)-12, ((y1 < y2) ? y2 : y1)-12);
243 }
244
245 whichFrame.document.lay1.captureEvents(Event.MOUSEDOWN);
246 whichFrame.document.eck4.captureEvents(Event.MOUSEDOWN);
247
248 whichFrame.document.lay1.onmousedown = Click;
249 whichFrame.document.eck4.onmousedown = Click;
250 }
251
252
253 function Zoomin() {
254
255 whichFrame.document.lay1.captureEvents(Event.MOUSEDOWN);
256 whichFrame.document.lay1.onmousedown = function(event) {
257
258 att[5] = cropFloat(att[5]+(att[7]*event.x/whichFrame.document.lay1.clip.width-0.5*att[7]*0.7));
259 att[6] = cropFloat(att[6]+(att[8]*event.y/whichFrame.document.lay1.clip.height-0.5*att[8]*0.7));
260
261 att[7] = cropFloat(att[7]*0.7);
262 att[8] = cropFloat(att[8]*0.7);
263
264 if (att[5] < 0) {
265 att[5] = 0;
266 }
267 if (att[6] < 0) {
268 att[6] = 0;
269 }
270 if (att[5]+att[7] > 1) {
271 att[5] = 1-att[7];
272 }
273 if (att[6]+att[8] > 1) {
274 att[6] = 1-att[8];
275 }
276
277 releaseEvents(Event.MOUSEDOWN);
278
279 loadPicture(2);
280 }
281 }
282
283
284 function Zoomout() {
285 loadPicture(1);
286 }
287
288
289 function Moveto() {
290
291 whichFrame.document.lay1.captureEvents(Event.MOUSEDOWN);
292 whichFrame.document.lay1.onmousedown = function(event) {
293
294 att[5] = cropFloat(att[5]+(att[7]*event.x/whichFrame.document.lay1.clip.width-0.5*att[7]));
295 att[6] = cropFloat(att[6]+(att[8]*event.y/whichFrame.document.lay1.clip.height-0.5*att[8]));
296
297 if (att[5] < 0) {
298 att[5] = 0;
299 }
300 if (att[6] < 0) {
301 att[6] = 0;
302 }
303 if (att[5]+att[7] > 1) {
304 att[5] = 1-att[7];
305 }
306 if (att[6]+att[8] > 1) {
307 att[6] = 1-att[8];
308 }
309
310 releaseEvents(Event.MOUSEDOWN);
311
312 loadPicture(2);
313 }
314 }
315
316
317 function Scaledef(scaledef) {
318
319 att[2] = scaledef;
320 loadPicture(2);
321 }
322
323
324 function setmark() {
325 if ((att[4] != "") && (att[4] != "0/0")) {
326 var mark = att[4].split(";");
327
328 var countMarks = mark.length;
329
330 // maximum of marks is 8
331 // we do not report this error because this is already done in func. "Mark"
332 if (countMarks > 8) countMarks = 8;
333
334 var picWidth = whichFrame.document.lay1.clip.width;
335 var picHeight = whichFrame.document.lay1.clip.height;
336
337 for (var i = 0; i < countMarks; i++) {
338 mark[i] = mark[i].split("/");
339
340 if ((mark[i][0] > att[5]) && (mark[i][1] > att[6]) && (mark[i][0] < (att[5]+att[7])) && (mark[i][1] < (att[6]+att[8]))) {
341
342 mark[i][0] = parseInt(whichFrame.document.lay1.x + (picWidth*(mark[i][0]-att[5]))/att[7]);
343 mark[i][1] = parseInt(whichFrame.document.lay1.y + (picHeight*(mark[i][1]-att[6]))/att[8]);
344
345 whichFrame.document.layers[i+1].moveTo(mark[i][0]-5, mark[i][1]-5);
346 whichFrame.document.layers[i+1].visibility = "show";
347 }
348 }
349 }
350 }
351
352
353 // capturing keypresses for next and previous page
354 function parseKeypress(event) {
355 var whichCode = (window.Event) ? event.which : event.keyCode;
356 if (String.fromCharCode(whichCode) == "n") {
357 Nextpage();
358 }
359 if (String.fromCharCode(whichCode) == "b") {
360 Backpage();
361 }
362 }
363
364
365 // auxiliary function to crop senseless precicsion
366 function cropFloat(tmp) {
367 return parseInt(10000*tmp)/10000;
368 }
369
370
371 // initialize browser specific things (keypress caputring)
372 function initScripts() {
373 window.captureEvents(Event.KEYDOWN);
374 window.onkeydown = parseKeypress;
375 }
376
377
378 // fill in the values of the "att"-array
379 function initPicture(picURL) {
380 att = picURL.split("+");
381
382 if (att[0].lastIndexOf("/") == att[0].length-1) {
383 att[0] = att[0].substring(0, att[0].length-1);
384 }
385
386 if (att.length < 2 || att[1] == "") {
387 att[1] = 1;
388 }
389 if (att.length < 3 || att[2] == "") {
390 att[2] = "1.0";
391 }
392
393 if (att.length < 4) {
394 att[3] = "";
395 }
396
397 if (att[3].indexOf("f") > -1) {
398 att[3] = "fit";
399 }
400
401 if (att.length < 5 || att[4] == "") {
402 att[4] = "0/0";
403 }
404
405 // converts the old mark format (0-1000) to new format(0.0 - 1.0)
406 if (att[4] != "0/0") {
407 var tmp = att[4].split(";");
408
409 att[4] = "";
410
411 for (i = 0; i < tmp.length; i++) {
412 tmp[i] = tmp[i].split("/");
413
414 if (tmp[i][0] > 1 && tmp[i][1] > 1) {
415 tmp[i][0] /= 1000;
416 tmp[i][1] /= 1000;
417 }
418
419 att[4] += tmp[i][0] + "/" + tmp[i][1] + ";";
420 }
421 att[4] = att[4].slice(0, -1);
422 }
423
424 if (att.length < 7) {
425 att[5] = 0;
426 att[6] = 0;
427 att[7] = 1;
428 att[8] = 1;
429 } else {
430 att[5] = parseFloat(att[5]);
431 att[6] = parseFloat(att[6]);
432 att[7] = parseFloat(att[7]);
433 att[8] = parseFloat(att[8]);
434 }
435 }
436
437 function pageInfo() {
438
439 // bug in netscape 4.xx (confunding px and pt)
440 var fontsize = document.layers ? "11pt" : "11px";
441
442 if (window.pageFrame) {
443 pageFrame.document.open();
444 pageFrame.document.write('<html><head></head><body bgcolor="#CCCCCC" topmargin="5" marginheight="5">');
445 pageFrame.document.write('<p style="font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; color: #CC3333; font-size: ' + fontsize + '">');
446 pageFrame.document.write(att[1] + '<b> of </b>' + numPages + '</p></body></html>');
447 pageFrame.document.close();
448 }
449 }
450