~dylanmccall/ubiquity-slideshow-ubuntu/maverick-ubuntu-design
» Revision
285
: slideshows/link-core/prototype.js
« back to all changes in this revision
Viewing changes to slideshows/link-core/prototype.js
- browse files at revision 285
- compare with another revision
- download diff
- download tarball
- view history from revision 285
- Committer: Dylan McCall
- Date: 2010-09-13 03:57:39 UTC
- Revision ID: dylanmccall@gmail.com-20100913035739-jbo2wvnvxmqzxyww
Replaced scripaculous / Crossfade with jQuery and Cycle plugin.
Automatic slide switching now pauses after reaching the end, but manual controls continue to function.
Important note: This needed a change to the CSS for all slideshows, setting 100% width and height for #slideshow > div
Automatic slide switching now pauses after reaching the end, but manual controls continue to function.
Important note: This needed a change to the CSS for all slideshows, setting 100% width and height for #slideshow > div
- files added:
- slideshows/link-core/jquery.cycle.all.js
- files removed:
- slideshows/link-core/builder.js
- files modified:
- slideshows/kubuntu/slides/index.html
added
removed
slideshows/link-core/prototype.js
1
/* Prototype JavaScript framework, version 1.5.0
2
* (c) 2005-2007 Sam Stephenson
3
*
4
* Prototype is freely distributable under the terms of an MIT-style license.
5
* For details, see the Prototype web site: http://prototype.conio.net/
6
*
7
/*--------------------------------------------------------------------------*/
8
9
var Prototype = {
10
Version: '1.5.0',
11
BrowserFeatures: {
12
XPath: !!document.evaluate
13
},
14
15
ScriptFragment: '(?:<script.*?>)((\n|\r|.)*?)(?:<\/script>)',
16
emptyFunction: function() {},
17
K: function(x) { return x }
18
}
19
20
var Class = {
21
create: function() {
22
return function() {
23
this.initialize.apply(this, arguments);
24
}
25
}
26
}
27
28
var Abstract = new Object();
29
30
Object.extend = function(destination, source) {
31
for (var property in source) {
32
destination[property] = source[property];
33
}
34
return destination;
35
}
36
37
Object.extend(Object, {
38
inspect: function(object) {
39
try {
40
if (object === undefined) return 'undefined';
41
if (object === null) return 'null';
42
return object.inspect ? object.inspect() : object.toString();
43
} catch (e) {
44
if (e instanceof RangeError) return '...';
45
throw e;
46
}
47
},
48
49
keys: function(object) {
50
var keys = [];
51
for (var property in object)
52
keys.push(property);
53
return keys;
54
},
55
56
values: function(object) {
57
var values = [];
58
for (var property in object)
59
values.push(object[property]);
60
return values;
61
},
62
63
clone: function(object) {
64
return Object.extend({}, object);
65
}
66
});
67
68
Function.prototype.bind = function() {
69
var __method = this, args = $A(arguments), object = args.shift();
70
return function() {
71
return __method.apply(object, args.concat($A(arguments)));
72
}
73
}
74
75
Function.prototype.bindAsEventListener = function(object) {
76
var __method = this, args = $A(arguments), object = args.shift();
77
return function(event) {
78
return __method.apply(object, [( event || window.event)].concat(args).concat($A(arguments)));
79
}
80
}
81
82
Object.extend(Number.prototype, {
83
toColorPart: function() {
84
var digits = this.toString(16);
85
if (this < 16) return '0' + digits;
86
return digits;
87
},
88
89
succ: function() {
90
return this + 1;
91
},
92
93
times: function(iterator) {
94
$R(0, this, true).each(iterator);
95
return this;
96
}
97
});
98
99
var Try = {
100
these: function() {
101
var returnValue;
102
103
for (var i = 0, length = arguments.length; i < length; i++) {
104
var lambda = arguments[i];
105
try {
106
returnValue = lambda();
107
break;
108
} catch (e) {}
109
}
110
111
return returnValue;
112
}
113
}
114
115
/*--------------------------------------------------------------------------*/
116
117
var PeriodicalExecuter = Class.create();
118
PeriodicalExecuter.prototype = {
119
initialize: function(callback, frequency) {
120
this.callback = callback;
121
this.frequency = frequency;
122
this.currentlyExecuting = false;
123
124
this.registerCallback();
125
},
126
127
registerCallback: function() {
128
this.timer = setInterval(this.onTimerEvent.bind(this), this.frequency * 1000);
129
},
130
131
stop: function() {
132
if (!this.timer) return;
133
clearInterval(this.timer);
134
this.timer = null;
135
},
136
137
onTimerEvent: function() {
138
if (!this.currentlyExecuting) {
139
try {
140
this.currentlyExecuting = true;
141
this.callback(this);
142
} finally {
143
this.currentlyExecuting = false;
144
}
145
}
146
}
147
}
148
String.interpret = function(value){
149
return value == null ? '' : String(value);
150
}
151
152
Object.extend(String.prototype, {
153
gsub: function(pattern, replacement) {
154
var result = '', source = this, match;
155
replacement = arguments.callee.prepareReplacement(replacement);
156
157
while (source.length > 0) {
158
if (match = source.match(pattern)) {
159
result += source.slice(0, match.index);
160
result += String.interpret(replacement(match));
161
source = source.slice(match.index + match[0].length);
162
} else {
163
result += source, source = '';
164
}
165
}
166
return result;
167
},
168
169
sub: function(pattern, replacement, count) {
170
replacement = this.gsub.prepareReplacement(replacement);
171
count = count === undefined ? 1 : count;
172
173
return this.gsub(pattern, function(match) {
174
if (--count < 0) return match[0];
175
return replacement(match);
176
});
177
},
178
179
scan: function(pattern, iterator) {
180
this.gsub(pattern, iterator);
181
return this;
182
},
183
184
truncate: function(length, truncation) {
185
length = length || 30;
186
truncation = truncation === undefined ? '...' : truncation;
187
return this.length > length ?
188
this.slice(0, length - truncation.length) + truncation : this;
189
},
190
191
strip: function() {
192
return this.replace(/^\s+/, '').replace(/\s+$/, '');
193
},
194
195
stripTags: function() {
196
return this.replace(/<\/?[^>]+>/gi, '');
197
},
198
199
stripScripts: function() {
200
return this.replace(new RegExp(Prototype.ScriptFragment, 'img'), '');
201
},
202
203
extractScripts: function() {
204
var matchAll = new RegExp(Prototype.ScriptFragment, 'img');
205
var matchOne = new RegExp(Prototype.ScriptFragment, 'im');
206
return (this.match(matchAll) || []).map(function(scriptTag) {
207
return (scriptTag.match(matchOne) || ['', ''])[1];
208
});
209
},
210
211
evalScripts: function() {
212
return this.extractScripts().map(function(script) { return eval(script) });
213
},
214
215
escapeHTML: function() {
216
var div = document.createElement('div');
217
var text = document.createTextNode(this);
218
div.appendChild(text);
219
return div.innerHTML;
220
},
221
222
unescapeHTML: function() {
223
var div = document.createElement('div');
224
div.innerHTML = this.stripTags();
225
return div.childNodes[0] ? (div.childNodes.length > 1 ?
226
$A(div.childNodes).inject('',function(memo,node){ return memo+node.nodeValue }) :
227
div.childNodes[0].nodeValue) : '';
228
},
229
230
toQueryParams: function(separator) {
231
var match = this.strip().match(/([^?#]*)(#.*)?$/);
232
if (!match) return {};
233
234
return match[1].split(separator || '&').inject({}, function(hash, pair) {
235
if ((pair = pair.split('='))[0]) {
236
var name = decodeURIComponent(pair[0]);
237
var value = pair[1] ? decodeURIComponent(pair[1]) : undefined;
238
239
if (hash[name] !== undefined) {
240
if (hash[name].constructor != Array)
241
hash[name] = [hash[name]];
242
if (value) hash[name].push(value);
243
}
244
else hash[name] = value;
245
}
246
return hash;
247
});
248
},
249
250
toArray: function() {
251
return this.split('');
252
},
253
254
succ: function() {
255
return this.slice(0, this.length - 1) +
256
String.fromCharCode(this.charCodeAt(this.length - 1) + 1);
257
},
258
259
camelize: function() {
260
var parts = this.split('-'), len = parts.length;
261
if (len == 1) return parts[0];
262
263
var camelized = this.charAt(0) == '-'
264
? parts[0].charAt(0).toUpperCase() + parts[0].substring(1)
265
: parts[0];
266
267
for (var i = 1; i < len; i++)
268
camelized += parts[i].charAt(0).toUpperCase() + parts[i].substring(1);
269
270
return camelized;
271
},
272
273
capitalize: function(){
274
return this.charAt(0).toUpperCase() + this.substring(1).toLowerCase();
275
},
276
277
underscore: function() {
278
return this.gsub(/::/, '/').gsub(/([A-Z]+)([A-Z][a-z])/,'#{1}_#{2}').gsub(/([a-z\d])([A-Z])/,'#{1}_#{2}').gsub(/-/,'_').toLowerCase();
279
},
280
281
dasherize: function() {
282
return this.gsub(/_/,'-');
283
},
284
285
inspect: function(useDoubleQuotes) {
286
var escapedString = this.replace(/\\/g, '\\\\');
287
if (useDoubleQuotes)
288
return '"' + escapedString.replace(/"/g, '\\"') + '"';
289
else
290
return "'" + escapedString.replace(/'/g, '\\\'') + "'";
291
}
292
});
293
294
String.prototype.gsub.prepareReplacement = function(replacement) {
295
if (typeof replacement == 'function') return replacement;
296
var template = new Template(replacement);
297
return function(match) { return template.evaluate(match) };
298
}
299
300
String.prototype.parseQuery = String.prototype.toQueryParams;
301
302
var Template = Class.create();
303
Template.Pattern = /(^|.|\r|\n)(#\{(.*?)\})/;
304
Template.prototype = {
305
initialize: function(template, pattern) {
306
this.template = template.toString();
307
this.pattern = pattern || Template.Pattern;
308
},
309
310
evaluate: function(object) {
311
return this.template.gsub(this.pattern, function(match) {
312
var before = match[1];
313
if (before == '\\') return match[2];
314
return before + String.interpret(object[match[3]]);
315
});
316
}
317
}
318
319
var $break = new Object();
320
var $continue = new Object();
321
322
var Enumerable = {
323
each: function(iterator) {
324
var index = 0;
325
try {
326
this._each(function(value) {
327
try {
328
iterator(value, index++);
329
} catch (e) {
330
if (e != $continue) throw e;
331
}
332
});
333
} catch (e) {
334
if (e != $break) throw e;
335
}
336
return this;
337
},
338
339
eachSlice: function(number, iterator) {
340
var index = -number, slices = [], array = this.toArray();
341
while ((index += number) < array.length)
342
slices.push(array.slice(index, index+number));
343
return slices.map(iterator);
344
},
345
346
all: function(iterator) {
347
var result = true;
348
this.each(function(value, index) {
349
result = result && !!(iterator || Prototype.K)(value, index);
350
if (!result) throw $break;
351
});
352
return result;
353
},
354
355
any: function(iterator) {
356
var result = false;
357
this.each(function(value, index) {
358
if (result = !!(iterator || Prototype.K)(value, index))
359
throw $break;
360
});
361
return result;
362
},
363
364
collect: function(iterator) {
365
var results = [];
366
this.each(function(value, index) {
367
results.push((iterator || Prototype.K)(value, index));
368
});
369
return results;
370
},
371
372
detect: function(iterator) {
373
var result;
374
this.each(function(value, index) {
375
if (iterator(value, index)) {
376
result = value;
377
throw $break;
378
}
379
});
380
return result;
381
},
382
383
findAll: function(iterator) {
384
var results = [];
385
this.each(function(value, index) {
386
if (iterator(value, index))
387
results.push(value);
388
});
389
return results;
390
},
391
392
grep: function(pattern, iterator) {
393
var results = [];
394
this.each(function(value, index) {
395
var stringValue = value.toString();
396
if (stringValue.match(pattern))
397
results.push((iterator || Prototype.K)(value, index));
398
})
399
return results;
400
},
401
402
include: function(object) {
403
var found = false;
404
this.each(function(value) {
405
if (value == object) {
406
found = true;
407
throw $break;
408
}
409
});
410
return found;
411
},
412
413
inGroupsOf: function(number, fillWith) {
414
fillWith = fillWith === undefined ? null : fillWith;
415
return this.eachSlice(number, function(slice) {
416
while(slice.length < number) slice.push(fillWith);
417
return slice;
418
});
419
},
420
421
inject: function(memo, iterator) {
422
this.each(function(value, index) {
423
memo = iterator(memo, value, index);
424
});
425
return memo;
426
},
427
428
invoke: function(method) {
429
var args = $A(arguments).slice(1);
430
return this.map(function(value) {
431
return value[method].apply(value, args);
432
});
433
},
434
435
max: function(iterator) {
436
var result;
437
this.each(function(value, index) {
438
value = (iterator || Prototype.K)(value, index);
439
if (result == undefined || value >= result)
440
result = value;
441
});
442
return result;
443
},
444
445
min: function(iterator) {
446
var result;
447
this.each(function(value, index) {
448
value = (iterator || Prototype.K)(value, index);
449
if (result == undefined || value < result)
450
result = value;
451
});
452
return result;
453
},
454
455
partition: function(iterator) {
456
var trues = [], falses = [];
457
this.each(function(value, index) {
458
((iterator || Prototype.K)(value, index) ?
459
trues : falses).push(value);
460
});
461
return [trues, falses];
462
},
463
464
pluck: function(property) {
465
var results = [];
466
this.each(function(value, index) {
467
results.push(value[property]);
468
});
469
return results;
470
},
471
472
reject: function(iterator) {
473
var results = [];
474
this.each(function(value, index) {
475
if (!iterator(value, index))
476
results.push(value);
477
});
478
return results;
479
},
480
481
sortBy: function(iterator) {
482
return this.map(function(value, index) {
483
return {value: value, criteria: iterator(value, index)};
484
}).sort(function(left, right) {
485
var a = left.criteria, b = right.criteria;
486
return a < b ? -1 : a > b ? 1 : 0;
487
}).pluck('value');
488
},
489
490
toArray: function() {
491
return this.map();
492
},
493
494
zip: function() {
495
var iterator = Prototype.K, args = $A(arguments);
496
if (typeof args.last() == 'function')
497
iterator = args.pop();
498
499
var collections = [this].concat(args).map($A);
500
return this.map(function(value, index) {
501
return iterator(collections.pluck(index));
502
});
503
},
504
505
size: function() {
506
return this.toArray().length;
507
},
508
509
inspect: function() {
510
return '#<Enumerable:' + this.toArray().inspect() + '>';
511
}
512
}
513
514
Object.extend(Enumerable, {
515
map: Enumerable.collect,
516
find: Enumerable.detect,
517
select: Enumerable.findAll,
518
member: Enumerable.include,
519
entries: Enumerable.toArray
520
});
521
var $A = Array.from = function(iterable) {
522
if (!iterable) return [];
523
if (iterable.toArray) {
524
return iterable.toArray();
525
} else {
526
var results = [];
527
for (var i = 0, length = iterable.length; i < length; i++)
528
results.push(iterable[i]);
529
return results;
530
}
531
}
532
533
Object.extend(Array.prototype, Enumerable);
534
535
if (!Array.prototype._reverse)
536
Array.prototype._reverse = Array.prototype.reverse;
537
538
Object.extend(Array.prototype, {
539
_each: function(iterator) {
540
for (var i = 0, length = this.length; i < length; i++)
541
iterator(this[i]);
542
},
543
544
clear: function() {
545
this.length = 0;
546
return this;
547
},
548
549
first: function() {
550
return this[0];
551
},
552
553
last: function() {
554
return this[this.length - 1];
555
},
556
557
compact: function() {
558
return this.select(function(value) {
559
return value != null;
560
});
561
},
562
563
flatten: function() {
564
return this.inject([], function(array, value) {
565
return array.concat(value && value.constructor == Array ?
566
value.flatten() : [value]);
567
});
568
},
569
570
without: function() {
571
var values = $A(arguments);
572
return this.select(function(value) {
573
return !values.include(value);
574
});
575
},
576
577
indexOf: function(object) {
578
for (var i = 0, length = this.length; i < length; i++)
579
if (this[i] == object) return i;
580
return -1;
581
},
582
583
reverse: function(inline) {
584
return (inline !== false ? this : this.toArray())._reverse();
585
},
586
587
reduce: function() {
588
return this.length > 1 ? this : this[0];
589
},
590
591
uniq: function() {
592
return this.inject([], function(array, value) {
593
return array.include(value) ? array : array.concat([value]);
594
});
595
},
596
597
clone: function() {
598
return [].concat(this);
599
},
600
601
size: function() {
602
return this.length;
603
},
604
605
inspect: function() {
606
return '[' + this.map(Object.inspect).join(', ') + ']';
607
}
608
});
609
610
Array.prototype.toArray = Array.prototype.clone;
611
612
function $w(string){
613
string = string.strip();
614
return string ? string.split(/\s+/) : [];
615
}
616
617
if(window.opera){
618
Array.prototype.concat = function(){
619
var array = [];
620
for(var i = 0, length = this.length; i < length; i++) array.push(this[i]);
621
for(var i = 0, length = arguments.length; i < length; i++) {
622
if(arguments[i].constructor == Array) {
623
for(var j = 0, arrayLength = arguments[i].length; j < arrayLength; j++)
624
array.push(arguments[i][j]);
625
} else {
626
array.push(arguments[i]);
627
}
628
}
629
return array;
630
}
631
}
632
var Hash = function(obj) {
633
Object.extend(this, obj || {});
634
};
635
636
Object.extend(Hash, {
637
toQueryString: function(obj) {
638
var parts = [];
639
640
this.prototype._each.call(obj, function(pair) {
641
if (!pair.key) return;
642
643
if (pair.value && pair.value.constructor == Array) {
644
var values = pair.value.compact();
645
if (values.length < 2) pair.value = values.reduce();
646
else {
647
key = encodeURIComponent(pair.key);
648
values.each(function(value) {
649
value = value != undefined ? encodeURIComponent(value) : '';
650
parts.push(key + '=' + encodeURIComponent(value));
651
});
652
return;
653
}
654
}
655
if (pair.value == undefined) pair[1] = '';
656
parts.push(pair.map(encodeURIComponent).join('='));
657
});
658
659
return parts.join('&');
660
}
661
});
662
663
Object.extend(Hash.prototype, Enumerable);
664
Object.extend(Hash.prototype, {
665
_each: function(iterator) {
666
for (var key in this) {
667
var value = this[key];
668
if (value && value == Hash.prototype[key]) continue;
669
670
var pair = [key, value];
671
pair.key = key;
672
pair.value = value;
673
iterator(pair);
674
}
675
},
676
677
keys: function() {
678
return this.pluck('key');
679
},
680
681
values: function() {
682
return this.pluck('value');
683
},
684
685
merge: function(hash) {
686
return $H(hash).inject(this, function(mergedHash, pair) {
687
mergedHash[pair.key] = pair.value;
688
return mergedHash;
689
});
690
},
691
692
remove: function() {
693
var result;
694
for(var i = 0, length = arguments.length; i < length; i++) {
695
var value = this[arguments[i]];
696
if (value !== undefined){
697
if (result === undefined) result = value;
698
else {
699
if (result.constructor != Array) result = [result];
700
result.push(value)
701
}
702
}
703
delete this[arguments[i]];
704
}
705
return result;
706
},
707
708
toQueryString: function() {
709
return Hash.toQueryString(this);
710
},
711
712
inspect: function() {
713
return '#<Hash:{' + this.map(function(pair) {
714
return pair.map(Object.inspect).join(': ');
715
}).join(', ') + '}>';
716
}
717
});
718
719
function $H(object) {
720
if (object && object.constructor == Hash) return object;
721
return new Hash(object);
722
};
723
ObjectRange = Class.create();
724
Object.extend(ObjectRange.prototype, Enumerable);
725
Object.extend(ObjectRange.prototype, {
726
initialize: function(start, end, exclusive) {
727
this.start = start;
728
this.end = end;
729
this.exclusive = exclusive;
730
},
731
732
_each: function(iterator) {
733
var value = this.start;
734
while (this.include(value)) {
735
iterator(value);
736
value = value.succ();
737
}
738
},
739
740
include: function(value) {
741
if (value < this.start)
742
return false;
743
if (this.exclusive)
744
return value < this.end;
745
return value <= this.end;
746
}
747
});
748
749
var $R = function(start, end, exclusive) {
750
return new ObjectRange(start, end, exclusive);
751
}
752
753
var Ajax = {
754
getTransport: function() {
755
return Try.these(
756
function() {return new XMLHttpRequest()},
757
function() {return new ActiveXObject('Msxml2.XMLHTTP')},
758
function() {return new ActiveXObject('Microsoft.XMLHTTP')}
759
) || false;
760
},
761
762
activeRequestCount: 0
763
}
764
765
Ajax.Responders = {
766
responders: [],
767
768
_each: function(iterator) {
769
this.responders._each(iterator);
770
},
771
772
register: function(responder) {
773
if (!this.include(responder))
774
this.responders.push(responder);
775
},
776
777
unregister: function(responder) {
778
this.responders = this.responders.without(responder);
779
},
780
781
dispatch: function(callback, request, transport, json) {
782
this.each(function(responder) {
783
if (typeof responder[callback] == 'function') {
784
try {
785
responder[callback].apply(responder, [request, transport, json]);
786
} catch (e) {}
787
}
788
});
789
}
790
};
791
792
Object.extend(Ajax.Responders, Enumerable);
793
794
Ajax.Responders.register({
795
onCreate: function() {
796
Ajax.activeRequestCount++;
797
},
798
onComplete: function() {
799
Ajax.activeRequestCount--;
800
}
801
});
802
803
Ajax.Base = function() {};
804
Ajax.Base.prototype = {
805
setOptions: function(options) {
806
this.options = {
807
method: 'post',
808
asynchronous: true,
809
contentType: 'application/x-www-form-urlencoded',
810
encoding: 'UTF-8',
811
parameters: ''
812
}
813
Object.extend(this.options, options || {});
814
815
this.options.method = this.options.method.toLowerCase();
816
if (typeof this.options.parameters == 'string')
817
this.options.parameters = this.options.parameters.toQueryParams();
818
}
819
}
820
821
Ajax.Request = Class.create();
822
Ajax.Request.Events =
823
['Uninitialized', 'Loading', 'Loaded', 'Interactive', 'Complete'];
824
825
Ajax.Request.prototype = Object.extend(new Ajax.Base(), {
826
_complete: false,
827
828
initialize: function(url, options) {
829
this.transport = Ajax.getTransport();
830
this.setOptions(options);
831
this.request(url);
832
},
833
834
request: function(url) {
835
this.url = url;
836
this.method = this.options.method;
837
var params = this.options.parameters;
838
839
if (!['get', 'post'].include(this.method)) {
840
// simulate other verbs over post
841
params['_method'] = this.method;
842
this.method = 'post';
843
}
844
845
params = Hash.toQueryString(params);
846
if (params && /Konqueror|Safari|KHTML/.test(navigator.userAgent)) params += '&_='
847
848
// when GET, append parameters to URL
849
if (this.method == 'get' && params)
850
this.url += (this.url.indexOf('?') > -1 ? '&' : '?') + params;
851
852
try {
853
Ajax.Responders.dispatch('onCreate', this, this.transport);
854
855
this.transport.open(this.method.toUpperCase(), this.url,
856
this.options.asynchronous);
857
858
if (this.options.asynchronous)
859
setTimeout(function() { this.respondToReadyState(1) }.bind(this), 10);
860
861
this.transport.onreadystatechange = this.onStateChange.bind(this);
862
this.setRequestHeaders();
863
864
var body = this.method == 'post' ? (this.options.postBody || params) : null;
865
866
this.transport.send(body);
867
868
/* Force Firefox to handle ready state 4 for synchronous requests */
869
if (!this.options.asynchronous && this.transport.overrideMimeType)
870
this.onStateChange();
871
872
}
873
catch (e) {
874
this.dispatchException(e);
875
}
876
},
877
878
onStateChange: function() {
879
var readyState = this.transport.readyState;
880
if (readyState > 1 && !((readyState == 4) && this._complete))
881
this.respondToReadyState(this.transport.readyState);
882
},
883
884
setRequestHeaders: function() {
885
var headers = {
886
'X-Requested-With': 'XMLHttpRequest',
887
'X-Prototype-Version': Prototype.Version,
888
'Accept': 'text/javascript, text/html, application/xml, text/xml, */*'
889
};
890
891
if (this.method == 'post') {
892
headers['Content-type'] = this.options.contentType +
893
(this.options.encoding ? '; charset=' + this.options.encoding : '');
894
895
/* Force "Connection: close" for older Mozilla browsers to work
896
* around a bug where XMLHttpRequest sends an incorrect
897
* Content-length header. See Mozilla Bugzilla #246651.
898
*/
899
if (this.transport.overrideMimeType &&
900
(navigator.userAgent.match(/Gecko\/(\d{4})/) || [0,2005])[1] < 2005)
901
headers['Connection'] = 'close';
902
}
903
904
// user-defined headers
905
if (typeof this.options.requestHeaders == 'object') {
906
var extras = this.options.requestHeaders;
907
908
if (typeof extras.push == 'function')
909
for (var i = 0, length = extras.length; i < length; i += 2)
910
headers[extras[i]] = extras[i+1];
911
else
912
$H(extras).each(function(pair) { headers[pair.key] = pair.value });
913
}
914
915
for (var name in headers)
916
this.transport.setRequestHeader(name, headers[name]);
917
},
918
919
success: function() {
920
return !this.transport.status
921
|| (this.transport.status >= 200 && this.transport.status < 300);
922
},
923
924
respondToReadyState: function(readyState) {
925
var state = Ajax.Request.Events[readyState];
926
var transport = this.transport, json = this.evalJSON();
927
928
if (state == 'Complete') {
929
try {
930
this._complete = true;
931
(this.options['on' + this.transport.status]
932
|| this.options['on' + (this.success() ? 'Success' : 'Failure')]
933
|| Prototype.emptyFunction)(transport, json);
934
} catch (e) {
935
this.dispatchException(e);
936
}
937
938
if ((this.getHeader('Content-type') || 'text/javascript').strip().
939
match(/^(text|application)\/(x-)?(java|ecma)script(;.*)?$/i))
940
this.evalResponse();
941
}
942
943
try {
944
(this.options['on' + state] || Prototype.emptyFunction)(transport, json);
945
Ajax.Responders.dispatch('on' + state, this, transport, json);
946
} catch (e) {
947
this.dispatchException(e);
948
}
949
950
if (state == 'Complete') {
951
// avoid memory leak in MSIE: clean up
952
this.transport.onreadystatechange = Prototype.emptyFunction;
953
}
954
},
955
956
getHeader: function(name) {
957
try {
958
return this.transport.getResponseHeader(name);
959
} catch (e) { return null }
960
},
961
962
evalJSON: function() {
963
try {
964
var json = this.getHeader('X-JSON');
965
return json ? eval('(' + json + ')') : null;
966
} catch (e) { return null }
967
},
968
969
evalResponse: function() {
970
try {
971
return eval(this.transport.responseText);
972
} catch (e) {
973
this.dispatchException(e);
974
}
975
},
976
977
dispatchException: function(exception) {
978
(this.options.onException || Prototype.emptyFunction)(this, exception);
979
Ajax.Responders.dispatch('onException', this, exception);
980
}
981
});
982
983
Ajax.Updater = Class.create();
984
985
Object.extend(Object.extend(Ajax.Updater.prototype, Ajax.Request.prototype), {
986
initialize: function(container, url, options) {
987
this.container = {
988
success: (container.success || container),
989
failure: (container.failure || (container.success ? null : container))
990
}
991
992
this.transport = Ajax.getTransport();
993
this.setOptions(options);
994
995
var onComplete = this.options.onComplete || Prototype.emptyFunction;
996
this.options.onComplete = (function(transport, param) {
997
this.updateContent();
998
onComplete(transport, param);
999
}).bind(this);
1000
1001
this.request(url);
1002
},
1003
1004
updateContent: function() {
1005
var receiver = this.container[this.success() ? 'success' : 'failure'];
1006
var response = this.transport.responseText;
1007
1008
if (!this.options.evalScripts) response = response.stripScripts();
1009
1010
if (receiver = $(receiver)) {
1011
if (this.options.insertion)
1012
new this.options.insertion(receiver, response);
1013
else
1014
receiver.update(response);
1015
}
1016
1017
if (this.success()) {
1018
if (this.onComplete)
1019
setTimeout(this.onComplete.bind(this), 10);
1020
}
1021
}
1022
});
1023
1024
Ajax.PeriodicalUpdater = Class.create();
1025
Ajax.PeriodicalUpdater.prototype = Object.extend(new Ajax.Base(), {
1026
initialize: function(container, url, options) {
1027
this.setOptions(options);
1028
this.onComplete = this.options.onComplete;
1029
1030
this.frequency = (this.options.frequency || 2);
1031
this.decay = (this.options.decay || 1);
1032
1033
this.updater = {};
1034
this.container = container;
1035
this.url = url;
1036
1037
this.start();
1038
},
1039
1040
start: function() {
1041
this.options.onComplete = this.updateComplete.bind(this);
1042
this.onTimerEvent();
1043
},
1044
1045
stop: function() {
1046
this.updater.options.onComplete = undefined;
1047
clearTimeout(this.timer);
1048
(this.onComplete || Prototype.emptyFunction).apply(this, arguments);
1049
},
1050
1051
updateComplete: function(request) {
1052
if (this.options.decay) {
1053
this.decay = (request.responseText == this.lastText ?
1054
this.decay * this.options.decay : 1);
1055
1056
this.lastText = request.responseText;
1057
}
1058
this.timer = setTimeout(this.onTimerEvent.bind(this),
1059
this.decay * this.frequency * 1000);
1060
},
1061
1062
onTimerEvent: function() {
1063
this.updater = new Ajax.Updater(this.container, this.url, this.options);
1064
}
1065
});
1066
function $(element) {
1067
if (arguments.length > 1) {
1068
for (var i = 0, elements = [], length = arguments.length; i < length; i++)
1069
elements.push($(arguments[i]));
1070
return elements;
1071
}
1072
if (typeof element == 'string')
1073
element = document.getElementById(element);
1074
return Element.extend(element);
1075
}
1076
1077
if (Prototype.BrowserFeatures.XPath) {
1078
document._getElementsByXPath = function(expression, parentElement) {
1079
var results = [];
1080
var query = document.evaluate(expression, $(parentElement) || document,
1081
null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
1082
for (var i = 0, length = query.snapshotLength; i < length; i++)
1083
results.push(query.snapshotItem(i));
1084
return results;
1085
};
1086
}
1087
1088
document.getElementsByClassName = function(className, parentElement) {
1089
if (Prototype.BrowserFeatures.XPath) {
1090
var q = ".//*[contains(concat(' ', @class, ' '), ' " + className + " ')]";
1091
return document._getElementsByXPath(q, parentElement);
1092
} else {
1093
var children = ($(parentElement) || document.body).getElementsByTagName('*');
1094
var elements = [], child;
1095
for (var i = 0, length = children.length; i < length; i++) {
1096
child = children[i];
1097
if (Element.hasClassName(child, className))
1098
elements.push(Element.extend(child));
1099
}
1100
return elements;
1101
}
1102
};
1103
1104
/*--------------------------------------------------------------------------*/
1105
1106
if (!window.Element)
1107
var Element = new Object();
1108
1109
Element.extend = function(element) {
1110
if (!element || _nativeExtensions || element.nodeType == 3) return element;
1111
1112
if (!element._extended && element.tagName && element != window) {
1113
var methods = Object.clone(Element.Methods), cache = Element.extend.cache;
1114
1115
if (element.tagName == 'FORM')
1116
Object.extend(methods, Form.Methods);
1117
if (['INPUT', 'TEXTAREA', 'SELECT'].include(element.tagName))
1118
Object.extend(methods, Form.Element.Methods);
1119
1120
Object.extend(methods, Element.Methods.Simulated);
1121
1122
for (var property in methods) {
1123
var value = methods[property];
1124
if (typeof value == 'function' && !(property in element))
1125
element[property] = cache.findOrStore(value);
1126
}
1127
}
1128
1129
element._extended = true;
1130
return element;
1131
};
1132
1133
Element.extend.cache = {
1134
findOrStore: function(value) {
1135
return this[value] = this[value] || function() {
1136
return value.apply(null, [this].concat($A(arguments)));
1137
}
1138
}
1139
};
1140
1141
Element.Methods = {
1142
visible: function(element) {
1143
return $(element).style.display != 'none';
1144
},
1145
1146
toggle: function(element) {
1147
element = $(element);
1148
Element[Element.visible(element) ? 'hide' : 'show'](element);
1149
return element;
1150
},
1151
1152
hide: function(element) {
1153
$(element).style.display = 'none';
1154
return element;
1155
},
1156
1157
show: function(element) {
1158
$(element).style.display = '';
1159
return element;
1160
},
1161
1162
remove: function(element) {
1163
element = $(element);
1164
element.parentNode.removeChild(element);
1165
return element;
1166
},
1167
1168
update: function(element, html) {
1169
html = typeof html == 'undefined' ? '' : html.toString();
1170
$(element).innerHTML = html.stripScripts();
1171
setTimeout(function() {html.evalScripts()}, 10);
1172
return element;
1173
},
1174
1175
replace: function(element, html) {
1176
element = $(element);
1177
html = typeof html == 'undefined' ? '' : html.toString();
1178
if (element.outerHTML) {
1179
element.outerHTML = html.stripScripts();
1180
} else {
1181
var range = element.ownerDocument.createRange();
1182
range.selectNodeContents(element);
1183
element.parentNode.replaceChild(
1184
range.createContextualFragment(html.stripScripts()), element);
1185
}
1186
setTimeout(function() {html.evalScripts()}, 10);
1187
return element;
1188
},
1189
1190
inspect: function(element) {
1191
element = $(element);
1192
var result = '<' + element.tagName.toLowerCase();
1193
$H({'id': 'id', 'className': 'class'}).each(function(pair) {
1194
var property = pair.first(), attribute = pair.last();
1195
var value = (element[property] || '').toString();
1196
if (value) result += ' ' + attribute + '=' + value.inspect(true);
1197
});
1198
return result + '>';
1199
},
1200
1201
recursivelyCollect: function(element, property) {
1202
element = $(element);
1203
var elements = [];
1204
while (element = element[property])
1205
if (element.nodeType == 1)
1206
elements.push(Element.extend(element));
1207
return elements;
1208
},
1209
1210
ancestors: function(element) {
1211
return $(element).recursivelyCollect('parentNode');
1212
},
1213
1214
descendants: function(element) {
1215
return $A($(element).getElementsByTagName('*'));
1216
},
1217
1218
immediateDescendants: function(element) {
1219
if (!(element = $(element).firstChild)) return [];
1220
while (element && element.nodeType != 1) element = element.nextSibling;
1221
if (element) return [element].concat($(element).nextSiblings());
1222
return [];
1223
},
1224
1225
previousSiblings: function(element) {
1226
return $(element).recursivelyCollect('previousSibling');
1227
},
1228
1229
nextSiblings: function(element) {
1230
return $(element).recursivelyCollect('nextSibling');
1231
},
1232
1233
siblings: function(element) {
1234
element = $(element);
1235
return element.previousSiblings().reverse().concat(element.nextSiblings());
1236
},
1237
1238
match: function(element, selector) {
1239
if (typeof selector == 'string')
1240
selector = new Selector(selector);
1241
return selector.match($(element));
1242
},
1243
1244
up: function(element, expression, index) {
1245
return Selector.findElement($(element).ancestors(), expression, index);
1246
},
1247
1248
down: function(element, expression, index) {
1249
return Selector.findElement($(element).descendants(), expression, index);
1250
},
1251
1252
previous: function(element, expression, index) {
1253
return Selector.findElement($(element).previousSiblings(), expression, index);
1254
},
1255
1256
next: function(element, expression, index) {
1257
return Selector.findElement($(element).nextSiblings(), expression, index);
1258
},
1259
1260
getElementsBySelector: function() {
1261
var args = $A(arguments), element = $(args.shift());
1262
return Selector.findChildElements(element, args);
1263
},
1264
1265
getElementsByClassName: function(element, className) {
1266
return document.getElementsByClassName(className, element);
1267
},
1268
1269
readAttribute: function(element, name) {
1270
element = $(element);
1271
if (document.all && !window.opera) {
1272
var t = Element._attributeTranslations;
1273
if (t.values[name]) return t.values[name](element, name);
1274
if (t.names[name]) name = t.names[name];
1275
var attribute = element.attributes[name];
1276
if(attribute) return attribute.nodeValue;
1277
}
1278
return element.getAttribute(name);
1279
},
1280
1281
getHeight: function(element) {
1282
return $(element).getDimensions().height;
1283
},
1284
1285
getWidth: function(element) {
1286
return $(element).getDimensions().width;
1287
},
1288
1289
classNames: function(element) {
1290
return new Element.ClassNames(element);
1291
},
1292
1293
hasClassName: function(element, className) {
1294
if (!(element = $(element))) return;
1295
var elementClassName = element.className;
1296
if (elementClassName.length == 0) return false;
1297
if (elementClassName == className ||
1298
elementClassName.match(new RegExp("(^|\\s)" + className + "(\\s|$)")))
1299
return true;
1300
return false;
1301
},
1302
1303
addClassName: function(element, className) {
1304
if (!(element = $(element))) return;
1305
Element.classNames(element).add(className);
1306
return element;
1307
},
1308
1309
removeClassName: function(element, className) {
1310
if (!(element = $(element))) return;
1311
Element.classNames(element).remove(className);
1312
return element;
1313
},
1314
1315
toggleClassName: function(element, className) {
1316
if (!(element = $(element))) return;
1317
Element.classNames(element)[element.hasClassName(className) ? 'remove' : 'add'](className);
1318
return element;
1319
},
1320
1321
observe: function() {
1322
Event.observe.apply(Event, arguments);
1323
return $A(arguments).first();
1324
},
1325
1326
stopObserving: function() {
1327
Event.stopObserving.apply(Event, arguments);
1328
return $A(arguments).first();
1329
},
1330
1331
// removes whitespace-only text node children
1332
cleanWhitespace: function(element) {
1333
element = $(element);
1334
var node = element.firstChild;
1335
while (node) {
1336
var nextNode = node.nextSibling;
1337
if (node.nodeType == 3 && !/\S/.test(node.nodeValue))
1338
element.removeChild(node);
1339
node = nextNode;
1340
}
1341
return element;
1342
},
1343
1344
empty: function(element) {
1345
return $(element).innerHTML.match(/^\s*$/);
1346
},
1347
1348
descendantOf: function(element, ancestor) {
1349
element = $(element), ancestor = $(ancestor);
1350
while (element = element.parentNode)
1351
if (element == ancestor) return true;
1352
return false;
1353
},
1354
1355
scrollTo: function(element) {
1356
element = $(element);
1357
var pos = Position.cumulativeOffset(element);
1358
window.scrollTo(pos[0], pos[1]);
1359
return element;
1360
},
1361
1362
getStyle: function(element, style) {
1363
element = $(element);
1364
if (['float','cssFloat'].include(style))
1365
style = (typeof element.style.styleFloat != 'undefined' ? 'styleFloat' : 'cssFloat');
1366
style = style.camelize();
1367
var value = element.style[style];
1368
if (!value) {
1369
if (document.defaultView && document.defaultView.getComputedStyle) {
1370
var css = document.defaultView.getComputedStyle(element, null);
1371
value = css ? css[style] : null;
1372
} else if (element.currentStyle) {
1373
value = element.currentStyle[style];
1374
}
1375
}
1376
1377
if((value == 'auto') && ['width','height'].include(style) && (element.getStyle('display') != 'none'))
1378
value = element['offset'+style.capitalize()] + 'px';
1379
1380
if (window.opera && ['left', 'top', 'right', 'bottom'].include(style))
1381
if (Element.getStyle(element, 'position') == 'static') value = 'auto';
1382
if(style == 'opacity') {
1383
if(value) return parseFloat(value);
1384
if(value = (element.getStyle('filter') || '').match(/alpha\(opacity=(.*)\)/))
1385
if(value[1]) return parseFloat(value[1]) / 100;
1386
return 1.0;
1387
}
1388
return value == 'auto' ? null : value;
1389
},
1390
1391
setStyle: function(element, style) {
1392
element = $(element);
1393
for (var name in style) {
1394
var value = style[name];
1395
if(name == 'opacity') {
1396
if (value == 1) {
1397
value = (/Gecko/.test(navigator.userAgent) &&
1398
!/Konqueror|Safari|KHTML/.test(navigator.userAgent)) ? 0.999999 : 1.0;
1399
if(/MSIE/.test(navigator.userAgent) && !window.opera)
1400
element.style.filter = element.getStyle('filter').replace(/alpha\([^\)]*\)/gi,'');
1401
} else if(value === '') {
1402
if(/MSIE/.test(navigator.userAgent) && !window.opera)
1403
element.style.filter = element.getStyle('filter').replace(/alpha\([^\)]*\)/gi,'');
1404
} else {
1405
if(value < 0.00001) value = 0;
1406
if(/MSIE/.test(navigator.userAgent) && !window.opera)
1407
element.style.filter = element.getStyle('filter').replace(/alpha\([^\)]*\)/gi,'') +
1408
'alpha(opacity='+value*100+')';
1409
}
1410
} else if(['float','cssFloat'].include(name)) name = (typeof element.style.styleFloat != 'undefined') ? 'styleFloat' : 'cssFloat';
1411
element.style[name.camelize()] = value;
1412
}
1413
return element;
1414
},
1415
1416
getDimensions: function(element) {
1417
element = $(element);
1418
var display = $(element).getStyle('display');
1419
if (display != 'none' && display != null) // Safari bug
1420
return {width: element.offsetWidth, height: element.offsetHeight};
1421
1422
// All *Width and *Height properties give 0 on elements with display none,
1423
// so enable the element temporarily
1424
var els = element.style;
1425
var originalVisibility = els.visibility;
1426
var originalPosition = els.position;
1427
var originalDisplay = els.display;
1428
els.visibility = 'hidden';
1429
els.position = 'absolute';
1430
els.display = 'block';
1431
var originalWidth = element.clientWidth;
1432
var originalHeight = element.clientHeight;
1433
els.display = originalDisplay;
1434
els.position = originalPosition;
1435
els.visibility = originalVisibility;
1436
return {width: originalWidth, height: originalHeight};
1437
},
1438
1439
makePositioned: function(element) {
1440
element = $(element);
1441
var pos = Element.getStyle(element, 'position');
1442
if (pos == 'static' || !pos) {
1443
element._madePositioned = true;
1444
element.style.position = 'relative';
1445
// Opera returns the offset relative to the positioning context, when an
1446
// element is position relative but top and left have not been defined
1447
if (window.opera) {
1448
element.style.top = 0;
1449
element.style.left = 0;
1450
}
1451
}
1452
return element;
1453
},
1454
1455
undoPositioned: function(element) {
1456
element = $(element);
1457
if (element._madePositioned) {
1458
element._madePositioned = undefined;
1459
element.style.position =
1460
element.style.top =
1461
element.style.left =
1462
element.style.bottom =
1463
element.style.right = '';
1464
}
1465
return element;
1466
},
1467
1468
makeClipping: function(element) {
1469
element = $(element);
1470
if (element._overflow) return element;
1471
element._overflow = element.style.overflow || 'auto';
1472
if ((Element.getStyle(element, 'overflow') || 'visible') != 'hidden')
1473
element.style.overflow = 'hidden';
1474
return element;
1475
},
1476
1477
undoClipping: function(element) {
1478
element = $(element);
1479
if (!element._overflow) return element;
1480
element.style.overflow = element._overflow == 'auto' ? '' : element._overflow;
1481
element._overflow = null;
1482
return element;
1483
}
1484
};
1485
1486
Object.extend(Element.Methods, {childOf: Element.Methods.descendantOf});
1487
1488
Element._attributeTranslations = {};
1489
1490
Element._attributeTranslations.names = {
1491
colspan: "colSpan",
1492
rowspan: "rowSpan",
1493
valign: "vAlign",
1494
datetime: "dateTime",
1495
accesskey: "accessKey",
1496
tabindex: "tabIndex",
1497
enctype: "encType",
1498
maxlength: "maxLength",
1499
readonly: "readOnly",
1500
longdesc: "longDesc"
1501
};
1502
1503
Element._attributeTranslations.values = {
1504
_getAttr: function(element, attribute) {
1505
return element.getAttribute(attribute, 2);
1506
},
1507
1508
_flag: function(element, attribute) {
1509
return $(element).hasAttribute(attribute) ? attribute : null;
1510
},
1511
1512
style: function(element) {
1513
return element.style.cssText.toLowerCase();
1514
},
1515
1516
title: function(element) {
1517
var node = element.getAttributeNode('title');
1518
return node.specified ? node.nodeValue : null;
1519
}
1520
};
1521
1522
Object.extend(Element._attributeTranslations.values, {
1523
href: Element._attributeTranslations.values._getAttr,
1524
src: Element._attributeTranslations.values._getAttr,
1525
disabled: Element._attributeTranslations.values._flag,
1526
checked: Element._attributeTranslations.values._flag,
1527
readonly: Element._attributeTranslations.values._flag,
1528
multiple: Element._attributeTranslations.values._flag
1529
});
1530
1531
Element.Methods.Simulated = {
1532
hasAttribute: function(element, attribute) {
1533
var t = Element._attributeTranslations;
1534
attribute = t.names[attribute] || attribute;
1535
return $(element).getAttributeNode(attribute).specified;
1536
}
1537
};
1538
1539
// IE is missing .innerHTML support for TABLE-related elements
1540
if (document.all && !window.opera){
1541
Element.Methods.update = function(element, html) {
1542
element = $(element);
1543
html = typeof html == 'undefined' ? '' : html.toString();
1544
var tagName = element.tagName.toUpperCase();
1545
if (['THEAD','TBODY','TR','TD'].include(tagName)) {
1546
var div = document.createElement('div');
1547
switch (tagName) {
1548
case 'THEAD':
1549
case 'TBODY':
1550
div.innerHTML = '<table><tbody>' + html.stripScripts() + '</tbody></table>';
1551
depth = 2;
1552
break;
1553
case 'TR':
1554
div.innerHTML = '<table><tbody><tr>' + html.stripScripts() + '</tr></tbody></table>';
1555
depth = 3;
1556
break;
1557
case 'TD':
1558
div.innerHTML = '<table><tbody><tr><td>' + html.stripScripts() + '</td></tr></tbody></table>';
1559
depth = 4;
1560
}
1561
$A(element.childNodes).each(function(node){
1562
element.removeChild(node)
1563
});
1564
depth.times(function(){ div = div.firstChild });
1565
1566
$A(div.childNodes).each(
1567
function(node){ element.appendChild(node) });
1568
} else {
1569
element.innerHTML = html.stripScripts();
1570
}
1571
setTimeout(function() {html.evalScripts()}, 10);
1572
return element;
1573
}
1574
};
1575
1576
Object.extend(Element, Element.Methods);
1577
1578
var _nativeExtensions = false;
1579
1580
if(/Konqueror|Safari|KHTML/.test(navigator.userAgent))
1581
['', 'Form', 'Input', 'TextArea', 'Select'].each(function(tag) {
1582
var className = 'HTML' + tag + 'Element';
1583
if(window[className]) return;
1584
var klass = window[className] = {};
1585
klass.prototype = document.createElement(tag ? tag.toLowerCase() : 'div').__proto__;
1586
});
1587
1588
Element.addMethods = function(methods) {
1589
Object.extend(Element.Methods, methods || {});
1590
1591
function copy(methods, destination, onlyIfAbsent) {
1592
onlyIfAbsent = onlyIfAbsent || false;
1593
var cache = Element.extend.cache;
1594
for (var property in methods) {
1595
var value = methods[property];
1596
if (!onlyIfAbsent || !(property in destination))
1597
destination[property] = cache.findOrStore(value);
1598
}
1599
}
1600
1601
if (typeof HTMLElement != 'undefined') {
1602
copy(Element.Methods, HTMLElement.prototype);
1603
copy(Element.Methods.Simulated, HTMLElement.prototype, true);
1604
copy(Form.Methods, HTMLFormElement.prototype);
1605
[HTMLInputElement, HTMLTextAreaElement, HTMLSelectElement].each(function(klass) {
1606
copy(Form.Element.Methods, klass.prototype);
1607
});
1608
_nativeExtensions = true;
1609
}
1610
}
1611
1612
var Toggle = new Object();
1613
Toggle.display = Element.toggle;
1614
1615
/*--------------------------------------------------------------------------*/
1616
1617
Abstract.Insertion = function(adjacency) {
1618
this.adjacency = adjacency;
1619
}
1620
1621
Abstract.Insertion.prototype = {
1622
initialize: function(element, content) {
1623
this.element = $(element);
1624
this.content = content.stripScripts();
1625
1626
if (this.adjacency && this.element.insertAdjacentHTML) {
1627
try {
1628
this.element.insertAdjacentHTML(this.adjacency, this.content);
1629
} catch (e) {
1630
var tagName = this.element.tagName.toUpperCase();
1631
if (['TBODY', 'TR'].include(tagName)) {
1632
this.insertContent(this.contentFromAnonymousTable());
1633
} else {
1634
throw e;
1635
}
1636
}
1637
} else {
1638
this.range = this.element.ownerDocument.createRange();
1639
if (this.initializeRange) this.initializeRange();
1640
this.insertContent([this.range.createContextualFragment(this.content)]);
1641
}
1642
1643
setTimeout(function() {content.evalScripts()}, 10);
1644
},
1645
1646
contentFromAnonymousTable: function() {
1647
var div = document.createElement('div');
1648
div.innerHTML = '<table><tbody>' + this.content + '</tbody></table>';
1649
return $A(div.childNodes[0].childNodes[0].childNodes);
1650
}
1651
}
1652
1653
var Insertion = new Object();
1654
1655
Insertion.Before = Class.create();
1656
Insertion.Before.prototype = Object.extend(new Abstract.Insertion('beforeBegin'), {
1657
initializeRange: function() {
1658
this.range.setStartBefore(this.element);
1659
},
1660
1661
insertContent: function(fragments) {
1662
fragments.each((function(fragment) {
1663
this.element.parentNode.insertBefore(fragment, this.element);
1664
}).bind(this));
1665
}
1666
});
1667
1668
Insertion.Top = Class.create();
1669
Insertion.Top.prototype = Object.extend(new Abstract.Insertion('afterBegin'), {
1670
initializeRange: function() {
1671
this.range.selectNodeContents(this.element);
1672
this.range.collapse(true);
1673
},
1674
1675
insertContent: function(fragments) {
1676
fragments.reverse(false).each((function(fragment) {
1677
this.element.insertBefore(fragment, this.element.firstChild);
1678
}).bind(this));
1679
}
1680
});
1681
1682
Insertion.Bottom = Class.create();
1683
Insertion.Bottom.prototype = Object.extend(new Abstract.Insertion('beforeEnd'), {
1684
initializeRange: function() {
1685
this.range.selectNodeContents(this.element);
1686
this.range.collapse(this.element);
1687
},
1688
1689
insertContent: function(fragments) {
1690
fragments.each((function(fragment) {
1691
this.element.appendChild(fragment);
1692
}).bind(this));
1693
}
1694
});
1695
1696
Insertion.After = Class.create();
1697
Insertion.After.prototype = Object.extend(new Abstract.Insertion('afterEnd'), {
1698
initializeRange: function() {
1699
this.range.setStartAfter(this.element);
1700
},
1701
1702
insertContent: function(fragments) {
1703
fragments.each((function(fragment) {
1704
this.element.parentNode.insertBefore(fragment,
1705
this.element.nextSibling);
1706
}).bind(this));
1707
}
1708
});
1709
1710
/*--------------------------------------------------------------------------*/
1711
1712
Element.ClassNames = Class.create();
1713
Element.ClassNames.prototype = {
1714
initialize: function(element) {
1715
this.element = $(element);
1716
},
1717
1718
_each: function(iterator) {
1719
this.element.className.split(/\s+/).select(function(name) {
1720
return name.length > 0;
1721
})._each(iterator);
1722
},
1723
1724
set: function(className) {
1725
this.element.className = className;
1726
},
1727
1728
add: function(classNameToAdd) {
1729
if (this.include(classNameToAdd)) return;
1730
this.set($A(this).concat(classNameToAdd).join(' '));
1731
},
1732
1733
remove: function(classNameToRemove) {
1734
if (!this.include(classNameToRemove)) return;
1735
this.set($A(this).without(classNameToRemove).join(' '));
1736
},
1737
1738
toString: function() {
1739
return $A(this).join(' ');
1740
}
1741
};
1742
1743
Object.extend(Element.ClassNames.prototype, Enumerable);
1744
var Selector = Class.create();
1745
Selector.prototype = {
1746
initialize: function(expression) {
1747
this.params = {classNames: []};
1748
this.expression = expression.toString().strip();
1749
this.parseExpression();
1750
this.compileMatcher();
1751
},
1752
1753
parseExpression: function() {
1754
function abort(message) { throw 'Parse error in selector: ' + message; }
1755
1756
if (this.expression == '') abort('empty expression');
1757
1758
var params = this.params, expr = this.expression, match, modifier, clause, rest;
1759
while (match = expr.match(/^(.*)\[([a-z0-9_:-]+?)(?:([~\|!]?=)(?:"([^"]*)"|([^\]\s]*)))?\]$/i)) {
1760
params.attributes = params.attributes || [];
1761
params.attributes.push({name: match[2], operator: match[3], value: match[4] || match[5] || ''});
1762
expr = match[1];
1763
}
1764
1765
if (expr == '*') return this.params.wildcard = true;
1766
1767
while (match = expr.match(/^([^a-z0-9_-])?([a-z0-9_-]+)(.*)/i)) {
1768
modifier = match[1], clause = match[2], rest = match[3];
1769
switch (modifier) {
1770
case '#': params.id = clause; break;
1771
case '.': params.classNames.push(clause); break;
1772
case '':
1773
case undefined: params.tagName = clause.toUpperCase(); break;
1774
default: abort(expr.inspect());
1775
}
1776
expr = rest;
1777
}
1778
1779
if (expr.length > 0) abort(expr.inspect());
1780
},
1781
1782
buildMatchExpression: function() {
1783
var params = this.params, conditions = [], clause;
1784
1785
if (params.wildcard)
1786
conditions.push('true');
1787
if (clause = params.id)
1788
conditions.push('element.readAttribute("id") == ' + clause.inspect());
1789
if (clause = params.tagName)
1790
conditions.push('element.tagName.toUpperCase() == ' + clause.inspect());
1791
if ((clause = params.classNames).length > 0)
1792
for (var i = 0, length = clause.length; i < length; i++)
1793
conditions.push('element.hasClassName(' + clause[i].inspect() + ')');
1794
if (clause = params.attributes) {
1795
clause.each(function(attribute) {
1796
var value = 'element.readAttribute(' + attribute.name.inspect() + ')';
1797
var splitValueBy = function(delimiter) {
1798
return value + ' && ' + value + '.split(' + delimiter.inspect() + ')';
1799
}
1800
1801
switch (attribute.operator) {
1802
case '=': conditions.push(value + ' == ' + attribute.value.inspect()); break;
1803
case '~=': conditions.push(splitValueBy(' ') + '.include(' + attribute.value.inspect() + ')'); break;
1804
case '|=': conditions.push(
1805
splitValueBy('-') + '.first().toUpperCase() == ' + attribute.value.toUpperCase().inspect()
1806
); break;
1807
case '!=': conditions.push(value + ' != ' + attribute.value.inspect()); break;
1808
case '':
1809
case undefined: conditions.push('element.hasAttribute(' + attribute.name.inspect() + ')'); break;
1810
default: throw 'Unknown operator ' + attribute.operator + ' in selector';
1811
}
1812
});
1813
}
1814
1815
return conditions.join(' && ');
1816
},
1817
1818
compileMatcher: function() {
1819
this.match = new Function('element', 'if (!element.tagName) return false; \
1820
element = $(element); \
1821
return ' + this.buildMatchExpression());
1822
},
1823
1824
findElements: function(scope) {
1825
var element;
1826
1827
if (element = $(this.params.id))
1828
if (this.match(element))
1829
if (!scope || Element.childOf(element, scope))
1830
return [element];
1831
1832
scope = (scope || document).getElementsByTagName(this.params.tagName || '*');
1833
1834
var results = [];
1835
for (var i = 0, length = scope.length; i < length; i++)
1836
if (this.match(element = scope[i]))
1837
results.push(Element.extend(element));
1838
1839
return results;
1840
},
1841
1842
toString: function() {
1843
return this.expression;
1844
}
1845
}
1846
1847
Object.extend(Selector, {
1848
matchElements: function(elements, expression) {
1849
var selector = new Selector(expression);
1850
return elements.select(selector.match.bind(selector)).map(Element.extend);
1851
},
1852
1853
findElement: function(elements, expression, index) {
1854
if (typeof expression == 'number') index = expression, expression = false;
1855
return Selector.matchElements(elements, expression || '*')[index || 0];
1856
},
1857
1858
findChildElements: function(element, expressions) {
1859
return expressions.map(function(expression) {
1860
return expression.match(/[^\s"]+(?:"[^"]*"[^\s"]+)*/g).inject([null], function(results, expr) {
1861
var selector = new Selector(expr);
1862
return results.inject([], function(elements, result) {
1863
return elements.concat(selector.findElements(result || element));
1864
});
1865
});
1866
}).flatten();
1867
}
1868
});
1869
1870
function $$() {
1871
return Selector.findChildElements(document, $A(arguments));
1872
}
1873
var Form = {
1874
reset: function(form) {
1875
$(form).reset();
1876
return form;
1877
},
1878
1879
serializeElements: function(elements, getHash) {
1880
var data = elements.inject({}, function(result, element) {
1881
if (!element.disabled && element.name) {
1882
var key = element.name, value = $(element).getValue();
1883
if (value != undefined) {
1884
if (result[key]) {
1885
if (result[key].constructor != Array) result[key] = [result[key]];
1886
result[key].push(value);
1887
}
1888
else result[key] = value;
1889
}
1890
}
1891
return result;
1892
});
1893
1894
return getHash ? data : Hash.toQueryString(data);
1895
}
1896
};
1897
1898
Form.Methods = {
1899
serialize: function(form, getHash) {
1900
return Form.serializeElements(Form.getElements(form), getHash);
1901
},
1902
1903
getElements: function(form) {
1904
return $A($(form).getElementsByTagName('*')).inject([],
1905
function(elements, child) {
1906
if (Form.Element.Serializers[child.tagName.toLowerCase()])
1907
elements.push(Element.extend(child));
1908
return elements;
1909
}
1910
);
1911
},
1912
1913
getInputs: function(form, typeName, name) {
1914
form = $(form);
1915
var inputs = form.getElementsByTagName('input');
1916
1917
if (!typeName && !name) return $A(inputs).map(Element.extend);
1918
1919
for (var i = 0, matchingInputs = [], length = inputs.length; i < length; i++) {
1920
var input = inputs[i];
1921
if ((typeName && input.type != typeName) || (name && input.name != name))
1922
continue;
1923
matchingInputs.push(Element.extend(input));
1924
}
1925
1926
return matchingInputs;
1927
},
1928
1929
disable: function(form) {
1930
form = $(form);
1931
form.getElements().each(function(element) {
1932
element.blur();
1933
element.disabled = 'true';
1934
});
1935
return form;
1936
},
1937
1938
enable: function(form) {
1939
form = $(form);
1940
form.getElements().each(function(element) {
1941
element.disabled = '';
1942
});
1943
return form;
1944
},
1945
1946
findFirstElement: function(form) {
1947
return $(form).getElements().find(function(element) {
1948
return element.type != 'hidden' && !element.disabled &&
1949
['input', 'select', 'textarea'].include(element.tagName.toLowerCase());
1950
});
1951
},
1952
1953
focusFirstElement: function(form) {
1954
form = $(form);
1955
form.findFirstElement().activate();
1956
return form;
1957
}
1958
}
1959
1960
Object.extend(Form, Form.Methods);
1961
1962
/*--------------------------------------------------------------------------*/
1963
1964
Form.Element = {
1965
focus: function(element) {
1966
$(element).focus();
1967
return element;
1968
},
1969
1970
select: function(element) {
1971
$(element).select();
1972
return element;
1973
}
1974
}
1975
1976
Form.Element.Methods = {
1977
serialize: function(element) {
1978
element = $(element);
1979
if (!element.disabled && element.name) {
1980
var value = element.getValue();
1981
if (value != undefined) {
1982
var pair = {};
1983
pair[element.name] = value;
1984
return Hash.toQueryString(pair);
1985
}
1986
}
1987
return '';
1988
},
1989
1990
getValue: function(element) {
1991
element = $(element);
1992
var method = element.tagName.toLowerCase();
1993
return Form.Element.Serializers[method](element);
1994
},
1995
1996
clear: function(element) {
1997
$(element).value = '';
1998
return element;
1999
},
2000
2001
present: function(element) {
2002
return $(element).value != '';
2003
},
2004
2005
activate: function(element) {
2006
element = $(element);
2007
element.focus();
2008
if (element.select && ( element.tagName.toLowerCase() != 'input' ||
2009
!['button', 'reset', 'submit'].include(element.type) ) )
2010
element.select();
2011
return element;
2012
},
2013
2014
disable: function(element) {
2015
element = $(element);
2016
element.disabled = true;
2017
return element;
2018
},
2019
2020
enable: function(element) {
2021
element = $(element);
2022
element.blur();
2023
element.disabled = false;
2024
return element;
2025
}
2026
}
2027
2028
Object.extend(Form.Element, Form.Element.Methods);
2029
var Field = Form.Element;
2030
var $F = Form.Element.getValue;
2031
2032
/*--------------------------------------------------------------------------*/
2033
2034
Form.Element.Serializers = {
2035
input: function(element) {
2036
switch (element.type.toLowerCase()) {
2037
case 'checkbox':
2038
case 'radio':
2039
return Form.Element.Serializers.inputSelector(element);
2040
default:
2041
return Form.Element.Serializers.textarea(element);
2042
}
2043
},
2044
2045
inputSelector: function(element) {
2046
return element.checked ? element.value : null;
2047
},
2048
2049
textarea: function(element) {
2050
return element.value;
2051
},
2052
2053
select: function(element) {
2054
return this[element.type == 'select-one' ?
2055
'selectOne' : 'selectMany'](element);
2056
},
2057
2058
selectOne: function(element) {
2059
var index = element.selectedIndex;
2060
return index >= 0 ? this.optionValue(element.options[index]) : null;
2061
},
2062
2063
selectMany: function(element) {
2064
var values, length = element.length;
2065
if (!length) return null;
2066
2067
for (var i = 0, values = []; i < length; i++) {
2068
var opt = element.options[i];
2069
if (opt.selected) values.push(this.optionValue(opt));
2070
}
2071
return values;
2072
},
2073
2074
optionValue: function(opt) {
2075
// extend element because hasAttribute may not be native
2076
return Element.extend(opt).hasAttribute('value') ? opt.value : opt.text;
2077
}
2078
}
2079
2080
/*--------------------------------------------------------------------------*/
2081
2082
Abstract.TimedObserver = function() {}
2083
Abstract.TimedObserver.prototype = {
2084
initialize: function(element, frequency, callback) {
2085
this.frequency = frequency;
2086
this.element = $(element);
2087
this.callback = callback;
2088
2089
this.lastValue = this.getValue();
2090
this.registerCallback();
2091
},
2092
2093
registerCallback: function() {
2094
setInterval(this.onTimerEvent.bind(this), this.frequency * 1000);
2095
},
2096
2097
onTimerEvent: function() {
2098
var value = this.getValue();
2099
var changed = ('string' == typeof this.lastValue && 'string' == typeof value
2100
? this.lastValue != value : String(this.lastValue) != String(value));
2101
if (changed) {
2102
this.callback(this.element, value);
2103
this.lastValue = value;
2104
}
2105
}
2106
}
2107
2108
Form.Element.Observer = Class.create();
2109
Form.Element.Observer.prototype = Object.extend(new Abstract.TimedObserver(), {
2110
getValue: function() {
2111
return Form.Element.getValue(this.element);
2112
}
2113
});
2114
2115
Form.Observer = Class.create();
2116
Form.Observer.prototype = Object.extend(new Abstract.TimedObserver(), {
2117
getValue: function() {
2118
return Form.serialize(this.element);
2119
}
2120
});
2121
2122
/*--------------------------------------------------------------------------*/
2123
2124
Abstract.EventObserver = function() {}
2125
Abstract.EventObserver.prototype = {
2126
initialize: function(element, callback) {
2127
this.element = $(element);
2128
this.callback = callback;
2129
2130
this.lastValue = this.getValue();
2131
if (this.element.tagName.toLowerCase() == 'form')
2132
this.registerFormCallbacks();
2133
else
2134
this.registerCallback(this.element);
2135
},
2136
2137
onElementEvent: function() {
2138
var value = this.getValue();
2139
if (this.lastValue != value) {
2140
this.callback(this.element, value);
2141
this.lastValue = value;
2142
}
2143
},
2144
2145
registerFormCallbacks: function() {
2146
Form.getElements(this.element).each(this.registerCallback.bind(this));
2147
},
2148
2149
registerCallback: function(element) {
2150
if (element.type) {
2151
switch (element.type.toLowerCase()) {
2152
case 'checkbox':
2153
case 'radio':
2154
Event.observe(element, 'click', this.onElementEvent.bind(this));
2155
break;
2156
default:
2157
Event.observe(element, 'change', this.onElementEvent.bind(this));
2158
break;
2159
}
2160
}
2161
}
2162
}
2163
2164
Form.Element.EventObserver = Class.create();
2165
Form.Element.EventObserver.prototype = Object.extend(new Abstract.EventObserver(), {
2166
getValue: function() {
2167
return Form.Element.getValue(this.element);
2168
}
2169
});
2170
2171
Form.EventObserver = Class.create();
2172
Form.EventObserver.prototype = Object.extend(new Abstract.EventObserver(), {
2173
getValue: function() {
2174
return Form.serialize(this.element);
2175
}
2176
});
2177
if (!window.Event) {
2178
var Event = new Object();
2179
}
2180
2181
Object.extend(Event, {
2182
KEY_BACKSPACE: 8,
2183
KEY_TAB: 9,
2184
KEY_RETURN: 13,
2185
KEY_ESC: 27,
2186
KEY_LEFT: 37,
2187
KEY_UP: 38,
2188
KEY_RIGHT: 39,
2189
KEY_DOWN: 40,
2190
KEY_DELETE: 46,
2191
KEY_HOME: 36,
2192
KEY_END: 35,
2193
KEY_PAGEUP: 33,
2194
KEY_PAGEDOWN: 34,
2195
2196
element: function(event) {
2197
return event.target || event.srcElement;
2198
},
2199
2200
isLeftClick: function(event) {
2201
return (((event.which) && (event.which == 1)) ||
2202
((event.button) && (event.button == 1)));
2203
},
2204
2205
pointerX: function(event) {
2206
return event.pageX || (event.clientX +
2207
(document.documentElement.scrollLeft || document.body.scrollLeft));
2208
},
2209
2210
pointerY: function(event) {
2211
return event.pageY || (event.clientY +
2212
(document.documentElement.scrollTop || document.body.scrollTop));
2213
},
2214
2215
stop: function(event) {
2216
if (event.preventDefault) {
2217
event.preventDefault();
2218
event.stopPropagation();
2219
} else {
2220
event.returnValue = false;
2221
event.cancelBubble = true;
2222
}
2223
},
2224
2225
// find the first node with the given tagName, starting from the
2226
// node the event was triggered on; traverses the DOM upwards
2227
findElement: function(event, tagName) {
2228
var element = Event.element(event);
2229
while (element.parentNode && (!element.tagName ||
2230
(element.tagName.toUpperCase() != tagName.toUpperCase())))
2231
element = element.parentNode;
2232
return element;
2233
},
2234
2235
observers: false,
2236
2237
_observeAndCache: function(element, name, observer, useCapture) {
2238
if (!this.observers) this.observers = [];
2239
if (element.addEventListener) {
2240
this.observers.push([element, name, observer, useCapture]);
2241
element.addEventListener(name, observer, useCapture);
2242
} else if (element.attachEvent) {
2243
this.observers.push([element, name, observer, useCapture]);
2244
element.attachEvent('on' + name, observer);
2245
}
2246
},
2247
2248
unloadCache: function() {
2249
if (!Event.observers) return;
2250
for (var i = 0, length = Event.observers.length; i < length; i++) {
2251
Event.stopObserving.apply(this, Event.observers[i]);
2252
Event.observers[i][0] = null;
2253
}
2254
Event.observers = false;
2255
},
2256
2257
observe: function(element, name, observer, useCapture) {
2258
element = $(element);
2259
useCapture = useCapture || false;
2260
2261
if (name == 'keypress' &&
2262
(navigator.appVersion.match(/Konqueror|Safari|KHTML/)
2263
|| element.attachEvent))
2264
name = 'keydown';
2265
2266
Event._observeAndCache(element, name, observer, useCapture);
2267
},
2268
2269
stopObserving: function(element, name, observer, useCapture) {
2270
element = $(element);
2271
useCapture = useCapture || false;
2272
2273
if (name == 'keypress' &&
2274
(navigator.appVersion.match(/Konqueror|Safari|KHTML/)
2275
|| element.detachEvent))
2276
name = 'keydown';
2277
2278
if (element.removeEventListener) {
2279
element.removeEventListener(name, observer, useCapture);
2280
} else if (element.detachEvent) {
2281
try {
2282
element.detachEvent('on' + name, observer);
2283
} catch (e) {}
2284
}
2285
}
2286
});
2287
2288
/* prevent memory leaks in IE */
2289
if (navigator.appVersion.match(/\bMSIE\b/))
2290
Event.observe(window, 'unload', Event.unloadCache, false);
2291
var Position = {
2292
// set to true if needed, warning: firefox performance problems
2293
// NOT neeeded for page scrolling, only if draggable contained in
2294
// scrollable elements
2295
includeScrollOffsets: false,
2296
2297
// must be called before calling withinIncludingScrolloffset, every time the
2298
// page is scrolled
2299
prepare: function() {
2300
this.deltaX = window.pageXOffset
2301
|| document.documentElement.scrollLeft
2302
|| document.body.scrollLeft
2303
|| 0;
2304
this.deltaY = window.pageYOffset
2305
|| document.documentElement.scrollTop
2306
|| document.body.scrollTop
2307
|| 0;
2308
},
2309
2310
realOffset: function(element) {
2311
var valueT = 0, valueL = 0;
2312
do {
2313
valueT += element.scrollTop || 0;
2314
valueL += element.scrollLeft || 0;
2315
element = element.parentNode;
2316
} while (element);
2317
return [valueL, valueT];
2318
},
2319
2320
cumulativeOffset: function(element) {
2321
var valueT = 0, valueL = 0;
2322
do {
2323
valueT += element.offsetTop || 0;
2324
valueL += element.offsetLeft || 0;
2325
element = element.offsetParent;
2326
} while (element);
2327
return [valueL, valueT];
2328
},
2329
2330
positionedOffset: function(element) {
2331
var valueT = 0, valueL = 0;
2332
do {
2333
valueT += element.offsetTop || 0;
2334
valueL += element.offsetLeft || 0;
2335
element = element.offsetParent;
2336
if (element) {
2337
if(element.tagName=='BODY') break;
2338
var p = Element.getStyle(element, 'position');
2339
if (p == 'relative' || p == 'absolute') break;
2340
}
2341
} while (element);
2342
return [valueL, valueT];
2343
},
2344
2345
offsetParent: function(element) {
2346
if (element.offsetParent) return element.offsetParent;
2347
if (element == document.body) return element;
2348
2349
while ((element = element.parentNode) && element != document.body)
2350
if (Element.getStyle(element, 'position') != 'static')
2351
return element;
2352
2353
return document.body;
2354
},
2355
2356
// caches x/y coordinate pair to use with overlap
2357
within: function(element, x, y) {
2358
if (this.includeScrollOffsets)
2359
return this.withinIncludingScrolloffsets(element, x, y);
2360
this.xcomp = x;
2361
this.ycomp = y;
2362
this.offset = this.cumulativeOffset(element);
2363
2364
return (y >= this.offset[1] &&
2365
y < this.offset[1] + element.offsetHeight &&
2366
x >= this.offset[0] &&
2367
x < this.offset[0] + element.offsetWidth);
2368
},
2369
2370
withinIncludingScrolloffsets: function(element, x, y) {
2371
var offsetcache = this.realOffset(element);
2372
2373
this.xcomp = x + offsetcache[0] - this.deltaX;
2374
this.ycomp = y + offsetcache[1] - this.deltaY;
2375
this.offset = this.cumulativeOffset(element);
2376
2377
return (this.ycomp >= this.offset[1] &&
2378
this.ycomp < this.offset[1] + element.offsetHeight &&
2379
this.xcomp >= this.offset[0] &&
2380
this.xcomp < this.offset[0] + element.offsetWidth);
2381
},
2382
2383
// within must be called directly before
2384
overlap: function(mode, element) {
2385
if (!mode) return 0;
2386
if (mode == 'vertical')
2387
return ((this.offset[1] + element.offsetHeight) - this.ycomp) /
2388
element.offsetHeight;
2389
if (mode == 'horizontal')
2390
return ((this.offset[0] + element.offsetWidth) - this.xcomp) /
2391
element.offsetWidth;
2392
},
2393
2394
page: function(forElement) {
2395
var valueT = 0, valueL = 0;
2396
2397
var element = forElement;
2398
do {
2399
valueT += element.offsetTop || 0;
2400
valueL += element.offsetLeft || 0;
2401
2402
// Safari fix
2403
if (element.offsetParent==document.body)
2404
if (Element.getStyle(element,'position')=='absolute') break;
2405
2406
} while (element = element.offsetParent);
2407
2408
element = forElement;
2409
do {
2410
if (!window.opera || element.tagName=='BODY') {
2411
valueT -= element.scrollTop || 0;
2412
valueL -= element.scrollLeft || 0;
2413
}
2414
} while (element = element.parentNode);
2415
2416
return [valueL, valueT];
2417
},
2418
2419
clone: function(source, target) {
2420
var options = Object.extend({
2421
setLeft: true,
2422
setTop: true,
2423
setWidth: true,
2424
setHeight: true,
2425
offsetTop: 0,
2426
offsetLeft: 0
2427
}, arguments[2] || {})
2428
2429
// find page position of source
2430
source = $(source);
2431
var p = Position.page(source);
2432
2433
// find coordinate system to use
2434
target = $(target);
2435
var delta = [0, 0];
2436
var parent = null;
2437
// delta [0,0] will do fine with position: fixed elements,
2438
// position:absolute needs offsetParent deltas
2439
if (Element.getStyle(target,'position') == 'absolute') {
2440
parent = Position.offsetParent(target);
2441
delta = Position.page(parent);
2442
}
2443
2444
// correct by body offsets (fixes Safari)
2445
if (parent == document.body) {
2446
delta[0] -= document.body.offsetLeft;
2447
delta[1] -= document.body.offsetTop;
2448
}
2449
2450
// set position
2451
if(options.setLeft) target.style.left = (p[0] - delta[0] + options.offsetLeft) + 'px';
2452
if(options.setTop) target.style.top = (p[1] - delta[1] + options.offsetTop) + 'px';
2453
if(options.setWidth) target.style.width = source.offsetWidth + 'px';
2454
if(options.setHeight) target.style.height = source.offsetHeight + 'px';
2455
},
2456
2457
absolutize: function(element) {
2458
element = $(element);
2459
if (element.style.position == 'absolute') return;
2460
Position.prepare();
2461
2462
var offsets = Position.positionedOffset(element);
2463
var top = offsets[1];
2464
var left = offsets[0];
2465
var width = element.clientWidth;
2466
var height = element.clientHeight;
2467
2468
element._originalLeft = left - parseFloat(element.style.left || 0);
2469
element._originalTop = top - parseFloat(element.style.top || 0);
2470
element._originalWidth = element.style.width;
2471
element._originalHeight = element.style.height;
2472
2473
element.style.position = 'absolute';
2474
element.style.top = top + 'px';
2475
element.style.left = left + 'px';
2476
element.style.width = width + 'px';
2477
element.style.height = height + 'px';
2478
},
2479
2480
relativize: function(element) {
2481
element = $(element);
2482
if (element.style.position == 'relative') return;
2483
Position.prepare();
2484
2485
element.style.position = 'relative';
2486
var top = parseFloat(element.style.top || 0) - (element._originalTop || 0);
2487
var left = parseFloat(element.style.left || 0) - (element._originalLeft || 0);
2488
2489
element.style.top = top + 'px';
2490
element.style.left = left + 'px';
2491
element.style.height = element._originalHeight;
2492
element.style.width = element._originalWidth;
2493
}
2494
}
2495
2496
// Safari returns margins on body which is incorrect if the child is absolutely
2497
// positioned. For performance reasons, redefine Position.cumulativeOffset for
2498
// KHTML/WebKit only.
2499
if (/Konqueror|Safari|KHTML/.test(navigator.userAgent)) {
2500
Position.cumulativeOffset = function(element) {
2501
var valueT = 0, valueL = 0;
2502
do {
2503
valueT += element.offsetTop || 0;
2504
valueL += element.offsetLeft || 0;
2505
if (element.offsetParent == document.body)
2506
if (Element.getStyle(element, 'position') == 'absolute') break;
2507
2508
element = element.offsetParent;
2509
} while (element);
2510
2511
return [valueL, valueT];
2512
}
2513
}
2514
2515
Element.addMethods();
b'\\ No newline at end of file'
Loggerhead is a web-based interface for Breezy
Version: 2.0.1