Mercurial > hg > digilib-old
comparison client/digitallibrary/dllib.js @ 237:786c27786281
new javascript code for digilib
author | robcast |
---|---|
date | Tue, 20 Jul 2004 09:57:24 +0200 |
parents | |
children | 1ccda61967b2 |
comparison
equal
deleted
inserted
replaced
236:35deb0f14913 | 237:786c27786281 |
---|---|
1 /* Copyright (C) 2003,2004 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: ROC 3.5.2004 | |
18 first version by Christian Luginbuehl, 01.05.2003 | |
19 Changed for digiLib in Zope by DW 24.03.2004 | |
20 | |
21 Requires baselib.js ! | |
22 | |
23 */ | |
24 | |
25 var dlScriptVersion = "0.9a1"; | |
26 | |
27 /* | |
28 * more parameter handling | |
29 */ | |
30 | |
31 var dlArea = new Rectangle(0.0, 0.0, 1.0, 1.0); | |
32 var dlMaxArea = new Rectangle(0.0, 0.0, 1.0, 1.0); | |
33 | |
34 function parseArea() { | |
35 // returns area Rectangle from current parameters | |
36 return new Rectangle(getParameter("wx"), getParameter("wy"), getParameter("ww"), getParameter("wh")); | |
37 } | |
38 | |
39 function setParamFromArea(rect) { | |
40 // sets digilib wx etc. from rect | |
41 setParameter("wx", cropFloat(rect.x)); | |
42 setParameter("wy", cropFloat(rect.y)); | |
43 setParameter("ww", cropFloat(rect.width)); | |
44 setParameter("wh", cropFloat(rect.height)); | |
45 return true; | |
46 } | |
47 | |
48 var dlTrafo = new Transform(); | |
49 | |
50 function parseTrafo(elem) { | |
51 // returns Transform from current dlArea and picsize | |
52 var picsize = getElementRect(elem); | |
53 var trafo = new Transform(); | |
54 // subtract area offset and size | |
55 trafo.concat(getTranslation(new Position(-dlArea.x, -dlArea.y))); | |
56 trafo.concat(getScale(new Size(1/dlArea.width, 1/dlArea.height))); | |
57 // scale to screen size | |
58 trafo.concat(getScale(picsize)); | |
59 trafo.concat(getTranslation(picsize)); | |
60 // rotate | |
61 //trafo.concat(getRotation(- getParameter("rot"), new Position(0.5*picsize.width, 0.5*picsize.height))); | |
62 // mirror | |
63 //if (hasFlag("hmir")) { | |
64 //trafo.m00 = - trafo.m00; | |
65 //} | |
66 //if (hasFlag("vmir")) { | |
67 //trafo.m11 = - trafo.m11; | |
68 //} | |
69 return trafo; | |
70 } | |
71 | |
72 | |
73 var dlMarks = new Array(); | |
74 | |
75 function parseMarks() { | |
76 // returns marks array from current parameters | |
77 var marks = new Array(); | |
78 var ma; | |
79 var mk = getParameter("mk"); | |
80 if (mk.indexOf(";") >= 0) { | |
81 // old format with ";" | |
82 ma = mk.split(";"); | |
83 } else { | |
84 ma = mk.split(","); | |
85 } | |
86 for (var i = 0; i < ma.length ; i++) { | |
87 var pos = ma[i].split("/"); | |
88 if (pos.length > 1) { | |
89 marks.push(new Position(pos[0], pos[1])); | |
90 } | |
91 } | |
92 return marks; | |
93 } | |
94 | |
95 function getAllMarks() { | |
96 // returns a string with all marks in query format | |
97 var marks = new Array(); | |
98 for (var i = 0; i < dlMarks.length; i++) { | |
99 marks.push(cropFloat(dlMarks[i].x) + "/" + cropFloat(dlMarks[i].y)); | |
100 } | |
101 return marks.join(","); | |
102 } | |
103 | |
104 function addMark(pos) { | |
105 // add a mark | |
106 dlMarks.push(pos); | |
107 setParameter("mk", getAllMarks()); | |
108 return true; | |
109 } | |
110 | |
111 function deleteMark() { | |
112 // delete the last mark | |
113 dlMarks.pop(); | |
114 setParameter("mk", getAllMarks()); | |
115 return true; | |
116 } | |
117 | |
118 var dlFlags = new Object(); | |
119 | |
120 function hasFlag(mode) { | |
121 // returns if mode flag is set | |
122 return (dlFlags[mode]); | |
123 } | |
124 | |
125 function addFlag(mode) { | |
126 // add a mode flag | |
127 dlFlags[mode] = mode; | |
128 return true; | |
129 } | |
130 | |
131 function removeFlag(mode) { | |
132 // remove a mode flag | |
133 if (dlFlags[mode]) { | |
134 delete dlFlags[mode]; | |
135 } | |
136 return true; | |
137 } | |
138 | |
139 function toggleFlag(mode) { | |
140 // change a mode flag | |
141 if (dlFlags[mode]) { | |
142 delete dlFlags[mode]; | |
143 } else { | |
144 dlFlags[mode] = mode; | |
145 } | |
146 return true; | |
147 } | |
148 | |
149 function getAllFlags() { | |
150 // returns a string with all flags in query format | |
151 var fa = new Array(); | |
152 for (var f in dlFlags) { | |
153 if ((f != "")&&(dlFlags[f] != null)) { | |
154 fa.push(f); | |
155 } | |
156 } | |
157 return fa.join(","); | |
158 } | |
159 | |
160 function parseFlags() { | |
161 // sets dlFlags from the current parameters | |
162 var flags = new Object(); | |
163 var fa = getParameter("mo").split(","); | |
164 for (var i = 0; i < fa.length ; i++) { | |
165 var f = fa[i]; | |
166 if (f != "") { | |
167 flags[f] = f; | |
168 } | |
169 } | |
170 return flags; | |
171 } | |
172 | |
173 | |
174 function bestPicSize(elem, inset) { | |
175 // returns a Size with the best image size for the given element | |
176 if (! defined(inset)) { | |
177 inset = 25; | |
178 } | |
179 var ws = getWinSize(); | |
180 var es = getElementPosition(elem); | |
181 if (es) { | |
182 ws.width = ws.width - es.x - inset; | |
183 ws.height = ws.height - es.y - inset; | |
184 } | |
185 return ws; | |
186 } | |
187 | |
188 | |
189 /* ********************************************** | |
190 * digilib specific routines | |
191 * ******************************************** */ | |
192 | |
193 var elemScaler = null; | |
194 var picElem = null; | |
195 | |
196 function dl_init() { | |
197 elemScaler = getElement("scaler", true); | |
198 picElem = getElement("pic", true); | |
199 if (picElem == null && elemScaler) { | |
200 // in N4 pic is in the scaler layer | |
201 picElem = elemScaler.document.images[0]; | |
202 } | |
203 if ((!elemScaler)||(!picElem)) { | |
204 alert("Sorry, zogilib doesn't work here!"); | |
205 return false; | |
206 } | |
207 // give a name to the window containing digilib | |
208 if (defined(dlTarget)&&(dlTarget)) { | |
209 window.name = dlTarget; | |
210 } else { | |
211 window.name = "digilib"; | |
212 } | |
213 // put the query parameters (sans "?") in the parameters array | |
214 parseParameters(location.search.slice(1)); | |
215 // treat special parameters | |
216 dlMarks = parseMarks(); | |
217 dlArea = parseArea(); | |
218 dlFlags = parseFlags(); | |
219 // wait for image to load and display marks | |
220 renderMarks(); | |
221 // done | |
222 focus(); | |
223 return; | |
224 } | |
225 | |
226 | |
227 function display(detail) { | |
228 // redisplay the page | |
229 if (! detail) { | |
230 detail = 9; | |
231 } | |
232 var queryString = getAllParameters(detail); | |
233 location.href = location.protocol + "//" + location.host + location.pathname + "?" + queryString; | |
234 } | |
235 | |
236 | |
237 /* ********************************************** | |
238 * interactive digilib functions | |
239 * ******************************************** */ | |
240 | |
241 | |
242 function renderMarks() { | |
243 // put the visible marks on the image | |
244 var mark_count = dlMarks.length; | |
245 // make shure the image is loaded so we know its size | |
246 if (defined(picElem.complete) && picElem.complete == false && ! browserType.isN4 ) { | |
247 setTimeout("renderMarks()", 100); | |
248 } else { | |
249 dlTrafo = parseTrafo(picElem); | |
250 for (var i = 0; i < 8; i++) { | |
251 var me = getElement("dot"+i); | |
252 if (i < mark_count) { | |
253 if (dlArea.containsPosition(dlMarks[i])) { | |
254 var mpos = dlTrafo.transform(dlMarks[i]); | |
255 // suboptimal to place -5 pixels and not half size of mark-image | |
256 mpos.x = mpos.x -5; | |
257 mpos.y = mpos.y -5; | |
258 moveElement(me, mpos); | |
259 showElement(me, true); | |
260 } | |
261 } else { | |
262 // hide the other marks | |
263 showElement(me, false); | |
264 } | |
265 } | |
266 } | |
267 } | |
268 | |
269 | |
270 function setMark() { | |
271 // add a mark where clicked | |
272 if ( dlMarks.length > 7 ) { | |
273 alert("Only 8 marks are possible at the moment!"); | |
274 return; | |
275 } | |
276 | |
277 function markEvent(evt) { | |
278 // event handler adding a new mark | |
279 unregisterMouseDown(elemScaler, markEvent); | |
280 var p = dlTrafo.invtransform(evtPosition(evt)); | |
281 addMark(p); | |
282 display(); | |
283 } | |
284 | |
285 // starting event capture | |
286 registerMouseDown(elemScaler, markEvent); | |
287 } | |
288 | |
289 | |
290 function zoomArea() { | |
291 var click = 1; | |
292 var pt1, pt2; | |
293 var eck1pos, eck2pos, eck3pos, eck4pos; | |
294 window.focus(); | |
295 var eck1 = getElement("eck1"); | |
296 var eck2 = getElement("eck2"); | |
297 var eck3 = getElement("eck3"); | |
298 var eck4 = getElement("eck4"); | |
299 | |
300 function zoomClick(evt) { | |
301 // mouse click handler | |
302 if (click == 1) { | |
303 // first click -- start moving | |
304 click = 2; | |
305 pt1 = evtPosition(evt); | |
306 pt2 = pt1; | |
307 eck1pos = pt1; | |
308 eck2pos = new Position(pt1.x - 12, pt1.y); | |
309 eck3pos = new Position(pt1.x, pt1.y - 12); | |
310 eck4pos = new Position(pt1.y - 12, pt1.y - 12); | |
311 moveElement(eck1, eck1pos); | |
312 moveElement(eck2, eck2pos); | |
313 moveElement(eck3, eck3pos); | |
314 moveElement(eck4, eck4pos); | |
315 showElement(eck1, true); | |
316 showElement(eck2, true); | |
317 showElement(eck3, true); | |
318 showElement(eck4, true); | |
319 registerMouseMove(elemScaler, zoomMove); | |
320 registerMouseMove(eck4, zoomMove); | |
321 } else { | |
322 // second click -- end moving | |
323 pt2 = evtPosition(evt); | |
324 showElement(eck1, false); | |
325 showElement(eck2, false); | |
326 showElement(eck3, false); | |
327 showElement(eck4, false); | |
328 unregisterMouseMove(elemScaler, zoomMove); | |
329 unregisterMouseMove(eck4, zoomMove); | |
330 unregisterMouseDown(elemScaler, zoomClick); | |
331 unregisterMouseDown(eck4, zoomClick); | |
332 var p1 = dlTrafo.invtransform(pt1); | |
333 var p2 = dlTrafo.invtransform(pt2); | |
334 var ww = p2.x-p1.x; | |
335 var wh = p2.y-p1.y; | |
336 if ((ww > 0)&&(wh > 0)) { | |
337 setParameter("wx", cropFloat(p1.x)); | |
338 setParameter("wy", cropFloat(p1.y)); | |
339 setParameter("ww", cropFloat(ww)); | |
340 setParameter("wh", cropFloat(wh)); | |
341 parseArea(); | |
342 // zoomed is always fit | |
343 setParameter("ws", 1); | |
344 display(); | |
345 } | |
346 } | |
347 } | |
348 | |
349 function zoomMove(evt) { | |
350 // mouse move handler | |
351 pt2 = evtPosition(evt); | |
352 // restrict marks to move right and down | |
353 eck1pos = pt1; | |
354 eck2pos = new Position(Math.max(pt1.x, pt2.x)-12, pt1.y); | |
355 eck3pos = new Position(pt1.x, Math.max(pt1.y, pt2.y)-12); | |
356 eck4pos = new Position(Math.max(pt1.x, pt2.x)-12, Math.max(pt1.y, pt2.y)-12); | |
357 moveElement(eck1, eck1pos); | |
358 moveElement(eck2, eck2pos); | |
359 moveElement(eck3, eck3pos); | |
360 moveElement(eck4, eck4pos); | |
361 } | |
362 | |
363 // starting event capture | |
364 registerMouseDown(elemScaler, zoomClick); | |
365 registerMouseDown(eck4, zoomClick); | |
366 } | |
367 | |
368 var ZOOMFACTOR = Math.sqrt(2); | |
369 | |
370 function zoomBy(factor) { | |
371 // zooms by the given factor | |
372 var newarea = dlArea; | |
373 newarea.width /= factor; | |
374 newarea.height /= factor; | |
375 newarea.x -= 0.5 * (newarea.width - dlArea.width); | |
376 newarea.y -= 0.5 * (newarea.height - dlArea.height); | |
377 newarea = dlMaxArea.fit(newarea); | |
378 setParamFromArea(newarea); | |
379 display(); | |
380 } | |
381 | |
382 | |
383 function zoomFullpage() { | |
384 // zooms out to show the whole image | |
385 setParameter("wx", 0.0); | |
386 setParameter("wy", 0.0); | |
387 setParameter("ww", 1.0); | |
388 setParameter("wh", 1.0); | |
389 display(); | |
390 } | |
391 | |
392 | |
393 function moveCenter() { | |
394 // move visible area so that it's centered around the clicked point | |
395 if ( (dlArea.width == 1.0) && (dlArea.height == 1.0) ) { | |
396 // noting to do | |
397 return; | |
398 } | |
399 window.focus(); | |
400 | |
401 function moveCenterEvent(evt) { | |
402 // move to handler | |
403 unregisterMouseDown(elemScaler, moveCenterEvent); | |
404 var pt = dlTrafo.invtransform(evtPosition(evt)); | |
405 var newarea = new Rectangle(pt.x-0.5*dlArea.width, pt.y-0.5*dlArea.height, dlArea.width, dlArea.height); | |
406 newarea = dlMaxArea.fit(newarea); | |
407 // set parameters | |
408 setParamFromArea(newarea); | |
409 parseArea(); | |
410 display(); | |
411 } | |
412 | |
413 // starting event capture | |
414 registerMouseDown(elemScaler, moveCenterEvent); | |
415 } | |
416 | |
417 | |
418 function removeMark() { | |
419 // remove the last mark | |
420 deleteMark(); | |
421 renderMarks(); | |
422 } | |
423 | |
424 | |
425 function getRef(select) { | |
426 // returns a reference to the current digilib set | |
427 if (! baseUrl) { | |
428 var baseUrl = location.protocol + "//" + location.host + location.pathname; | |
429 } | |
430 var hyperlinkRef = baseUrl; | |
431 var par = getAllParameters(9); | |
432 if (par.length > 0) { | |
433 hyperlinkRef += "?" + par; | |
434 } | |
435 return hyperlinkRef; | |
436 } |