|
450
|
1 /* Copyright (C) 2003-2006 IT-Group MPIWG, WTWG Uni Bern and others
|
|
398
|
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)
|
|
450
|
20 Robert Casties, 2.11.2004 (almost complete rewrite)
|
|
407
|
21 Martin Raspe, 12.12.2005 (changes for Digilib NG)
|
|
398
|
22
|
|
|
23 */
|
|
|
24
|
|
407
|
25 // was: function base_init() {
|
|
450
|
26 baseLibVersion = "2.010";
|
|
407
|
27 browserType = getBrowserType();
|
|
398
|
28
|
|
444
|
29 sliders = {};
|
|
|
30 activeSlider = null;
|
|
398
|
31
|
|
|
32 function getInt(n) {
|
|
|
33 // returns always an integer
|
|
|
34 n = parseInt(n);
|
|
450
|
35 return (isNaN(n)) ? 0 : n;
|
|
398
|
36 }
|
|
|
37
|
|
|
38 function defined(x) {
|
|
|
39 // returns if x is defined
|
|
|
40 return (typeof arguments[0] != "undefined");
|
|
|
41 }
|
|
|
42
|
|
|
43 function cropFloat(x) {
|
|
|
44 // auxiliary function to crop senseless precision
|
|
407
|
45 return parseInt(10000 * x) / 10000;
|
|
398
|
46 }
|
|
|
47
|
|
|
48 function getBrowserType() {
|
|
|
49 // browser sniffer
|
|
|
50 var bt = Object();
|
|
|
51 bt.doDHTML = false;
|
|
|
52 bt.versIE = 0;
|
|
|
53
|
|
|
54 if ((! document.cssonly && document.layers) || document.all || document.getElementById) {
|
|
|
55 var vers = navigator.appVersion.split('MSIE ');
|
|
|
56 vers = vers[vers.length - 1];
|
|
|
57 bt.versIE = getInt(vers);
|
|
|
58 bt.isIE = navigator.userAgent.indexOf('MSIE') >= 0;
|
|
|
59 bt.isMac = navigator.platform.indexOf('Mac') >= 0;
|
|
|
60 bt.isWin = navigator.platform.indexOf('Win') >= 0;
|
|
|
61 bt.isN4 = (navigator.userAgent.indexOf('Mozilla/4.') >= 0) && ! bt.isIE;
|
|
|
62 bt.isIEWin = bt.versIE > 0 && bt.isWin;
|
|
|
63 if (navigator.appVersion.indexOf('MSIE') < 0 || ! bt.isMac || bt.versIE >= 5) {
|
|
|
64 bt.doDHTML = true;
|
|
|
65 bt.isOpera = navigator.userAgent.indexOf(' Opera ') >= 0;
|
|
|
66 bt.isKonq = navigator.userAgent.indexOf(' Konqueror') >= 0;
|
|
|
67 }
|
|
|
68 }
|
|
|
69 return bt;
|
|
|
70 }
|
|
|
71
|
|
|
72 // fixes for javascript < 1.2
|
|
|
73 if (! Array.prototype.push) {
|
|
|
74 Array.prototype.push = function(val) {
|
|
|
75 this[this.length] = val;
|
|
|
76 return this.length;
|
|
|
77 }
|
|
|
78 Array.prototype.pop = function() {
|
|
|
79 var val = this[this.length-1];
|
|
|
80 this.length -= 1;
|
|
|
81 return val;
|
|
|
82 }
|
|
|
83 }
|
|
|
84
|
|
|
85
|
|
|
86 /* **********************************************
|
|
|
87 * geometry classes
|
|
|
88 * ******************************************** */
|
|
|
89
|
|
|
90 /*
|
|
|
91 * Size class
|
|
|
92 */
|
|
|
93 function Size(w, h) {
|
|
|
94 this.width = parseFloat(w);
|
|
|
95 this.height = parseFloat(h);
|
|
|
96 return this;
|
|
|
97 }
|
|
|
98 Size.prototype.toString = function() {
|
|
|
99 return this.width + "x" + this.height;
|
|
|
100 }
|
|
426
|
101 Size.prototype.equals = function(other) {
|
|
|
102 return (this.width == other.width
|
|
|
103 && this.height == other.height)
|
|
|
104 }
|
|
398
|
105
|
|
|
106 /*
|
|
|
107 * Position class
|
|
|
108 */
|
|
|
109 function Position(x, y) {
|
|
|
110 this.x = parseFloat(x);
|
|
|
111 this.y = parseFloat(y);
|
|
|
112 return this;
|
|
|
113 }
|
|
|
114 Position.prototype.toString = function() {
|
|
|
115 return this.x + "," + this.y;
|
|
|
116 }
|
|
426
|
117 Position.prototype.equals = function(other) {
|
|
|
118 return (this.x == other.x
|
|
|
119 && this.y == other.y)
|
|
450
|
120 }
|
|
398
|
121 /*
|
|
|
122 * Rectangle class
|
|
|
123 */
|
|
|
124 function Rectangle(x, y, w, h) {
|
|
450
|
125 if (typeof x == "object") {
|
|
|
126 // assume x and y are Position
|
|
|
127 this.x = x.x;
|
|
|
128 this.y = x.y;
|
|
|
129 this.width = y.x - x.x;
|
|
|
130 this.height = y.y - x.y;
|
|
|
131 return this;
|
|
|
132 }
|
|
398
|
133 this.x = parseFloat(x);
|
|
|
134 this.y = parseFloat(y);
|
|
|
135 this.width = parseFloat(w);
|
|
|
136 this.height = parseFloat(h);
|
|
|
137 return this;
|
|
|
138 }
|
|
|
139 Rectangle.prototype.toString = function() {
|
|
|
140 return this.width+"x"+this.height+"@"+this.x+","+this.y;
|
|
|
141 }
|
|
|
142 Rectangle.prototype.copy = function() {
|
|
|
143 // returns a copy of this Rectangle
|
|
|
144 return new Rectangle(this.x, this.y, this.width, this.height);
|
|
|
145 }
|
|
|
146 Rectangle.prototype.getPosition = function() {
|
|
|
147 // returns the position of this Rectangle
|
|
|
148 return new Position(this.x, this.y);
|
|
|
149 }
|
|
433
|
150 Rectangle.prototype.getPt1 = Rectangle.prototype.getPosition;
|
|
450
|
151 // returns the upper left corner position
|
|
433
|
152
|
|
|
153 Rectangle.prototype.getPt2 = function() {
|
|
450
|
154 // returns the lower right corner position of this Rectangle
|
|
433
|
155 return new Position(this.x + this.width, this.y + this.height);
|
|
|
156 }
|
|
|
157 Rectangle.prototype.setPt1 = function(pos) {
|
|
450
|
158 // sets the upper left corner to position pos
|
|
433
|
159 this.x = pos.x;
|
|
|
160 this.y = pos.y;
|
|
|
161 return this;
|
|
|
162 }
|
|
|
163 Rectangle.prototype.setPt2 = function(pos) {
|
|
450
|
164 // sets the lower right corner to position pos
|
|
433
|
165 this.width = pos.x - this.x;
|
|
|
166 this.height = pos.y - this.y;
|
|
|
167 return this;
|
|
|
168 }
|
|
|
169 Rectangle.prototype.getCenter = function() {
|
|
|
170 // returns the center position of this Rectangle
|
|
|
171 return new Position(this.x + this.width / 2, this.y + this.height / 2);
|
|
|
172 }
|
|
|
173 Rectangle.prototype.setCenter = function(pos) {
|
|
|
174 // moves this Rectangle's center to position pos
|
|
|
175 this.x = pos.x - this.width / 2;
|
|
|
176 this.y = pos.y - this.height / 2;
|
|
|
177 return this;
|
|
|
178 }
|
|
398
|
179 Rectangle.prototype.getSize = function() {
|
|
|
180 // returns the size of this Rectangle
|
|
|
181 return new Size(this.width, this.height);
|
|
|
182 }
|
|
426
|
183 Rectangle.prototype.equals = function(other) {
|
|
|
184 // equal props
|
|
|
185 return (this.getPosition().equals(other.getPosition())
|
|
|
186 && this.getSize().equals(other.getSize())
|
|
|
187 );
|
|
|
188 }
|
|
398
|
189 Rectangle.prototype.getArea = function() {
|
|
|
190 // returns the area of this Rectangle
|
|
|
191 return (this.width * this.height);
|
|
|
192 }
|
|
433
|
193 Rectangle.prototype.normalize = function() {
|
|
|
194 // eliminates negative width and height
|
|
|
195 var p = this.getPt2();
|
|
|
196 this.x = Math.min(this.x, p.x);
|
|
|
197 this.y = Math.min(this.y, p.y);
|
|
|
198 this.width = Math.abs(this.width);
|
|
|
199 this.height = Math.abs(this.height);
|
|
|
200 return this;
|
|
|
201 }
|
|
398
|
202 Rectangle.prototype.containsPosition = function(pos) {
|
|
412
|
203 // returns if Position "pos" lies inside of this rectangle
|
|
|
204 return ((pos.x >= this.x)
|
|
|
205 && (pos.y >= this.y)
|
|
|
206 && (pos.x <= this.x + this.width)
|
|
|
207 && (pos.y <= this.y + this.width)
|
|
|
208 );
|
|
|
209 }
|
|
|
210 Rectangle.prototype.containsRect = function(rect) {
|
|
|
211 // returns if rectangle "rect" is contained in this rectangle
|
|
450
|
212 return (this.containsPosition(rect.getPt1())
|
|
|
213 && this.containsPosition(rect.getPt2()));
|
|
412
|
214 }
|
|
|
215 Rectangle.prototype.stayInside = function(rect) {
|
|
|
216 // changes this rectangle's x/y values so it stays inside of rectangle rect
|
|
433
|
217 // keeping the proportions
|
|
412
|
218 if (this.x < rect.x) this.x = rect.x;
|
|
|
219 if (this.y < rect.y) this.y = rect.y;
|
|
|
220 if (this.x + this.width > rect.x + rect.width)
|
|
|
221 this.x = rect.x + rect.width - this.width;
|
|
|
222 if (this.y + this.height > rect.y + rect.height)
|
|
|
223 this.y = rect.y + rect.height - this.height;
|
|
|
224 return this;
|
|
398
|
225 }
|
|
433
|
226 Rectangle.prototype.clipTo = function(rect) {
|
|
|
227 // clips this rectangle so it stays inside of rectangle rect
|
|
450
|
228 var p1 = rect.getPt1();
|
|
|
229 var p2 = rect.getPt2();
|
|
|
230 var this2 = this.getPt2();
|
|
433
|
231 this.setPt1(new Position(Math.max(this.x, p1.x), Math.max(this.y, p1.y)));
|
|
|
232 this.setPt2(new Position(Math.min(this2.x, p2.x), Math.min(this2.y, p2.y)));
|
|
|
233 return this;
|
|
|
234 }
|
|
398
|
235 Rectangle.prototype.intersect = function(rect) {
|
|
|
236 // returns the intersection of the given Rectangle and this one
|
|
412
|
237 // FIX ME: not really, it should return null if there is no overlap
|
|
398
|
238 var sec = rect.copy();
|
|
|
239 if (sec.x < this.x) {
|
|
|
240 sec.width = sec.width - (this.x - sec.x);
|
|
|
241 sec.x = this.x;
|
|
|
242 }
|
|
|
243 if (sec.y < this.y) {
|
|
|
244 sec.height = sec.height - (this.y - sec.y);
|
|
|
245 sec.y = this.y;
|
|
|
246 }
|
|
|
247 if (sec.x + sec.width > this.x + this.width) {
|
|
|
248 sec.width = (this.x + this.width) - sec.x;
|
|
|
249 }
|
|
|
250 if (sec.y + sec.height > this.y + this.height) {
|
|
|
251 sec.height = (this.y + this.height) - sec.y;
|
|
|
252 }
|
|
|
253 return sec;
|
|
|
254 }
|
|
|
255 Rectangle.prototype.fit = function(rect) {
|
|
|
256 // returns a Rectangle that fits into this one (by moving first)
|
|
|
257 var sec = rect.copy();
|
|
|
258 sec.x = Math.max(sec.x, this.x);
|
|
426
|
259 sec.y = Math.max(sec.y, this.x);
|
|
398
|
260 if (sec.x + sec.width > this.x + this.width) {
|
|
|
261 sec.x = this.x + this.width - sec.width;
|
|
|
262 }
|
|
|
263 if (sec.y + sec.height > this.y + this.height) {
|
|
|
264 sec.y = this.y + this.height - sec.height;
|
|
|
265 }
|
|
|
266 return sec.intersect(this);
|
|
|
267 }
|
|
|
268
|
|
|
269 /*
|
|
|
270 * Transform class
|
|
|
271 *
|
|
|
272 * defines a class of affine transformations
|
|
|
273 */
|
|
|
274 function Transform() {
|
|
|
275 this.m00 = 1.0;
|
|
|
276 this.m01 = 0.0;
|
|
|
277 this.m02 = 0.0;
|
|
|
278 this.m10 = 0.0;
|
|
|
279 this.m11 = 1.0;
|
|
|
280 this.m12 = 0.0;
|
|
|
281 this.m20 = 0.0;
|
|
|
282 this.m21 = 0.0;
|
|
|
283 this.m22 = 1.0;
|
|
|
284 return this;
|
|
|
285 }
|
|
|
286 Transform.prototype.concat = function(traf) {
|
|
|
287 // add Transform traf to this Transform
|
|
|
288 for (var i = 0; i < 3; i++) {
|
|
|
289 for (var j = 0; j < 3; j++) {
|
|
|
290 var c = 0.0;
|
|
|
291 for (var k = 0; k < 3; k++) {
|
|
|
292 c += traf["m"+i+k] * this["m"+k+j];
|
|
|
293 }
|
|
|
294 this["m"+i+j] = c;
|
|
|
295 }
|
|
|
296 }
|
|
|
297 return this;
|
|
|
298 }
|
|
|
299 Transform.prototype.transform = function(rect) {
|
|
|
300 // returns transformed Rectangle or Position with this Transform applied
|
|
|
301 var x = this.m00 * rect.x + this.m01 * rect.y + this.m02;
|
|
|
302 var y = this.m10 * rect.x + this.m11 * rect.y + this.m12;
|
|
|
303 if (rect.width) {
|
|
|
304 var width = this.m00 * rect.width + this.m01 * rect.height;
|
|
|
305 var height = this.m10 * rect.width + this.m11 * rect.height;
|
|
|
306 return new Rectangle(x, y, width, height);
|
|
|
307 }
|
|
|
308 return new Position(x, y);
|
|
|
309 }
|
|
|
310 Transform.prototype.invtransform = function(pos) {
|
|
|
311 // returns transformed Position pos with the inverse of this Transform applied
|
|
|
312 var det = this.m00 * this.m11 - this.m01 * this.m10;
|
|
|
313 var x = (this.m11 * pos.x - this.m01 * pos.y - this.m11 * this.m02 + this.m01 * this.m12) / det;
|
|
|
314 var y = (- this.m10 * pos.x + this.m00 * pos.y + this.m10 * this.m02 - this.m00 * this.m12) / det;
|
|
450
|
315 if (pos.width) {
|
|
|
316 var width = (this.m11 * pos.width - this.m01 * pos.height - this.m11 * this.m02 + this.m01 * this.m12) / det;
|
|
|
317 var height = (- this.m10 * pos.width + this.m00 * pos.height + this.m10 * this.m02 - this.m00 * this.m12) / det;
|
|
|
318 return new Rectangle(x, y, width, height);
|
|
|
319 }
|
|
398
|
320 return new Position(x, y);
|
|
|
321 }
|
|
|
322 function getRotation(angle, pos) {
|
|
|
323 // returns a Transform that is a rotation by angle degrees around [pos.x, pos.y]
|
|
|
324 var traf = new Transform();
|
|
|
325 if (angle != 0) {
|
|
|
326 var t = 2.0 * Math.PI * parseFloat(angle) / 360.0;
|
|
|
327 traf.m00 = Math.cos(t);
|
|
|
328 traf.m01 = - Math.sin(t);
|
|
|
329 traf.m10 = Math.sin(t);
|
|
|
330 traf.m11 = Math.cos(t);
|
|
|
331 traf.m02 = pos.x - pos.x * Math.cos(t) + pos.y * Math.sin(t);
|
|
|
332 traf.m12 = pos.y - pos.x * Math.sin(t) - pos.y * Math.cos(t);
|
|
|
333 }
|
|
|
334 return traf;
|
|
|
335 }
|
|
454
|
336 Transform.prototype.getRotation = getRotation;
|
|
398
|
337 function getTranslation(pos) {
|
|
|
338 // returns a Transform that is a translation by [pos.x, pos,y]
|
|
|
339 var traf = new Transform();
|
|
|
340 traf.m02 = pos.x;
|
|
|
341 traf.m12 = pos.y;
|
|
|
342 return traf;
|
|
|
343 }
|
|
454
|
344 Transform.prototype.getTranslation = getTranslation;
|
|
398
|
345 function getScale(size) {
|
|
|
346 // returns a Transform that is a scale by [size.width, size.height]
|
|
|
347 var traf = new Transform();
|
|
|
348 traf.m00 = size.width;
|
|
|
349 traf.m11 = size.height;
|
|
|
350 return traf;
|
|
|
351 }
|
|
454
|
352 Transform.prototype.getScale = getScale;
|
|
398
|
353
|
|
|
354
|
|
450
|
355 /*
|
|
|
356 * parameters class
|
|
|
357 */
|
|
398
|
358
|
|
450
|
359 function Parameters() {
|
|
|
360 this.params = new Object();
|
|
452
|
361 this.PARAM_ALL = 65535;
|
|
450
|
362 return this;
|
|
|
363 }
|
|
|
364 Parameters.prototype.define = function(name, defaultValue, detail) {
|
|
398
|
365 // create a new parameter with a name and a default value
|
|
450
|
366 if (!this.params[name]) this.params[name] = new Object();
|
|
|
367 this.params[name].defaultValue = defaultValue;
|
|
|
368 this.params[name].hasValue = false;
|
|
|
369 this.params[name].value = defaultValue;
|
|
|
370 this.params[name].detail = detail;
|
|
|
371 return this.params[name];
|
|
|
372 }
|
|
|
373 Parameters.prototype.reset = function(name) {
|
|
412
|
374 // resets the given parameter to its default value
|
|
450
|
375 if (!this.params[name]) {
|
|
|
376 alert("Could not reset non-existing parameter '" + name + "'");
|
|
|
377 return false;
|
|
412
|
378 }
|
|
450
|
379 this.params[name].hasValue = false;
|
|
|
380 this.params[name].value = this.params[name].defaultValue;
|
|
|
381 return this.params[name];
|
|
|
382 }
|
|
|
383 Parameters.prototype.resetAll = function() {
|
|
|
384 // resets all parameters to their default values
|
|
|
385 for (var p in this.params) {
|
|
|
386 this.reset(p);
|
|
|
387 }
|
|
|
388 return true;
|
|
|
389 }
|
|
|
390 Parameters.prototype.remove = function(name) {
|
|
|
391 if (!defined(this.params[name])) return false;
|
|
|
392 delete this.params[name];
|
|
|
393 return true;
|
|
|
394 }
|
|
|
395 Parameters.prototype.get = function(name) {
|
|
398
|
396 // returns the named parameter value or its default value
|
|
450
|
397 if (!defined(this.params[name])) return null;
|
|
|
398 return this.params[name].hasValue ? this.params[name].value : this.params[name].defaultValue;
|
|
|
399 }
|
|
|
400 Parameters.prototype.set = function(name, value, relative) {
|
|
|
401 // sets parameter value (relative values with +/- if relative=true)
|
|
|
402 if (!defined(this.params[name])) return null;
|
|
|
403 var p = this.params[name];
|
|
412
|
404 if (relative && value.slice) {
|
|
450
|
405 // value is a string -- check if it starts with +/-
|
|
412
|
406 var sign = value.slice(0, 1);
|
|
|
407 if (sign == '+') {
|
|
|
408 p.value = parseFloat(p.value) + parseFloat(value.slice(1));
|
|
|
409 } else if (sign == '-') {
|
|
|
410 p.value = parseFloat(p.value) - parseFloat(value.slice(1));
|
|
|
411 } else {
|
|
|
412 p.value = value;
|
|
|
413 }
|
|
450
|
414 } else {
|
|
|
415 p.value = value;
|
|
|
416 }
|
|
412
|
417 p.hasValue = true;
|
|
|
418 return p.value;
|
|
450
|
419 }
|
|
|
420 Parameters.prototype.isSet = function(name) {
|
|
412
|
421 // returns if the parameter's value has been set
|
|
450
|
422 if (!defined(this.params[name])) return null;
|
|
|
423 return this.params[name].hasValue;
|
|
|
424 }
|
|
|
425 Parameters.prototype.getAll = function(detail) {
|
|
398
|
426 // returns a string of all parameters in query format
|
|
452
|
427 if (!detail) detail = this.PARAM_ALL;
|
|
450
|
428 var pa = new Array();
|
|
|
429 for (p in this.params) {
|
|
|
430 if (((this.params[p].detail & detail) > 0)
|
|
|
431 && (this.params[p].hasValue)) {
|
|
|
432 var val = this.params[p].value;
|
|
398
|
433 if (val != "") {
|
|
450
|
434 pa.push(p + "=" + val);
|
|
398
|
435 }
|
|
|
436 }
|
|
|
437 }
|
|
450
|
438 return pa.join("&");
|
|
398
|
439 }
|
|
450
|
440 Parameters.prototype.parse = function(query) {
|
|
398
|
441 // gets parameter values from query format string
|
|
450
|
442 var pa = query.split("&");
|
|
|
443 for (var i = 0; i < pa.length; i++) {
|
|
|
444 var keyval = pa[i].split("=");
|
|
398
|
445 if (keyval.length == 2) {
|
|
450
|
446 this.set(keyval[0], keyval[1]);
|
|
398
|
447 }
|
|
|
448 }
|
|
|
449 }
|
|
|
450
|
|
450
|
451 /*
|
|
|
452 * Flags class
|
|
|
453 *
|
|
|
454 * Flags are (hash-) collections of unique strings.
|
|
|
455 */
|
|
|
456 function Flags() {
|
|
|
457 this.flags = new Object();
|
|
|
458 return this;
|
|
|
459 }
|
|
|
460 Flags.prototype.define = function(name, detail) {
|
|
|
461 // create a new flag with a name and detail level
|
|
|
462 this.flags[name] = new Object();
|
|
|
463 this.flags[name].set = false;
|
|
|
464 this.flags[name].detail = detail;
|
|
|
465 return this.flags[name];
|
|
|
466 }
|
|
|
467 Flags.prototype.get = function(name) {
|
|
|
468 return (this.flags[name]) ? this.flags[name].set : false;
|
|
|
469 }
|
|
|
470 Flags.prototype.set = function(name, value) {
|
|
|
471 if (!defined(value)) value = true;
|
|
|
472 if (!this.flags[name]) this.flags[name] = new Object;
|
|
|
473 this.flags[name].set = value;
|
|
|
474 }
|
|
|
475 Flags.prototype.reset = function(name) {
|
|
|
476 if (!this.flags[name]) this.flags[name] = new Object;
|
|
|
477 this.flags[name].set = false;
|
|
|
478 }
|
|
|
479 Flags.prototype.toggle = function(name) {
|
|
|
480 if (!this.flags[name]) this.flags[name] = new Object;
|
|
|
481 this.flags[name].set = !this.flags[name].set;
|
|
|
482 }
|
|
|
483 Flags.prototype.resetAll = function() {
|
|
|
484 for (var f in this.flags) {
|
|
|
485 this.flags[f].set = false;
|
|
|
486 }
|
|
|
487 }
|
|
|
488 Flags.prototype.parse = function(query, sep) {
|
|
|
489 // sets the flags from the string query
|
|
|
490 if (!sep) sep = ",";
|
|
|
491 var fa = query.split(sep);
|
|
|
492 for (var i = 0; i < fa.length ; i++) {
|
|
|
493 var f = fa[i];
|
|
|
494 if (f != "") {
|
|
|
495 this.set(f);
|
|
|
496 }
|
|
|
497 }
|
|
|
498 }
|
|
|
499 Flags.prototype.getAll = function(detail, sep) {
|
|
|
500 // returns a string of all flags in query format
|
|
|
501 if (!detail) detail = 255;
|
|
|
502 if (!sep) sep = ",";
|
|
|
503 var fa = new Array();
|
|
|
504 for (f in this.flags) {
|
|
|
505 if (this.flags[f].set) {
|
|
|
506 // if the flag has a detail level it must match
|
|
|
507 // otherwise we assume detail=128
|
|
|
508 if (this.flags[f].detail) {
|
|
|
509 if ((this.flags[f].detail & detail) > 0) {
|
|
|
510 fa.push(f);
|
|
|
511 }
|
|
|
512 } else {
|
|
|
513 if ((detail & 128) > 0) {
|
|
|
514 fa.push(f);
|
|
|
515 }
|
|
|
516 }
|
|
|
517 }
|
|
|
518 }
|
|
|
519 return fa.join(sep);
|
|
|
520 }
|
|
|
521
|
|
398
|
522
|
|
|
523 /* **********************************************
|
|
|
524 * HTML/DOM routines
|
|
|
525 * ******************************************** */
|
|
|
526
|
|
|
527 function getElement(tagid, quiet) {
|
|
|
528 // returns the element object with the id tagid
|
|
|
529 var e;
|
|
|
530 if (document.getElementById) {
|
|
|
531 e = document.getElementById(tagid);
|
|
|
532 } else if (document.all) {
|
|
|
533 alert("document.all!");
|
|
|
534 e = document.all[tagid];
|
|
|
535 } else if (document.layers) {
|
|
|
536 e = document.layers[tagid];
|
|
|
537 }
|
|
|
538 if (e) {
|
|
|
539 return e;
|
|
|
540 } else {
|
|
|
541 if (! quiet) {
|
|
|
542 alert("unable to find element: "+tagid);
|
|
|
543 }
|
|
|
544 return null;
|
|
|
545 }
|
|
|
546 }
|
|
|
547
|
|
|
548 function getElementPosition(elem) {
|
|
|
549 // returns a Position with the position of the element
|
|
|
550 var x = 0;
|
|
|
551 var y = 0;
|
|
|
552 if (defined(elem.offsetLeft)) {
|
|
|
553 var e = elem;
|
|
|
554 while (e) {
|
|
|
555 if (defined(e.clientLeft)) {
|
|
|
556 // special for IE
|
|
|
557 if (browserType.isMac) {
|
|
|
558 if (e.offsetParent.tagName == "BODY") {
|
|
|
559 // IE for Mac extraspecial
|
|
|
560 x += e.clientLeft;
|
|
|
561 y += e.clientTop;
|
|
|
562 break;
|
|
|
563 }
|
|
|
564 } else {
|
|
|
565 if ((e.tagName != "TABLE") && (e.tagName != "BODY")) {
|
|
|
566 x += e.clientLeft;
|
|
|
567 y += e.clientTop;
|
|
|
568 }
|
|
|
569 }
|
|
|
570 }
|
|
|
571 x += e.offsetLeft;
|
|
|
572 y += e.offsetTop;
|
|
|
573 e = e.offsetParent;
|
|
|
574 }
|
|
|
575 } else if (defined(elem.x)) {
|
|
|
576 x = elem.x;
|
|
|
577 y = elem.y;
|
|
|
578 } else if (defined(elem.pageX)) {
|
|
|
579 x = elem.pageX;
|
|
|
580 y = elem.pageY;
|
|
|
581 } else {
|
|
438
|
582 alert("unable to get position of " + elem + " (id:" + elem.id + ")");
|
|
398
|
583 }
|
|
|
584 return new Position(getInt(x), getInt(y));
|
|
|
585 }
|
|
|
586
|
|
|
587 function getElementSize(elem) {
|
|
|
588 // returns a Rectangle with the size of the element
|
|
|
589 var width = 0;
|
|
|
590 var height = 0;
|
|
|
591 if (defined(elem.offsetWidth)) {
|
|
|
592 width = elem.offsetWidth;
|
|
|
593 height = elem.offsetHeight;
|
|
|
594 } else if (defined(elem.width)) {
|
|
|
595 width = elem.width;
|
|
|
596 height = elem.height;
|
|
|
597 } else if (defined(elem.clip.width)) {
|
|
|
598 width = elem.clip.width;
|
|
|
599 height = elem.clip.height;
|
|
|
600 } else {
|
|
438
|
601 alert("unable to get size of " + elem + " (id:" + elem.id + ")");
|
|
398
|
602 }
|
|
|
603 return new Size(getInt(width), getInt(height));
|
|
|
604 }
|
|
|
605
|
|
|
606 function getElementRect(elem) {
|
|
|
607 // returns a Rectangle with the size and position of the element
|
|
412
|
608 // FIX ME: what about borders?
|
|
398
|
609 var pos = getElementPosition(elem);
|
|
|
610 var size = getElementSize(elem);
|
|
|
611 return new Rectangle(pos.x, pos.y, size.width, size.height);
|
|
|
612 }
|
|
|
613
|
|
|
614 function moveElement(elem, rect) {
|
|
|
615 // moves and sizes the element
|
|
|
616 if (elem.style) {
|
|
|
617 if (defined(rect.x)) {
|
|
|
618 elem.style.left = Math.round(rect.x) + "px";
|
|
|
619 elem.style.top = Math.round(rect.y) + "px";
|
|
|
620 }
|
|
|
621 if (defined(rect.width)) {
|
|
|
622 elem.style.width = Math.round(rect.width) + "px";
|
|
|
623 elem.style.height = Math.round(rect.height) + "px";
|
|
|
624 }
|
|
|
625 } else if (document.layers) {
|
|
|
626 if (defined(rect.x)) {
|
|
|
627 elem.pageX = getInt(rect.x);
|
|
|
628 elem.pageY = getInt(rect.y);
|
|
|
629 }
|
|
|
630 if (defined(rect.width)) {
|
|
|
631 elem.clip.width = getInt(rect.width);
|
|
|
632 elem.clip.height = getInt(rect.height);
|
|
|
633 }
|
|
|
634 } else {
|
|
438
|
635 alert("moveElement(): element has no style or layer property!");
|
|
398
|
636 return false;
|
|
|
637 }
|
|
|
638 return true;
|
|
|
639 }
|
|
|
640
|
|
|
641 function showElement(elem, show) {
|
|
|
642 // shows or hides the element
|
|
435
|
643 if (elem.style)
|
|
|
644 elem.style.visibility = show ? "visible" : "hidden";
|
|
438
|
645 else if (defined(elem.visibility))
|
|
435
|
646 elem.visibility = show ? "show" : "hide";
|
|
438
|
647 else
|
|
435
|
648 alert("showElement(): element has no style or layer property!");
|
|
398
|
649 return true;
|
|
|
650 }
|
|
|
651
|
|
|
652 function evtPosition(evt) {
|
|
|
653 // returns the on-screen Position of the Event
|
|
|
654 var x;
|
|
|
655 var y;
|
|
|
656 evt = (evt) ? evt : window.event;
|
|
|
657 if (!evt) {
|
|
435
|
658 alert("no event found! " + evt);
|
|
398
|
659 return;
|
|
435
|
660 }
|
|
398
|
661 if (defined(evt.pageX)) {
|
|
|
662 x = parseInt(evt.pageX);
|
|
|
663 y = parseInt(evt.pageY);
|
|
|
664 } else if (defined(evt.clientX)) {
|
|
435
|
665 x = parseInt(document.body.scrollLeft + evt.clientX);
|
|
|
666 y = parseInt(document.body.scrollTop + evt.clientY);
|
|
398
|
667 } else {
|
|
435
|
668 alert("evtPosition(): don't know how to deal with " + evt);
|
|
|
669 }
|
|
398
|
670 return new Position(x, y);
|
|
|
671 }
|
|
|
672
|
|
|
673 function registerEvent(type, elem, handler) {
|
|
412
|
674 // register the given event handler on the indicated element
|
|
|
675 if (elem.addEventListener) {
|
|
|
676 elem.addEventListener(type, handler, false); // bubble
|
|
|
677 }
|
|
|
678 else if (elem.attachEvent) {
|
|
|
679 elem.attachEvent("on" + type, handler);
|
|
|
680 }
|
|
|
681 else if (elem.captureEvents) {
|
|
|
682 if (Event) {
|
|
|
683 t = type.toUpperCase();
|
|
|
684 elem.captureEvents(Event[t]);
|
|
438
|
685 elem[ "on" + type ] = handler;
|
|
412
|
686 }
|
|
|
687 }
|
|
|
688 else {
|
|
|
689 alert("Could not register event of type " + type);
|
|
|
690 return false;
|
|
|
691 }
|
|
|
692 return true;
|
|
|
693 }
|
|
|
694
|
|
407
|
695 function unregisterEvent(type, elem, handler) {
|
|
412
|
696 // unregister the given event handler from the indicated element
|
|
|
697 if (elem.removeEventListener) {
|
|
|
698 elem.removeEventListener(type, handler, false);
|
|
|
699 }
|
|
|
700 else if (elem.detachEvent) {
|
|
438
|
701 elem.detachEvent("on" + type, handler);
|
|
412
|
702 }
|
|
|
703 else if (elem.releaseEvents) {
|
|
|
704 if (Event) {
|
|
|
705 t = type.toUpperCase();
|
|
|
706 elem.releaseEvents(Event[t]);
|
|
438
|
707 elem[ "on" + type ] = null;
|
|
412
|
708 }
|
|
|
709 }
|
|
|
710 else {
|
|
|
711 alert("Could not register event of type " + type);
|
|
|
712 return false;
|
|
|
713 }
|
|
|
714 return true;
|
|
398
|
715 }
|
|
|
716
|
|
407
|
717 function registerEventById(type, id, handler) {
|
|
442
|
718 registerEvent(type, getElement(id), handler);
|
|
412
|
719 }
|
|
407
|
720
|
|
|
721 function unregisterEventById(type, id, handler) {
|
|
442
|
722 unregisterEvent(type, getElement(id), handler);
|
|
412
|
723 }
|
|
407
|
724
|
|
|
725 function stopEvent(e) {
|
|
412
|
726 if (!e) var e = window.event;
|
|
|
727 e.cancelBubble = true;
|
|
|
728 if (e.stopPropagation) e.stopPropagation();
|
|
|
729 return false;
|
|
398
|
730 }
|
|
|
731
|
|
407
|
732 function getEventSrc(e) {
|
|
412
|
733 if (e.target) return e.target;
|
|
|
734 if (e.srcElement) return e.srcElement;
|
|
407
|
735 }
|
|
398
|
736
|
|
|
737 // old registerXXYY API for compatibility
|
|
|
738 function registerMouseDown(elem, handler) {
|
|
|
739 return registerEvent("mousedown", elem, handler);
|
|
|
740 }
|
|
|
741 function unregisterMouseDown(elem, handler) {
|
|
|
742 return unregisterEvent("mousedown", elem, handler);
|
|
|
743 }
|
|
|
744 function registerMouseMove(elem, handler) {
|
|
|
745 return registerEvent("mousemove", elem, handler);
|
|
|
746 }
|
|
|
747 function unregisterMouseMove(elem, handler) {
|
|
|
748 return unregisterEvent("mousemove", elem, handler);
|
|
|
749 }
|
|
|
750 function registerKeyDown(handler) {
|
|
|
751 return registerEvent("keypress", elem, handler);
|
|
|
752 }
|
|
|
753
|
|
|
754
|
|
|
755 function getWinSize() {
|
|
|
756 // returns a Size with the current window size (mostly from www.quirksmode.org)
|
|
|
757 var wsize = new Size(100, 100);
|
|
|
758 if (defined(self.innerHeight)) {
|
|
|
759 // all except Explorer
|
|
|
760 if ((self.innerWidth == 0)||(self.innerHeight == 0)) {
|
|
|
761 // Safari 1.2 bug
|
|
|
762 if (parent) {
|
|
|
763 parent.innerHeight;
|
|
|
764 parent.innerWidth;
|
|
|
765 }
|
|
|
766 }
|
|
|
767 wsize.width = self.innerWidth;
|
|
|
768 wsize.height = self.innerHeight;
|
|
|
769 } else if (document.documentElement && document.documentElement.clientHeight) {
|
|
|
770 // Explorer 6 Strict Mode
|
|
|
771 wsize.width = document.documentElement.clientWidth;
|
|
|
772 wsize.height = document.documentElement.clientHeight;
|
|
|
773 } else if (document.body) {
|
|
|
774 // other Explorers
|
|
|
775 wsize.width = document.body.clientWidth;
|
|
|
776 wsize.height = document.body.clientHeight;
|
|
|
777 }
|
|
|
778 return wsize;
|
|
|
779 }
|
|
|
780
|
|
433
|
781 function getWinRect() {
|
|
|
782 var size = getWinSize();
|
|
|
783 return new Rectangle(0, 0, size.width, size.height);
|
|
|
784 }
|
|
|
785
|
|
398
|
786 function openWin(url, name, params) {
|
|
|
787 // open browser window
|
|
|
788 var ow = window.open(url, name, params);
|
|
|
789 ow.focus();
|
|
|
790 }
|
|
433
|
791
|
|
|
792 /* **********************************************
|
|
|
793 * cookie class
|
|
|
794 * ******************************************** */
|
|
|
795
|
|
|
796 function Cookie() {
|
|
|
797 return this.read();
|
|
|
798 }
|
|
|
799
|
|
|
800 Cookie.prototype.read = function() {
|
|
|
801 var s = document.cookie;
|
|
435
|
802 var lines = s.split("; "); // semicolon and space for all browsers?
|
|
433
|
803 for (var i in lines) {
|
|
|
804 var line = lines[i];
|
|
|
805 var sep = line.indexOf("=");
|
|
|
806 if (sep != -1) this.add(
|
|
|
807 line.substr(0, sep),
|
|
|
808 line.substr(sep + 1)
|
|
|
809 );
|
|
|
810 }
|
|
|
811 return this;
|
|
|
812 }
|
|
|
813
|
|
|
814 Cookie.prototype.store = function() {
|
|
|
815 var lines = new Array();
|
|
|
816 for (var i in this) {
|
|
|
817 var item = this[i];
|
|
|
818 if (typeof(item) == typeof(lines)) // Array
|
|
|
819 lines.push(i + "=" + item.join(","));
|
|
|
820 else if (typeof(item) != "function") // single item
|
|
|
821 lines.push(i + "=" + item);
|
|
|
822 }
|
|
|
823 // var s = lines.join(";")
|
|
|
824 for (line in lines) document.cookie = lines[line];
|
|
|
825 return this;
|
|
|
826 }
|
|
|
827
|
|
|
828 Cookie.prototype.add = function(key, value) {
|
|
438
|
829 value = value.toString();
|
|
433
|
830 if (value.indexOf(",") == -1)
|
|
|
831 this[key] = value; // single value
|
|
|
832 else
|
|
|
833 this[key] = value.split(","); // list of values
|
|
|
834 return this[key];
|
|
|
835 }
|
|
|
836
|
|
|
837 Cookie.prototype.get = function(key) {
|
|
|
838 return this[key];
|
|
|
839 }
|
|
|
840
|
|
|
841 Cookie.prototype.addbool = function(key, value) {
|
|
|
842 this[key] = Boolean(value).toString();
|
|
|
843 return this[key];
|
|
|
844 }
|
|
|
845
|
|
|
846 Cookie.prototype.getbool = function(key) {
|
|
|
847 var val = this[key];
|
|
|
848 return (val > "") && (val != "0") && (val != "false");
|
|
|
849 }
|
|
|
850
|
|
|
851 Cookie.prototype.remove = function(key) {
|
|
|
852 delete this[key];
|
|
|
853 }
|
|
|
854
|
|
442
|
855 function Slider(id, valMin, valMax, valStart, stepSize, onChange) {
|
|
|
856 // a (horizontal) slider widget
|
|
|
857 this.id = id;
|
|
|
858 this.elem = getElement(id);
|
|
444
|
859 this.slider = getElement(id + "-slider"); // the slider handle
|
|
|
860 this.input = getElement(id + "-input", 1); // optional input field
|
|
|
861 this.bar = getElement(id + "-bar"); // the slider bar
|
|
442
|
862 this.barRect = getElementRect(this.bar);
|
|
444
|
863 this.sliderRect = getElementRect(this.slider);
|
|
|
864 this.xMin = this.barRect.x;
|
|
|
865 this.xMax = this.xMin + this.barRect.width;
|
|
|
866 this.xDiff = this.xMax - this.xMin;
|
|
|
867 this.Y = this.barRect.getCenter().y; // middle axis of bar
|
|
442
|
868 this.valMin = valMin;
|
|
|
869 this.valMax = valMax;
|
|
444
|
870 this.valDiff = Math.abs(valMax - valMin);
|
|
442
|
871 this.valStart = valStart;
|
|
|
872 this.value = valStart;
|
|
|
873 this.stepSize = stepSize;
|
|
444
|
874 this.valueLabel = getElement(id + "-value", 1);
|
|
|
875 this.valMinLabel = getElement(id + "-valmin", 1);
|
|
|
876 this.valMaxLabel = getElement(id + "-valmax", 1);
|
|
442
|
877 this.onChange = onChange ? onChange : function() {};
|
|
444
|
878 this.update();
|
|
|
879 this.activate();
|
|
|
880 sliders[id + '-slider'] = this; // make a handle to the object
|
|
442
|
881 return this;
|
|
|
882 }
|
|
|
883
|
|
|
884 Slider.prototype.show = function(show) {
|
|
|
885 showElement(this.elem, show);
|
|
444
|
886 this.activate();
|
|
442
|
887 }
|
|
|
888
|
|
|
889 Slider.prototype.activate = function() {
|
|
444
|
890 this.setupEvents();
|
|
442
|
891 }
|
|
|
892
|
|
444
|
893 Slider.prototype.deactivate = function() {
|
|
|
894 unregisterEvent("mousedown", this.slider, this.onDragStart);
|
|
442
|
895 }
|
|
|
896
|
|
|
897 Slider.prototype.reset = function() {
|
|
|
898 this.setValue(this.startVal);
|
|
|
899 }
|
|
|
900
|
|
|
901 Slider.prototype.setValue = function(newVal) {
|
|
|
902 // sets slider to new value and updates
|
|
|
903 this.value = newVal;
|
|
444
|
904 this.update();
|
|
|
905 }
|
|
|
906
|
|
|
907 Slider.prototype.calcValue = function() {
|
|
|
908 // calculates value from slider position
|
|
|
909 var xSlider = this.sliderRect.getCenter().x - this.xMin;
|
|
|
910 this.value = xSlider * this.valDiff / this.xDiff;
|
|
|
911 return this.value;
|
|
442
|
912 }
|
|
|
913
|
|
|
914 Slider.prototype.update = function() {
|
|
|
915 // updates slider position to new value
|
|
444
|
916 var xSlider = this.value * this.xDiff / this.valDiff;
|
|
|
917 moveElement(this.slider, this.sliderRect.setCenter(
|
|
|
918 new Position(xSlider + this.xMin, this.Y)));
|
|
|
919 var strVal = this.value.toString();
|
|
|
920 if (this.valueLabel) this.valueLabel.innerHTML = strVal;
|
|
|
921 if (this.input) this.input.value = strVal;
|
|
442
|
922 }
|
|
|
923
|
|
|
924 Slider.prototype.setupEvents = function() {
|
|
|
925 // installs all event callbacks
|
|
|
926 registerEvent("mousedown", this.slider, this.onDragStart);
|
|
|
927 }
|
|
|
928
|
|
|
929 Slider.prototype.onDragStart = function(evt) {
|
|
444
|
930 var slider = sliders[this.id];
|
|
|
931 activeSlider = slider;
|
|
|
932 unregisterEvent("mousedown", slider.slider, slider.onDragStart);
|
|
|
933 registerEvent("mousemove", document, slider.onDrag);
|
|
|
934 registerEvent("mouseup", document, slider.onDragEnd);
|
|
|
935 slider.startPos = evtPosition(evt);
|
|
|
936 slider.startX = slider.sliderRect.getCenter().x;
|
|
442
|
937 return stopEvent(evt);
|
|
|
938 }
|
|
|
939
|
|
|
940 Slider.prototype.onDrag = function(evt) {
|
|
444
|
941 var slider = activeSlider;
|
|
442
|
942 var pos = evtPosition(evt);
|
|
444
|
943 var currX = slider.slider
|
|
|
944 var newX = pos.x - slider.startPos + slider.startX;
|
|
|
945 if (newX < slider.xMin) newX = slider.xMin;
|
|
|
946 if (newX > slider.xMax) newX = slider.xMax;
|
|
|
947 moveElement(slider.slider, slider.sliderRect.setCenter(
|
|
|
948 new Position(newX, slider.Y)));
|
|
442
|
949 return stopEvent(evt);
|
|
|
950 }
|
|
|
951
|
|
|
952 Slider.prototype.onDragEnd = function(evt) {
|
|
444
|
953 var slider = activeSlider;
|
|
|
954 unregisterEvent("mousemove", document, slider.onDrag);
|
|
|
955 unregisterEvent("mouseup", document, slider.onDragEnd);
|
|
|
956 slider.onChange(slider.calcValue());
|
|
|
957 activeSlider = null;
|
|
442
|
958 return stopEvent(evt);
|
|
|
959 }
|
|
|
960
|
|
|
961 Slider.prototype.onInputChange = function() {
|
|
444
|
962 var slider = activeSlider;
|
|
|
963 slider.onChange(s.value);
|
|
442
|
964 }
|
|
|
965
|
|
444
|
966 // :tabSize=4:indentSize=4:noTabs=true:
|
|
|
967
|
