Description:
more updated rails
git-svn-id: http://theory.cpe.ku.ac.th/grader/web/trunk@360 6386c4cd-e34a-4fa8-8920-d93eb39b512e
Commit status:
[Not Reviewed]
References:
Diff options:
Comments:
0 Commit comments
0 Inline Comments
Unresolved TODOs:
There are no unresolved TODOs
Author
jittat
-
r163:74e3afe899a3 - - 5 files changed: 433 inserted, 328 deleted
| @@ -23,87 +23,88 | |||
|
|
23 | 23 | def vendor_rails? |
|
|
24 | 24 | File.exist?("#{RAILS_ROOT}/vendor/rails") |
|
|
25 | 25 | end |
|
|
26 | 26 | |
|
|
27 | 27 | def preinitialize |
|
|
28 | 28 | load(preinitializer_path) if File.exist?(preinitializer_path) |
|
|
29 | 29 | end |
|
|
30 | 30 | |
|
|
31 | 31 | def preinitializer_path |
|
|
32 | 32 | "#{RAILS_ROOT}/config/preinitializer.rb" |
|
|
33 | 33 | end |
|
|
34 | 34 | end |
|
|
35 | 35 | |
|
|
36 | 36 | class Boot |
|
|
37 | 37 | def run |
|
|
38 | 38 | load_initializer |
|
|
39 | 39 | Rails::Initializer.run(:set_load_path) |
|
|
40 | 40 | end |
|
|
41 | 41 | end |
|
|
42 | 42 | |
|
|
43 | 43 | class VendorBoot < Boot |
|
|
44 | 44 | def load_initializer |
|
|
45 | 45 | require "#{RAILS_ROOT}/vendor/rails/railties/lib/initializer" |
|
|
46 | 46 | Rails::Initializer.run(:install_gem_spec_stubs) |
|
|
47 | + Rails::GemDependency.add_frozen_gem_path | |
|
|
47 | 48 | end |
|
|
48 | 49 | end |
|
|
49 | 50 | |
|
|
50 | 51 | class GemBoot < Boot |
|
|
51 | 52 | def load_initializer |
|
|
52 | 53 | self.class.load_rubygems |
|
|
53 | 54 | load_rails_gem |
|
|
54 | 55 | require 'initializer' |
|
|
55 | 56 | end |
|
|
56 | 57 | |
|
|
57 | 58 | def load_rails_gem |
|
|
58 | 59 | if version = self.class.gem_version |
|
|
59 | 60 | gem 'rails', version |
|
|
60 | 61 | else |
|
|
61 | 62 | gem 'rails' |
|
|
62 | 63 | end |
|
|
63 | 64 | rescue Gem::LoadError => load_error |
|
|
64 | 65 | $stderr.puts %(Missing the Rails #{version} gem. Please `gem install -v=#{version} rails`, update your RAILS_GEM_VERSION setting in config/environment.rb for the Rails version you do have installed, or comment out RAILS_GEM_VERSION to use the latest version installed.) |
|
|
65 | 66 | exit 1 |
|
|
66 | 67 | end |
|
|
67 | 68 | |
|
|
68 | 69 | class << self |
|
|
69 | 70 | def rubygems_version |
|
|
70 |
- Gem::RubyGemsVersion |
|
|
|
71 | + Gem::RubyGemsVersion rescue nil | |
|
|
71 | 72 | end |
|
|
72 | 73 | |
|
|
73 | 74 | def gem_version |
|
|
74 | 75 | if defined? RAILS_GEM_VERSION |
|
|
75 | 76 | RAILS_GEM_VERSION |
|
|
76 | 77 | elsif ENV.include?('RAILS_GEM_VERSION') |
|
|
77 | 78 | ENV['RAILS_GEM_VERSION'] |
|
|
78 | 79 | else |
|
|
79 | 80 | parse_gem_version(read_environment_rb) |
|
|
80 | 81 | end |
|
|
81 | 82 | end |
|
|
82 | 83 | |
|
|
83 | 84 | def load_rubygems |
|
|
84 | 85 | require 'rubygems' |
|
|
85 |
- min_version = '1. |
|
|
|
86 | + min_version = '1.3.1' | |
|
|
86 | 87 | unless rubygems_version >= min_version |
|
|
87 | 88 | $stderr.puts %Q(Rails requires RubyGems >= #{min_version} (you have #{rubygems_version}). Please `gem update --system` and try again.) |
|
|
88 | 89 | exit 1 |
|
|
89 | 90 | end |
|
|
90 | 91 | |
|
|
91 | 92 | rescue LoadError |
|
|
92 | 93 | $stderr.puts %Q(Rails requires RubyGems >= #{min_version}. Please install RubyGems and try again: http://rubygems.rubyforge.org) |
|
|
93 | 94 | exit 1 |
|
|
94 | 95 | end |
|
|
95 | 96 | |
|
|
96 | 97 | def parse_gem_version(text) |
|
|
97 | 98 | $1 if text =~ /^[^#]*RAILS_GEM_VERSION\s*=\s*["']([!~<>=]*\s*[\d.]+)["']/ |
|
|
98 | 99 | end |
|
|
99 | 100 | |
|
|
100 | 101 | private |
|
|
101 | 102 | def read_environment_rb |
|
|
102 | 103 | File.read("#{RAILS_ROOT}/config/environment.rb") |
|
|
103 | 104 | end |
|
|
104 | 105 | end |
|
|
105 | 106 | end |
|
|
106 | 107 | end |
|
|
107 | 108 | |
|
|
108 | 109 | # All that for this: |
|
|
109 | 110 | Rails.boot! |
| @@ -1,67 +1,67 | |||
|
|
1 | 1 | // Copyright (c) 2005-2008 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us) |
|
|
2 |
- // (c) 2005-200 |
|
|
|
3 |
- // (c) 2005-200 |
|
|
|
2 | + // (c) 2005-2008 Ivan Krstic (http://blogs.law.harvard.edu/ivan) | |
|
|
3 | + // (c) 2005-2008 Jon Tirsen (http://www.tirsen.com) | |
|
|
4 | 4 | // Contributors: |
|
|
5 | 5 | // Richard Livsey |
|
|
6 | 6 | // Rahul Bhargava |
|
|
7 | 7 | // Rob Wills |
|
|
8 | 8 |
// |
|
|
9 | 9 | // script.aculo.us is freely distributable under the terms of an MIT-style license. |
|
|
10 | 10 | // For details, see the script.aculo.us web site: http://script.aculo.us/ |
|
|
11 | 11 | |
|
|
12 | 12 |
// Autocompleter.Base handles all the autocompletion functionality |
|
|
13 | 13 | // that's independent of the data source for autocompletion. This |
|
|
14 | 14 | // includes drawing the autocompletion menu, observing keyboard |
|
|
15 | 15 | // and mouse events, and similar. |
|
|
16 | 16 | // |
|
|
17 | 17 |
// Specific autocompleters need to provide, at the very least, |
|
|
18 | 18 | // a getUpdatedChoices function that will be invoked every time |
|
|
19 | 19 |
// the text inside the monitored textbox changes. This method |
|
|
20 | 20 | // should get the text for which to provide autocompletion by |
|
|
21 | 21 | // invoking this.getToken(), NOT by directly accessing |
|
|
22 | 22 | // this.element.value. This is to allow incremental tokenized |
|
|
23 | 23 | // autocompletion. Specific auto-completion logic (AJAX, etc) |
|
|
24 | 24 | // belongs in getUpdatedChoices. |
|
|
25 | 25 | // |
|
|
26 | 26 | // Tokenized incremental autocompletion is enabled automatically |
|
|
27 | 27 | // when an autocompleter is instantiated with the 'tokens' option |
|
|
28 | 28 | // in the options parameter, e.g.: |
|
|
29 | 29 | // new Ajax.Autocompleter('id','upd', '/url/', { tokens: ',' }); |
|
|
30 | 30 | // will incrementally autocomplete with a comma as the token. |
|
|
31 | 31 | // Additionally, ',' in the above example can be replaced with |
|
|
32 | 32 | // a token array, e.g. { tokens: [',', '\n'] } which |
|
|
33 | 33 |
// enables autocompletion on multiple tokens. This is most |
|
|
34 | 34 |
// useful when one of the tokens is \n (a newline), as it |
|
|
35 | 35 | // allows smart autocompletion after linebreaks. |
|
|
36 | 36 | |
|
|
37 | 37 | if(typeof Effect == 'undefined') |
|
|
38 | 38 | throw("controls.js requires including script.aculo.us' effects.js library"); |
|
|
39 | 39 | |
|
|
40 | - var Autocompleter = { } | |
|
|
40 | + var Autocompleter = { }; | |
|
|
41 | 41 | Autocompleter.Base = Class.create({ |
|
|
42 | 42 | baseInitialize: function(element, update, options) { |
|
|
43 | - element = $(element) | |
|
|
43 | + element = $(element); | |
|
|
44 | 44 |
this.element = element; |
|
|
45 | 45 |
this.update = $(update); |
|
|
46 | 46 |
this.hasFocus = false; |
|
|
47 | 47 |
this.changed = false; |
|
|
48 | 48 |
this.active = false; |
|
|
49 | 49 |
this.index = 0; |
|
|
50 | 50 | this.entryCount = 0; |
|
|
51 | 51 | this.oldElementValue = this.element.value; |
|
|
52 | 52 | |
|
|
53 | 53 | if(this.setOptions) |
|
|
54 | 54 | this.setOptions(options); |
|
|
55 | 55 | else |
|
|
56 | 56 | this.options = options || { }; |
|
|
57 | 57 | |
|
|
58 | 58 | this.options.paramName = this.options.paramName || this.element.name; |
|
|
59 | 59 | this.options.tokens = this.options.tokens || []; |
|
|
60 | 60 | this.options.frequency = this.options.frequency || 0.4; |
|
|
61 | 61 | this.options.minChars = this.options.minChars || 1; |
|
|
62 | 62 |
this.options.onShow = this.options.onShow || |
|
|
63 | 63 |
function(element, update){ |
|
|
64 | 64 | if(!update.style.position || update.style.position=='absolute') { |
|
|
65 | 65 | update.style.position = 'absolute'; |
|
|
66 | 66 | Position.clone(element, update, { |
|
|
67 | 67 |
setHeight: false, |
| @@ -188,55 +188,55 | |||
|
|
188 | 188 | onBlur: function(event) { |
|
|
189 | 189 | // needed to make click events working |
|
|
190 | 190 | setTimeout(this.hide.bind(this), 250); |
|
|
191 | 191 | this.hasFocus = false; |
|
|
192 | 192 |
this.active = false; |
|
|
193 | 193 |
}, |
|
|
194 | 194 | |
|
|
195 | 195 | render: function() { |
|
|
196 | 196 | if(this.entryCount > 0) { |
|
|
197 | 197 | for (var i = 0; i < this.entryCount; i++) |
|
|
198 | 198 |
this.index==i ? |
|
|
199 | 199 |
Element.addClassName(this.getEntry(i),"selected") : |
|
|
200 | 200 | Element.removeClassName(this.getEntry(i),"selected"); |
|
|
201 | 201 |
if(this.hasFocus) { |
|
|
202 | 202 | this.show(); |
|
|
203 | 203 | this.active = true; |
|
|
204 | 204 | } |
|
|
205 | 205 | } else { |
|
|
206 | 206 | this.active = false; |
|
|
207 | 207 | this.hide(); |
|
|
208 | 208 | } |
|
|
209 | 209 | }, |
|
|
210 | 210 | |
|
|
211 | 211 | markPrevious: function() { |
|
|
212 | - if(this.index > 0) this.index-- | |
|
|
212 | + if(this.index > 0) this.index--; | |
|
|
213 | 213 | else this.index = this.entryCount-1; |
|
|
214 | 214 | this.getEntry(this.index).scrollIntoView(true); |
|
|
215 | 215 | }, |
|
|
216 | 216 | |
|
|
217 | 217 | markNext: function() { |
|
|
218 | - if(this.index < this.entryCount-1) this.index++ | |
|
|
218 | + if(this.index < this.entryCount-1) this.index++; | |
|
|
219 | 219 | else this.index = 0; |
|
|
220 | 220 | this.getEntry(this.index).scrollIntoView(false); |
|
|
221 | 221 | }, |
|
|
222 | 222 | |
|
|
223 | 223 | getEntry: function(index) { |
|
|
224 | 224 | return this.update.firstChild.childNodes[index]; |
|
|
225 | 225 | }, |
|
|
226 | 226 | |
|
|
227 | 227 | getCurrentEntry: function() { |
|
|
228 | 228 | return this.getEntry(this.index); |
|
|
229 | 229 | }, |
|
|
230 | 230 | |
|
|
231 | 231 | selectEntry: function() { |
|
|
232 | 232 | this.active = false; |
|
|
233 | 233 | this.updateElement(this.getCurrentEntry()); |
|
|
234 | 234 | }, |
|
|
235 | 235 | |
|
|
236 | 236 | updateElement: function(selectedElement) { |
|
|
237 | 237 | if (this.options.updateElement) { |
|
|
238 | 238 | this.options.updateElement(selectedElement); |
|
|
239 | 239 | return; |
|
|
240 | 240 | } |
|
|
241 | 241 | var value = ''; |
|
|
242 | 242 | if (this.options.select) { |
| @@ -436,66 +436,66 | |||
|
|
436 | 436 | elem.indexOf(entry); |
|
|
437 | 437 | |
|
|
438 | 438 | while (foundPos != -1) { |
|
|
439 | 439 |
if (foundPos == 0 && elem.length != entry.length) { |
|
|
440 | 440 |
ret.push("<li><strong>" + elem.substr(0, entry.length) + "</strong>" + |
|
|
441 | 441 | elem.substr(entry.length) + "</li>"); |
|
|
442 | 442 | break; |
|
|
443 | 443 |
} else if (entry.length >= instance.options.partialChars && |
|
|
444 | 444 | instance.options.partialSearch && foundPos != -1) { |
|
|
445 | 445 | if (instance.options.fullSearch || /\s/.test(elem.substr(foundPos-1,1))) { |
|
|
446 | 446 | partial.push("<li>" + elem.substr(0, foundPos) + "<strong>" + |
|
|
447 | 447 | elem.substr(foundPos, entry.length) + "</strong>" + elem.substr( |
|
|
448 | 448 | foundPos + entry.length) + "</li>"); |
|
|
449 | 449 | break; |
|
|
450 | 450 | } |
|
|
451 | 451 | } |
|
|
452 | 452 | |
|
|
453 | 453 |
foundPos = instance.options.ignoreCase ? |
|
|
454 | 454 |
elem.toLowerCase().indexOf(entry.toLowerCase(), foundPos + 1) : |
|
|
455 | 455 | elem.indexOf(entry, foundPos + 1); |
|
|
456 | 456 | |
|
|
457 | 457 | } |
|
|
458 | 458 | } |
|
|
459 | 459 | if (partial.length) |
|
|
460 | - ret = ret.concat(partial.slice(0, instance.options.choices - ret.length)) | |
|
|
460 | + ret = ret.concat(partial.slice(0, instance.options.choices - ret.length)); | |
|
|
461 | 461 | return "<ul>" + ret.join('') + "</ul>"; |
|
|
462 | 462 | } |
|
|
463 | 463 | }, options || { }); |
|
|
464 | 464 | } |
|
|
465 | 465 | }); |
|
|
466 | 466 | |
|
|
467 | 467 | // AJAX in-place editor and collection editor |
|
|
468 | 468 | // Full rewrite by Christophe Porteneuve <tdd@tddsworld.com> (April 2007). |
|
|
469 | 469 | |
|
|
470 | 470 | // Use this if you notice weird scrolling problems on some browsers, |
|
|
471 | 471 | // the DOM might be a bit confused when this gets called so do this |
|
|
472 | 472 | // waits 1 ms (with setTimeout) until it does the activation |
|
|
473 | 473 | Field.scrollFreeActivate = function(field) { |
|
|
474 | 474 | setTimeout(function() { |
|
|
475 | 475 | Field.activate(field); |
|
|
476 | 476 | }, 1); |
|
|
477 | - } | |
|
|
477 | + }; | |
|
|
478 | 478 | |
|
|
479 | 479 | Ajax.InPlaceEditor = Class.create({ |
|
|
480 | 480 | initialize: function(element, url, options) { |
|
|
481 | 481 | this.url = url; |
|
|
482 | 482 | this.element = element = $(element); |
|
|
483 | 483 | this.prepareOptions(); |
|
|
484 | 484 | this._controls = { }; |
|
|
485 | 485 | arguments.callee.dealWithDeprecatedOptions(options); // DEPRECATION LAYER!!! |
|
|
486 | 486 | Object.extend(this.options, options || { }); |
|
|
487 | 487 | if (!this.options.formId && this.element.id) { |
|
|
488 | 488 | this.options.formId = this.element.id + '-inplaceeditor'; |
|
|
489 | 489 | if ($(this.options.formId)) |
|
|
490 | 490 | this.options.formId = ''; |
|
|
491 | 491 | } |
|
|
492 | 492 | if (this.options.externalControl) |
|
|
493 | 493 | this.options.externalControl = $(this.options.externalControl); |
|
|
494 | 494 | if (!this.options.externalControl) |
|
|
495 | 495 | this.options.externalControlOnly = false; |
|
|
496 | 496 | this._originalBackground = this.element.getStyle('background-color') || 'transparent'; |
|
|
497 | 497 | this.element.title = this.options.clickToEditText; |
|
|
498 | 498 | this._boundCancelHandler = this.handleFormCancellation.bind(this); |
|
|
499 | 499 | this._boundComplete = (this.options.onComplete || Prototype.emptyFunction).bind(this); |
|
|
500 | 500 | this._boundFailureHandler = this.handleAJAXFailure.bind(this); |
|
|
501 | 501 | this._boundSubmitHandler = this.handleFormSubmission.bind(this); |
| @@ -583,49 +583,49 | |||
|
|
583 | 583 | this.element.innerHTML = this._oldInnerHTML; |
|
|
584 | 584 | this.leaveEditMode(); |
|
|
585 | 585 | this.unregisterListeners(); |
|
|
586 | 586 | }, |
|
|
587 | 587 | enterEditMode: function(e) { |
|
|
588 | 588 | if (this._saving || this._editing) return; |
|
|
589 | 589 | this._editing = true; |
|
|
590 | 590 | this.triggerCallback('onEnterEditMode'); |
|
|
591 | 591 | if (this.options.externalControl) |
|
|
592 | 592 | this.options.externalControl.hide(); |
|
|
593 | 593 | this.element.hide(); |
|
|
594 | 594 | this.createForm(); |
|
|
595 | 595 | this.element.parentNode.insertBefore(this._form, this.element); |
|
|
596 | 596 | if (!this.options.loadTextURL) |
|
|
597 | 597 | this.postProcessEditField(); |
|
|
598 | 598 | if (e) Event.stop(e); |
|
|
599 | 599 | }, |
|
|
600 | 600 | enterHover: function(e) { |
|
|
601 | 601 | if (this.options.hoverClassName) |
|
|
602 | 602 | this.element.addClassName(this.options.hoverClassName); |
|
|
603 | 603 | if (this._saving) return; |
|
|
604 | 604 | this.triggerCallback('onEnterHover'); |
|
|
605 | 605 | }, |
|
|
606 | 606 | getText: function() { |
|
|
607 | - return this.element.innerHTML; | |
|
|
607 | + return this.element.innerHTML.unescapeHTML(); | |
|
|
608 | 608 | }, |
|
|
609 | 609 | handleAJAXFailure: function(transport) { |
|
|
610 | 610 | this.triggerCallback('onFailure', transport); |
|
|
611 | 611 | if (this._oldInnerHTML) { |
|
|
612 | 612 | this.element.innerHTML = this._oldInnerHTML; |
|
|
613 | 613 | this._oldInnerHTML = null; |
|
|
614 | 614 | } |
|
|
615 | 615 | }, |
|
|
616 | 616 | handleFormCancellation: function(e) { |
|
|
617 | 617 | this.wrapUp(); |
|
|
618 | 618 | if (e) Event.stop(e); |
|
|
619 | 619 | }, |
|
|
620 | 620 | handleFormSubmission: function(e) { |
|
|
621 | 621 | var form = this._form; |
|
|
622 | 622 | var value = $F(this._controls.editor); |
|
|
623 | 623 | this.prepareSubmission(); |
|
|
624 | 624 | var params = this.options.callback(form, value) || ''; |
|
|
625 | 625 | if (Object.isString(params)) |
|
|
626 | 626 | params = params.toQueryParams(); |
|
|
627 | 627 | params.editorId = this.element.id; |
|
|
628 | 628 | if (this.options.htmlResponse) { |
|
|
629 | 629 | var options = Object.extend({ evalScripts: true }, this.options.ajaxOptions); |
|
|
630 | 630 | Object.extend(options, { |
|
|
631 | 631 | parameters: params, |
| @@ -759,49 +759,49 | |||
|
|
759 | 759 | |
|
|
760 | 760 | createEditField: function() { |
|
|
761 | 761 | var list = document.createElement('select'); |
|
|
762 | 762 | list.name = this.options.paramName; |
|
|
763 | 763 | list.size = 1; |
|
|
764 | 764 | this._controls.editor = list; |
|
|
765 | 765 | this._collection = this.options.collection || []; |
|
|
766 | 766 | if (this.options.loadCollectionURL) |
|
|
767 | 767 | this.loadCollection(); |
|
|
768 | 768 | else |
|
|
769 | 769 | this.checkForExternalText(); |
|
|
770 | 770 | this._form.appendChild(this._controls.editor); |
|
|
771 | 771 | }, |
|
|
772 | 772 | |
|
|
773 | 773 | loadCollection: function() { |
|
|
774 | 774 | this._form.addClassName(this.options.loadingClassName); |
|
|
775 | 775 | this.showLoadingText(this.options.loadingCollectionText); |
|
|
776 | 776 | var options = Object.extend({ method: 'get' }, this.options.ajaxOptions); |
|
|
777 | 777 | Object.extend(options, { |
|
|
778 | 778 | parameters: 'editorId=' + encodeURIComponent(this.element.id), |
|
|
779 | 779 | onComplete: Prototype.emptyFunction, |
|
|
780 | 780 | onSuccess: function(transport) { |
|
|
781 | 781 | var js = transport.responseText.strip(); |
|
|
782 | 782 | if (!/^\[.*\]$/.test(js)) // TODO: improve sanity check |
|
|
783 |
- throw |
|
|
|
783 | + throw('Server returned an invalid collection representation.'); | |
|
|
784 | 784 | this._collection = eval(js); |
|
|
785 | 785 | this.checkForExternalText(); |
|
|
786 | 786 | }.bind(this), |
|
|
787 | 787 | onFailure: this.onFailure |
|
|
788 | 788 | }); |
|
|
789 | 789 | new Ajax.Request(this.options.loadCollectionURL, options); |
|
|
790 | 790 | }, |
|
|
791 | 791 | |
|
|
792 | 792 | showLoadingText: function(text) { |
|
|
793 | 793 | this._controls.editor.disabled = true; |
|
|
794 | 794 | var tempOption = this._controls.editor.firstChild; |
|
|
795 | 795 | if (!tempOption) { |
|
|
796 | 796 | tempOption = document.createElement('option'); |
|
|
797 | 797 | tempOption.value = ''; |
|
|
798 | 798 | this._controls.editor.appendChild(tempOption); |
|
|
799 | 799 | tempOption.selected = true; |
|
|
800 | 800 | } |
|
|
801 | 801 | tempOption.update((text || '').stripScripts().stripTags()); |
|
|
802 | 802 | }, |
|
|
803 | 803 | |
|
|
804 | 804 | checkForExternalText: function() { |
|
|
805 | 805 | this._text = this.getText(); |
|
|
806 | 806 | if (this.options.loadTextURL) |
|
|
807 | 807 | this.loadExternalText(); |
| @@ -939,25 +939,25 | |||
|
|
939 | 939 | |
|
|
940 | 940 |
// Delayed observer, like Form.Element.Observer, |
|
|
941 | 941 | // but waits for delay after last key input |
|
|
942 | 942 | // Ideal for live-search fields |
|
|
943 | 943 | |
|
|
944 | 944 | Form.Element.DelayedObserver = Class.create({ |
|
|
945 | 945 | initialize: function(element, delay, callback) { |
|
|
946 | 946 | this.delay = delay || 0.5; |
|
|
947 | 947 | this.element = $(element); |
|
|
948 | 948 | this.callback = callback; |
|
|
949 | 949 | this.timer = null; |
|
|
950 | 950 |
this.lastValue = $F(this.element); |
|
|
951 | 951 | Event.observe(this.element,'keyup',this.delayedListener.bindAsEventListener(this)); |
|
|
952 | 952 | }, |
|
|
953 | 953 | delayedListener: function(event) { |
|
|
954 | 954 | if(this.lastValue == $F(this.element)) return; |
|
|
955 | 955 | if(this.timer) clearTimeout(this.timer); |
|
|
956 | 956 | this.timer = setTimeout(this.onTimerEvent.bind(this), this.delay * 1000); |
|
|
957 | 957 | this.lastValue = $F(this.element); |
|
|
958 | 958 | }, |
|
|
959 | 959 | onTimerEvent: function() { |
|
|
960 | 960 | this.timer = null; |
|
|
961 | 961 | this.callback(this.element, $F(this.element)); |
|
|
962 | 962 | } |
|
|
963 |
- }); |
|
|
|
963 | + }); No newline at end of file | |
| @@ -1,26 +1,26 | |||
|
|
1 | 1 | // Copyright (c) 2005-2008 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us) |
|
|
2 |
- // (c) 2005-200 |
|
|
|
2 | + // (c) 2005-2008 Sammi Williams (http://www.oriontransfer.co.nz, sammi@oriontransfer.co.nz) | |
|
|
3 | 3 |
// |
|
|
4 | 4 | // script.aculo.us is freely distributable under the terms of an MIT-style license. |
|
|
5 | 5 | // For details, see the script.aculo.us web site: http://script.aculo.us/ |
|
|
6 | 6 | |
|
|
7 | 7 | if(Object.isUndefined(Effect)) |
|
|
8 | 8 | throw("dragdrop.js requires including script.aculo.us' effects.js library"); |
|
|
9 | 9 | |
|
|
10 | 10 | var Droppables = { |
|
|
11 | 11 | drops: [], |
|
|
12 | 12 | |
|
|
13 | 13 | remove: function(element) { |
|
|
14 | 14 | this.drops = this.drops.reject(function(d) { return d.element==$(element) }); |
|
|
15 | 15 | }, |
|
|
16 | 16 | |
|
|
17 | 17 | add: function(element) { |
|
|
18 | 18 | element = $(element); |
|
|
19 | 19 | var options = Object.extend({ |
|
|
20 | 20 | greedy: true, |
|
|
21 | 21 | hoverclass: null, |
|
|
22 | 22 | tree: false |
|
|
23 | 23 | }, arguments[1] || { }); |
|
|
24 | 24 | |
|
|
25 | 25 | // cache containers |
|
|
26 | 26 | if(options.containment) { |
| @@ -100,49 +100,49 | |||
|
|
100 | 100 | if (drop) { |
|
|
101 | 101 | Position.within(drop.element, point[0], point[1]); |
|
|
102 | 102 | if(drop.onHover) |
|
|
103 | 103 | drop.onHover(element, drop.element, Position.overlap(drop.overlap, drop.element)); |
|
|
104 | 104 | |
|
|
105 | 105 | if (drop != this.last_active) Droppables.activate(drop); |
|
|
106 | 106 | } |
|
|
107 | 107 | }, |
|
|
108 | 108 | |
|
|
109 | 109 | fire: function(event, element) { |
|
|
110 | 110 | if(!this.last_active) return; |
|
|
111 | 111 | Position.prepare(); |
|
|
112 | 112 | |
|
|
113 | 113 | if (this.isAffected([Event.pointerX(event), Event.pointerY(event)], element, this.last_active)) |
|
|
114 | 114 | if (this.last_active.onDrop) { |
|
|
115 | 115 |
this.last_active.onDrop(element, this.last_active.element, event); |
|
|
116 | 116 |
return true; |
|
|
117 | 117 | } |
|
|
118 | 118 | }, |
|
|
119 | 119 | |
|
|
120 | 120 | reset: function() { |
|
|
121 | 121 | if(this.last_active) |
|
|
122 | 122 | this.deactivate(this.last_active); |
|
|
123 | 123 | } |
|
|
124 | - } | |
|
|
124 | + }; | |
|
|
125 | 125 | |
|
|
126 | 126 | var Draggables = { |
|
|
127 | 127 | drags: [], |
|
|
128 | 128 | observers: [], |
|
|
129 | 129 | |
|
|
130 | 130 | register: function(draggable) { |
|
|
131 | 131 | if(this.drags.length == 0) { |
|
|
132 | 132 | this.eventMouseUp = this.endDrag.bindAsEventListener(this); |
|
|
133 | 133 | this.eventMouseMove = this.updateDrag.bindAsEventListener(this); |
|
|
134 | 134 | this.eventKeypress = this.keyPress.bindAsEventListener(this); |
|
|
135 | 135 | |
|
|
136 | 136 | Event.observe(document, "mouseup", this.eventMouseUp); |
|
|
137 | 137 | Event.observe(document, "mousemove", this.eventMouseMove); |
|
|
138 | 138 | Event.observe(document, "keypress", this.eventKeypress); |
|
|
139 | 139 | } |
|
|
140 | 140 | this.drags.push(draggable); |
|
|
141 | 141 | }, |
|
|
142 | 142 | |
|
|
143 | 143 | unregister: function(draggable) { |
|
|
144 | 144 | this.drags = this.drags.reject(function(d) { return d==draggable }); |
|
|
145 | 145 | if(this.drags.length == 0) { |
|
|
146 | 146 | Event.stopObserving(document, "mouseup", this.eventMouseUp); |
|
|
147 | 147 | Event.stopObserving(document, "mousemove", this.eventMouseMove); |
|
|
148 | 148 | Event.stopObserving(document, "keypress", this.eventKeypress); |
| @@ -197,49 +197,49 | |||
|
|
197 | 197 | this.observers.push(observer); |
|
|
198 | 198 | this._cacheObserverCallbacks(); |
|
|
199 | 199 | }, |
|
|
200 | 200 | |
|
|
201 | 201 | removeObserver: function(element) { // element instead of observer fixes mem leaks |
|
|
202 | 202 | this.observers = this.observers.reject( function(o) { return o.element==element }); |
|
|
203 | 203 | this._cacheObserverCallbacks(); |
|
|
204 | 204 | }, |
|
|
205 | 205 | |
|
|
206 | 206 | notify: function(eventName, draggable, event) { // 'onStart', 'onEnd', 'onDrag' |
|
|
207 | 207 | if(this[eventName+'Count'] > 0) |
|
|
208 | 208 | this.observers.each( function(o) { |
|
|
209 | 209 | if(o[eventName]) o[eventName](eventName, draggable, event); |
|
|
210 | 210 | }); |
|
|
211 | 211 | if(draggable.options[eventName]) draggable.options[eventName](draggable, event); |
|
|
212 | 212 | }, |
|
|
213 | 213 | |
|
|
214 | 214 | _cacheObserverCallbacks: function() { |
|
|
215 | 215 | ['onStart','onEnd','onDrag'].each( function(eventName) { |
|
|
216 | 216 | Draggables[eventName+'Count'] = Draggables.observers.select( |
|
|
217 | 217 | function(o) { return o[eventName]; } |
|
|
218 | 218 | ).length; |
|
|
219 | 219 | }); |
|
|
220 | 220 | } |
|
|
221 | - } | |
|
|
221 | + }; | |
|
|
222 | 222 | |
|
|
223 | 223 |
|
|
|
224 | 224 | |
|
|
225 | 225 | var Draggable = Class.create({ |
|
|
226 | 226 | initialize: function(element) { |
|
|
227 | 227 | var defaults = { |
|
|
228 | 228 | handle: false, |
|
|
229 | 229 | reverteffect: function(element, top_offset, left_offset) { |
|
|
230 | 230 | var dur = Math.sqrt(Math.abs(top_offset^2)+Math.abs(left_offset^2))*0.02; |
|
|
231 | 231 | new Effect.Move(element, { x: -left_offset, y: -top_offset, duration: dur, |
|
|
232 | 232 | queue: {scope:'_draggable', position:'end'} |
|
|
233 | 233 | }); |
|
|
234 | 234 | }, |
|
|
235 | 235 | endeffect: function(element) { |
|
|
236 | 236 | var toOpacity = Object.isNumber(element._opacity) ? element._opacity : 1.0; |
|
|
237 | 237 |
new Effect.Opacity(element, {duration:0.2, from:0.7, to:toOpacity, |
|
|
238 | 238 | queue: {scope:'_draggable', position:'end'}, |
|
|
239 | 239 |
afterFinish: function(){ |
|
|
240 | 240 |
Draggable._dragging[element] = false |
|
|
241 | 241 | } |
|
|
242 | 242 |
}); |
|
|
243 | 243 | }, |
|
|
244 | 244 | zindex: 1000, |
|
|
245 | 245 | revert: false, |
| @@ -310,50 +310,50 | |||
|
|
310 | 310 | tag_name=='BUTTON' || |
|
|
311 | 311 | tag_name=='TEXTAREA')) return; |
|
|
312 | 312 | |
|
|
313 | 313 | var pointer = [Event.pointerX(event), Event.pointerY(event)]; |
|
|
314 | 314 | var pos = Position.cumulativeOffset(this.element); |
|
|
315 | 315 | this.offset = [0,1].map( function(i) { return (pointer[i] - pos[i]) }); |
|
|
316 | 316 | |
|
|
317 | 317 | Draggables.activate(this); |
|
|
318 | 318 | Event.stop(event); |
|
|
319 | 319 | } |
|
|
320 | 320 | }, |
|
|
321 | 321 | |
|
|
322 | 322 | startDrag: function(event) { |
|
|
323 | 323 | this.dragging = true; |
|
|
324 | 324 | if(!this.delta) |
|
|
325 | 325 | this.delta = this.currentDelta(); |
|
|
326 | 326 | |
|
|
327 | 327 | if(this.options.zindex) { |
|
|
328 | 328 | this.originalZ = parseInt(Element.getStyle(this.element,'z-index') || 0); |
|
|
329 | 329 | this.element.style.zIndex = this.options.zindex; |
|
|
330 | 330 | } |
|
|
331 | 331 | |
|
|
332 | 332 | if(this.options.ghosting) { |
|
|
333 | 333 | this._clone = this.element.cloneNode(true); |
|
|
334 |
- this |
|
|
|
335 |
- if (!this. |
|
|
|
334 | + this._originallyAbsolute = (this.element.getStyle('position') == 'absolute'); | |
|
|
335 | + if (!this._originallyAbsolute) | |
|
|
336 | 336 | Position.absolutize(this.element); |
|
|
337 | 337 | this.element.parentNode.insertBefore(this._clone, this.element); |
|
|
338 | 338 | } |
|
|
339 | 339 | |
|
|
340 | 340 | if(this.options.scroll) { |
|
|
341 | 341 | if (this.options.scroll == window) { |
|
|
342 | 342 | var where = this._getWindowScroll(this.options.scroll); |
|
|
343 | 343 | this.originalScrollLeft = where.left; |
|
|
344 | 344 | this.originalScrollTop = where.top; |
|
|
345 | 345 | } else { |
|
|
346 | 346 | this.originalScrollLeft = this.options.scroll.scrollLeft; |
|
|
347 | 347 | this.originalScrollTop = this.options.scroll.scrollTop; |
|
|
348 | 348 | } |
|
|
349 | 349 | } |
|
|
350 | 350 | |
|
|
351 | 351 | Draggables.notify('onStart', this, event); |
|
|
352 | 352 | |
|
|
353 | 353 | if(this.options.starteffect) this.options.starteffect(this.element); |
|
|
354 | 354 | }, |
|
|
355 | 355 | |
|
|
356 | 356 | updateDrag: function(event, pointer) { |
|
|
357 | 357 | if(!this.dragging) this.startDrag(event); |
|
|
358 | 358 | |
|
|
359 | 359 | if(!this.options.quiet){ |
| @@ -382,51 +382,51 | |||
|
|
382 | 382 | var speed = [0,0]; |
|
|
383 | 383 | if(pointer[0] < (p[0]+this.options.scrollSensitivity)) speed[0] = pointer[0]-(p[0]+this.options.scrollSensitivity); |
|
|
384 | 384 | if(pointer[1] < (p[1]+this.options.scrollSensitivity)) speed[1] = pointer[1]-(p[1]+this.options.scrollSensitivity); |
|
|
385 | 385 | if(pointer[0] > (p[2]-this.options.scrollSensitivity)) speed[0] = pointer[0]-(p[2]-this.options.scrollSensitivity); |
|
|
386 | 386 | if(pointer[1] > (p[3]-this.options.scrollSensitivity)) speed[1] = pointer[1]-(p[3]-this.options.scrollSensitivity); |
|
|
387 | 387 | this.startScrolling(speed); |
|
|
388 | 388 | } |
|
|
389 | 389 | |
|
|
390 | 390 | // fix AppleWebKit rendering |
|
|
391 | 391 | if(Prototype.Browser.WebKit) window.scrollBy(0,0); |
|
|
392 | 392 | |
|
|
393 | 393 | Event.stop(event); |
|
|
394 | 394 | }, |
|
|
395 | 395 | |
|
|
396 | 396 | finishDrag: function(event, success) { |
|
|
397 | 397 | this.dragging = false; |
|
|
398 | 398 | |
|
|
399 | 399 | if(this.options.quiet){ |
|
|
400 | 400 | Position.prepare(); |
|
|
401 | 401 | var pointer = [Event.pointerX(event), Event.pointerY(event)]; |
|
|
402 | 402 | Droppables.show(pointer, this.element); |
|
|
403 | 403 | } |
|
|
404 | 404 | |
|
|
405 | 405 | if(this.options.ghosting) { |
|
|
406 |
- if (!this. |
|
|
|
406 | + if (!this._originallyAbsolute) | |
|
|
407 | 407 | Position.relativize(this.element); |
|
|
408 |
- delete this. |
|
|
|
408 | + delete this._originallyAbsolute; | |
|
|
409 | 409 | Element.remove(this._clone); |
|
|
410 | 410 | this._clone = null; |
|
|
411 | 411 | } |
|
|
412 | 412 | |
|
|
413 | 413 |
var dropped = false; |
|
|
414 | 414 |
if(success) { |
|
|
415 | 415 |
dropped = Droppables.fire(event, this.element); |
|
|
416 | 416 |
if (!dropped) dropped = false; |
|
|
417 | 417 | } |
|
|
418 | 418 | if(dropped && this.options.onDropped) this.options.onDropped(this.element); |
|
|
419 | 419 | Draggables.notify('onEnd', this, event); |
|
|
420 | 420 | |
|
|
421 | 421 | var revert = this.options.revert; |
|
|
422 | 422 | if(revert && Object.isFunction(revert)) revert = revert(this.element); |
|
|
423 | 423 | |
|
|
424 | 424 | var d = this.currentDelta(); |
|
|
425 | 425 | if(revert && this.options.reverteffect) { |
|
|
426 | 426 | if (dropped == 0 || revert != 'failure') |
|
|
427 | 427 | this.options.reverteffect(this.element, |
|
|
428 | 428 | d[1]-this.delta[1], d[0]-this.delta[0]); |
|
|
429 | 429 | } else { |
|
|
430 | 430 | this.delta = d; |
|
|
431 | 431 | } |
|
|
432 | 432 | |
| @@ -457,52 +457,52 | |||
|
|
457 | 457 | var pos = Position.cumulativeOffset(this.element); |
|
|
458 | 458 | if(this.options.ghosting) { |
|
|
459 | 459 | var r = Position.realOffset(this.element); |
|
|
460 | 460 | pos[0] += r[0] - Position.deltaX; pos[1] += r[1] - Position.deltaY; |
|
|
461 | 461 | } |
|
|
462 | 462 | |
|
|
463 | 463 | var d = this.currentDelta(); |
|
|
464 | 464 | pos[0] -= d[0]; pos[1] -= d[1]; |
|
|
465 | 465 | |
|
|
466 | 466 | if(this.options.scroll && (this.options.scroll != window && this._isScrollChild)) { |
|
|
467 | 467 | pos[0] -= this.options.scroll.scrollLeft-this.originalScrollLeft; |
|
|
468 | 468 | pos[1] -= this.options.scroll.scrollTop-this.originalScrollTop; |
|
|
469 | 469 | } |
|
|
470 | 470 | |
|
|
471 | 471 |
var p = [0,1].map(function(i){ |
|
|
472 | 472 |
return (point[i]-pos[i]-this.offset[i]) |
|
|
473 | 473 | }.bind(this)); |
|
|
474 | 474 | |
|
|
475 | 475 | if(this.options.snap) { |
|
|
476 | 476 | if(Object.isFunction(this.options.snap)) { |
|
|
477 | 477 | p = this.options.snap(p[0],p[1],this); |
|
|
478 | 478 | } else { |
|
|
479 | 479 | if(Object.isArray(this.options.snap)) { |
|
|
480 | 480 | p = p.map( function(v, i) { |
|
|
481 | - return (v/this.options.snap[i]).round()*this.options.snap[i] }.bind(this)) | |
|
|
481 | + return (v/this.options.snap[i]).round()*this.options.snap[i] }.bind(this)); | |
|
|
482 | 482 | } else { |
|
|
483 | 483 | p = p.map( function(v) { |
|
|
484 | - return (v/this.options.snap).round()*this.options.snap }.bind(this)) | |
|
|
484 | + return (v/this.options.snap).round()*this.options.snap }.bind(this)); | |
|
|
485 | 485 | } |
|
|
486 | 486 | }} |
|
|
487 | 487 | |
|
|
488 | 488 | var style = this.element.style; |
|
|
489 | 489 | if((!this.options.constraint) || (this.options.constraint=='horizontal')) |
|
|
490 | 490 | style.left = p[0] + "px"; |
|
|
491 | 491 | if((!this.options.constraint) || (this.options.constraint=='vertical')) |
|
|
492 | 492 | style.top = p[1] + "px"; |
|
|
493 | 493 | |
|
|
494 | 494 | if(style.visibility=="hidden") style.visibility = ""; // fix gecko rendering |
|
|
495 | 495 | }, |
|
|
496 | 496 | |
|
|
497 | 497 | stopScrolling: function() { |
|
|
498 | 498 | if(this.scrollInterval) { |
|
|
499 | 499 | clearInterval(this.scrollInterval); |
|
|
500 | 500 | this.scrollInterval = null; |
|
|
501 | 501 | Draggables._lastScrollPointer = null; |
|
|
502 | 502 | } |
|
|
503 | 503 | }, |
|
|
504 | 504 | |
|
|
505 | 505 | startScrolling: function(speed) { |
|
|
506 | 506 | if(!(speed[0] || speed[1])) return; |
|
|
507 | 507 | this.scrollSpeed = [speed[0]*this.options.scrollSpeed,speed[1]*this.options.scrollSpeed]; |
|
|
508 | 508 | this.lastScrolled = new Date(); |
| @@ -539,97 +539,98 | |||
|
|
539 | 539 | this.draw(Draggables._lastScrollPointer); |
|
|
540 | 540 | } |
|
|
541 | 541 | |
|
|
542 | 542 | if(this.options.change) this.options.change(this); |
|
|
543 | 543 | }, |
|
|
544 | 544 | |
|
|
545 | 545 | _getWindowScroll: function(w) { |
|
|
546 | 546 | var T, L, W, H; |
|
|
547 | 547 | with (w.document) { |
|
|
548 | 548 | if (w.document.documentElement && documentElement.scrollTop) { |
|
|
549 | 549 | T = documentElement.scrollTop; |
|
|
550 | 550 | L = documentElement.scrollLeft; |
|
|
551 | 551 | } else if (w.document.body) { |
|
|
552 | 552 | T = body.scrollTop; |
|
|
553 | 553 | L = body.scrollLeft; |
|
|
554 | 554 | } |
|
|
555 | 555 | if (w.innerWidth) { |
|
|
556 | 556 | W = w.innerWidth; |
|
|
557 | 557 | H = w.innerHeight; |
|
|
558 | 558 | } else if (w.document.documentElement && documentElement.clientWidth) { |
|
|
559 | 559 | W = documentElement.clientWidth; |
|
|
560 | 560 | H = documentElement.clientHeight; |
|
|
561 | 561 | } else { |
|
|
562 | 562 | W = body.offsetWidth; |
|
|
563 | - H = body.offsetHeight | |
|
|
563 | + H = body.offsetHeight; | |
|
|
564 | 564 | } |
|
|
565 | 565 | } |
|
|
566 | 566 | return { top: T, left: L, width: W, height: H }; |
|
|
567 | 567 | } |
|
|
568 | 568 | }); |
|
|
569 | 569 | |
|
|
570 | 570 | Draggable._dragging = { }; |
|
|
571 | 571 | |
|
|
572 | 572 | /*--------------------------------------------------------------------------*/ |
|
|
573 | 573 | |
|
|
574 | 574 | var SortableObserver = Class.create({ |
|
|
575 | 575 | initialize: function(element, observer) { |
|
|
576 | 576 | this.element = $(element); |
|
|
577 | 577 | this.observer = observer; |
|
|
578 | 578 | this.lastValue = Sortable.serialize(this.element); |
|
|
579 | 579 | }, |
|
|
580 | 580 | |
|
|
581 | 581 | onStart: function() { |
|
|
582 | 582 | this.lastValue = Sortable.serialize(this.element); |
|
|
583 | 583 | }, |
|
|
584 | 584 | |
|
|
585 | 585 | onEnd: function() { |
|
|
586 | 586 | Sortable.unmark(); |
|
|
587 | 587 | if(this.lastValue != Sortable.serialize(this.element)) |
|
|
588 | 588 | this.observer(this.element) |
|
|
589 | 589 | } |
|
|
590 | 590 | }); |
|
|
591 | 591 | |
|
|
592 | 592 | var Sortable = { |
|
|
593 | 593 | SERIALIZE_RULE: /^[^_\-](?:[A-Za-z0-9\-\_]*)[_](.*)$/, |
|
|
594 | 594 | |
|
|
595 | 595 | sortables: { }, |
|
|
596 | 596 | |
|
|
597 | 597 | _findRootElement: function(element) { |
|
|
598 | 598 |
while (element.tagName.toUpperCase() != "BODY") { |
|
|
599 | 599 | if(element.id && Sortable.sortables[element.id]) return element; |
|
|
600 | 600 | element = element.parentNode; |
|
|
601 | 601 | } |
|
|
602 | 602 | }, |
|
|
603 | 603 | |
|
|
604 | 604 | options: function(element) { |
|
|
605 | 605 | element = Sortable._findRootElement($(element)); |
|
|
606 | 606 | if(!element) return; |
|
|
607 | 607 | return Sortable.sortables[element.id]; |
|
|
608 | 608 | }, |
|
|
609 | 609 | |
|
|
610 | 610 | destroy: function(element){ |
|
|
611 | - var s = Sortable.options(element); | |
|
|
611 | + element = $(element); | |
|
|
612 | + var s = Sortable.sortables[element.id]; | |
|
|
612 | 613 | |
|
|
613 | 614 | if(s) { |
|
|
614 | 615 | Draggables.removeObserver(s.element); |
|
|
615 | 616 | s.droppables.each(function(d){ Droppables.remove(d) }); |
|
|
616 | 617 | s.draggables.invoke('destroy'); |
|
|
617 | 618 | |
|
|
618 | 619 | delete Sortable.sortables[s.element.id]; |
|
|
619 | 620 | } |
|
|
620 | 621 | }, |
|
|
621 | 622 | |
|
|
622 | 623 | create: function(element) { |
|
|
623 | 624 | element = $(element); |
|
|
624 | 625 |
var options = Object.extend({ |
|
|
625 | 626 | element: element, |
|
|
626 | 627 | tag: 'li', // assumes li children, override with tag: 'tagname' |
|
|
627 | 628 | dropOnEmpty: false, |
|
|
628 | 629 | tree: false, |
|
|
629 | 630 | treeTag: 'ul', |
|
|
630 | 631 | overlap: 'vertical', // one of 'vertical', 'horizontal' |
|
|
631 | 632 | constraint: 'vertical', // one of 'vertical', 'horizontal', false |
|
|
632 | 633 | containment: element, // also takes array of elements (or id's); or false |
|
|
633 | 634 | handle: false, // or a CSS class |
|
|
634 | 635 | only: false, |
|
|
635 | 636 | delay: 0, |
| @@ -668,56 +669,56 | |||
|
|
668 | 669 | if(options.starteffect) |
|
|
669 | 670 | options_for_draggable.starteffect = options.starteffect; |
|
|
670 | 671 | |
|
|
671 | 672 | if(options.reverteffect) |
|
|
672 | 673 | options_for_draggable.reverteffect = options.reverteffect; |
|
|
673 | 674 | else |
|
|
674 | 675 | if(options.ghosting) options_for_draggable.reverteffect = function(element) { |
|
|
675 | 676 | element.style.top = 0; |
|
|
676 | 677 | element.style.left = 0; |
|
|
677 | 678 | }; |
|
|
678 | 679 | |
|
|
679 | 680 | if(options.endeffect) |
|
|
680 | 681 | options_for_draggable.endeffect = options.endeffect; |
|
|
681 | 682 | |
|
|
682 | 683 | if(options.zindex) |
|
|
683 | 684 | options_for_draggable.zindex = options.zindex; |
|
|
684 | 685 | |
|
|
685 | 686 |
// build options for the droppables |
|
|
686 | 687 | var options_for_droppable = { |
|
|
687 | 688 | overlap: options.overlap, |
|
|
688 | 689 | containment: options.containment, |
|
|
689 | 690 | tree: options.tree, |
|
|
690 | 691 | hoverclass: options.hoverclass, |
|
|
691 | 692 | onHover: Sortable.onHover |
|
|
692 | - } | |
|
|
693 | + }; | |
|
|
693 | 694 | |
|
|
694 | 695 | var options_for_tree = { |
|
|
695 | 696 | onHover: Sortable.onEmptyHover, |
|
|
696 | 697 | overlap: options.overlap, |
|
|
697 | 698 | containment: options.containment, |
|
|
698 | 699 | hoverclass: options.hoverclass |
|
|
699 | - } | |
|
|
700 | + }; | |
|
|
700 | 701 | |
|
|
701 | 702 | // fix for gecko engine |
|
|
702 | 703 |
|
|
|
703 | 704 | |
|
|
704 | 705 | options.draggables = []; |
|
|
705 | 706 | options.droppables = []; |
|
|
706 | 707 | |
|
|
707 | 708 | // drop on empty handling |
|
|
708 | 709 | if(options.dropOnEmpty || options.tree) { |
|
|
709 | 710 | Droppables.add(element, options_for_tree); |
|
|
710 | 711 | options.droppables.push(element); |
|
|
711 | 712 | } |
|
|
712 | 713 | |
|
|
713 | 714 | (options.elements || this.findElements(element, options) || []).each( function(e,i) { |
|
|
714 | 715 | var handle = options.handles ? $(options.handles[i]) : |
|
|
715 | 716 |
(options.handle ? $(e).select('.' + options.handle)[0] : e); |
|
|
716 | 717 | options.draggables.push( |
|
|
717 | 718 | new Draggable(e, Object.extend(options_for_draggable, { handle: handle }))); |
|
|
718 | 719 | Droppables.add(e, options_for_droppable); |
|
|
719 | 720 | if(options.tree) e.treeNode = element; |
|
|
720 | 721 |
options.droppables.push(e); |
|
|
721 | 722 | }); |
|
|
722 | 723 | |
|
|
723 | 724 | if(options.tree) { |
| @@ -830,78 +831,78 | |||
|
|
830 | 831 | if(position=='after') |
|
|
831 | 832 |
if(sortable.overlap == 'horizontal') |
|
|
832 | 833 | Sortable._marker.setStyle({left: (offsets[0]+dropon.clientWidth) + 'px'}); |
|
|
833 | 834 | else |
|
|
834 | 835 | Sortable._marker.setStyle({top: (offsets[1]+dropon.clientHeight) + 'px'}); |
|
|
835 | 836 | |
|
|
836 | 837 | Sortable._marker.show(); |
|
|
837 | 838 | }, |
|
|
838 | 839 | |
|
|
839 | 840 | _tree: function(element, options, parent) { |
|
|
840 | 841 | var children = Sortable.findElements(element, options) || []; |
|
|
841 | 842 | |
|
|
842 | 843 | for (var i = 0; i < children.length; ++i) { |
|
|
843 | 844 | var match = children[i].id.match(options.format); |
|
|
844 | 845 | |
|
|
845 | 846 | if (!match) continue; |
|
|
846 | 847 | |
|
|
847 | 848 | var child = { |
|
|
848 | 849 | id: encodeURIComponent(match ? match[1] : null), |
|
|
849 | 850 | element: element, |
|
|
850 | 851 | parent: parent, |
|
|
851 | 852 | children: [], |
|
|
852 | 853 | position: parent.children.length, |
|
|
853 | 854 | container: $(children[i]).down(options.treeTag) |
|
|
854 | - } | |
|
|
855 | + }; | |
|
|
855 | 856 | |
|
|
856 | 857 | /* Get the element containing the children and recurse over it */ |
|
|
857 | 858 | if (child.container) |
|
|
858 | - this._tree(child.container, options, child) | |
|
|
859 | + this._tree(child.container, options, child); | |
|
|
859 | 860 | |
|
|
860 | 861 | parent.children.push (child); |
|
|
861 | 862 | } |
|
|
862 | 863 | |
|
|
863 | 864 |
return parent; |
|
|
864 | 865 | }, |
|
|
865 | 866 | |
|
|
866 | 867 | tree: function(element) { |
|
|
867 | 868 | element = $(element); |
|
|
868 | 869 | var sortableOptions = this.options(element); |
|
|
869 | 870 | var options = Object.extend({ |
|
|
870 | 871 | tag: sortableOptions.tag, |
|
|
871 | 872 | treeTag: sortableOptions.treeTag, |
|
|
872 | 873 | only: sortableOptions.only, |
|
|
873 | 874 | name: element.id, |
|
|
874 | 875 | format: sortableOptions.format |
|
|
875 | 876 | }, arguments[1] || { }); |
|
|
876 | 877 | |
|
|
877 | 878 | var root = { |
|
|
878 | 879 | id: null, |
|
|
879 | 880 | parent: null, |
|
|
880 | 881 | children: [], |
|
|
881 | 882 | container: element, |
|
|
882 | 883 | position: 0 |
|
|
883 | - } | |
|
|
884 | + }; | |
|
|
884 | 885 | |
|
|
885 | 886 | return Sortable._tree(element, options, root); |
|
|
886 | 887 | }, |
|
|
887 | 888 | |
|
|
888 | 889 | /* Construct a [i] index for a particular node */ |
|
|
889 | 890 | _constructIndex: function(node) { |
|
|
890 | 891 | var index = ''; |
|
|
891 | 892 | do { |
|
|
892 | 893 | if (node.id) index = '[' + node.position + ']' + index; |
|
|
893 | 894 | } while ((node = node.parent) != null); |
|
|
894 | 895 | return index; |
|
|
895 | 896 | }, |
|
|
896 | 897 | |
|
|
897 | 898 | sequence: function(element) { |
|
|
898 | 899 | element = $(element); |
|
|
899 | 900 | var options = Object.extend(this.options(element), arguments[1] || { }); |
|
|
900 | 901 | |
|
|
901 | 902 | return $(this.findElements(element, options) || []).map( function(item) { |
|
|
902 | 903 | return item.id.match(options.format) ? item.id.match(options.format)[1] : ''; |
|
|
903 | 904 | }); |
|
|
904 | 905 | }, |
|
|
905 | 906 | |
|
|
906 | 907 | setSequence: function(element, new_sequence) { |
|
|
907 | 908 | element = $(element); |
| @@ -919,54 +920,54 | |||
|
|
919 | 920 | if (n) { |
|
|
920 | 921 | n[1].appendChild(n[0]); |
|
|
921 | 922 | delete nodeMap[ident]; |
|
|
922 | 923 | } |
|
|
923 | 924 | }); |
|
|
924 | 925 | }, |
|
|
925 | 926 | |
|
|
926 | 927 | serialize: function(element) { |
|
|
927 | 928 | element = $(element); |
|
|
928 | 929 | var options = Object.extend(Sortable.options(element), arguments[1] || { }); |
|
|
929 | 930 | var name = encodeURIComponent( |
|
|
930 | 931 | (arguments[1] && arguments[1].name) ? arguments[1].name : element.id); |
|
|
931 | 932 | |
|
|
932 | 933 | if (options.tree) { |
|
|
933 | 934 | return Sortable.tree(element, arguments[1]).children.map( function (item) { |
|
|
934 | 935 |
return [name + Sortable._constructIndex(item) + "[id]=" + |
|
|
935 | 936 | encodeURIComponent(item.id)].concat(item.children.map(arguments.callee)); |
|
|
936 | 937 | }).flatten().join('&'); |
|
|
937 | 938 | } else { |
|
|
938 | 939 | return Sortable.sequence(element, arguments[1]).map( function(item) { |
|
|
939 | 940 | return name + "[]=" + encodeURIComponent(item); |
|
|
940 | 941 | }).join('&'); |
|
|
941 | 942 | } |
|
|
942 | 943 | } |
|
|
943 | - } | |
|
|
944 | + }; | |
|
|
944 | 945 | |
|
|
945 | 946 |
|
|
|
946 | 947 | Element.isParent = function(child, element) { |
|
|
947 | 948 | if (!child.parentNode || child == element) return false; |
|
|
948 | 949 | if (child.parentNode == element) return true; |
|
|
949 | 950 | return Element.isParent(child.parentNode, element); |
|
|
950 | - } | |
|
|
951 | + }; | |
|
|
951 | 952 | |
|
|
952 | 953 |
Element.findChildren = function(element, only, recursive, tagName) { |
|
|
953 | 954 | if(!element.hasChildNodes()) return null; |
|
|
954 | 955 | tagName = tagName.toUpperCase(); |
|
|
955 | 956 | if(only) only = [only].flatten(); |
|
|
956 | 957 | var elements = []; |
|
|
957 | 958 | $A(element.childNodes).each( function(e) { |
|
|
958 | 959 | if(e.tagName && e.tagName.toUpperCase()==tagName && |
|
|
959 | 960 | (!only || (Element.classNames(e).detect(function(v) { return only.include(v) })))) |
|
|
960 | 961 | elements.push(e); |
|
|
961 | 962 | if(recursive) { |
|
|
962 | 963 | var grandchildren = Element.findChildren(e, only, recursive, tagName); |
|
|
963 | 964 | if(grandchildren) elements.push(grandchildren); |
|
|
964 | 965 | } |
|
|
965 | 966 | }); |
|
|
966 | 967 | |
|
|
967 | 968 | return (elements.length>0 ? elements.flatten() : []); |
|
|
968 | - } | |
|
|
969 | + }; | |
|
|
969 | 970 | |
|
|
970 | 971 | Element.offsetSize = function (element, type) { |
|
|
971 | 972 | return element['offset' + ((type=='vertical' || type=='height') ? 'Height' : 'Width')]; |
|
|
972 | - } | |
|
|
973 | + }; No newline at end of file | |
| @@ -49,67 +49,62 | |||
|
|
49 | 49 | |
|
|
50 | 50 | Element.getInlineOpacity = function(element){ |
|
|
51 | 51 | return $(element).style.opacity || ''; |
|
|
52 | 52 | }; |
|
|
53 | 53 | |
|
|
54 | 54 | Element.forceRerendering = function(element) { |
|
|
55 | 55 | try { |
|
|
56 | 56 | element = $(element); |
|
|
57 | 57 | var n = document.createTextNode(' '); |
|
|
58 | 58 | element.appendChild(n); |
|
|
59 | 59 | element.removeChild(n); |
|
|
60 | 60 | } catch(e) { } |
|
|
61 | 61 | }; |
|
|
62 | 62 | |
|
|
63 | 63 | /*--------------------------------------------------------------------------*/ |
|
|
64 | 64 | |
|
|
65 | 65 | var Effect = { |
|
|
66 | 66 | _elementDoesNotExistError: { |
|
|
67 | 67 | name: 'ElementDoesNotExistError', |
|
|
68 | 68 | message: 'The specified DOM element does not exist, but is required for this effect to operate' |
|
|
69 | 69 | }, |
|
|
70 | 70 | Transitions: { |
|
|
71 | 71 | linear: Prototype.K, |
|
|
72 | 72 | sinoidal: function(pos) { |
|
|
73 |
- return (-Math.cos(pos*Math.PI)/2) + |
|
|
|
73 | + return (-Math.cos(pos*Math.PI)/2) + .5; | |
|
|
74 | 74 | }, |
|
|
75 | 75 | reverse: function(pos) { |
|
|
76 | 76 | return 1-pos; |
|
|
77 | 77 | }, |
|
|
78 | 78 | flicker: function(pos) { |
|
|
79 |
- var pos = ((-Math.cos(pos*Math.PI)/4) + |
|
|
|
79 | + var pos = ((-Math.cos(pos*Math.PI)/4) + .75) + Math.random()/4; | |
|
|
80 | 80 | return pos > 1 ? 1 : pos; |
|
|
81 | 81 | }, |
|
|
82 | 82 | wobble: function(pos) { |
|
|
83 |
- return (-Math.cos(pos*Math.PI*(9*pos))/2) + |
|
|
|
83 | + return (-Math.cos(pos*Math.PI*(9*pos))/2) + .5; | |
|
|
84 | 84 | }, |
|
|
85 | 85 |
pulse: function(pos, pulses) { |
|
|
86 | - pulses = pulses || 5; | |
|
|
87 | - return ( | |
|
|
88 | - ((pos % (1/pulses)) * pulses).round() == 0 ? | |
|
|
89 | - ((pos * pulses * 2) - (pos * pulses * 2).floor()) : | |
|
|
90 | - 1 - ((pos * pulses * 2) - (pos * pulses * 2).floor()) | |
|
|
91 | - ); | |
|
|
86 | + return (-Math.cos((pos*((pulses||5)-.5)*2)*Math.PI)/2) + .5; | |
|
|
92 | 87 | }, |
|
|
93 | 88 |
spring: function(pos) { |
|
|
94 | 89 |
return 1 - (Math.cos(pos * 4.5 * Math.PI) * Math.exp(-pos * 6)); |
|
|
95 | 90 | }, |
|
|
96 | 91 | none: function(pos) { |
|
|
97 | 92 | return 0; |
|
|
98 | 93 | }, |
|
|
99 | 94 | full: function(pos) { |
|
|
100 | 95 | return 1; |
|
|
101 | 96 | } |
|
|
102 | 97 | }, |
|
|
103 | 98 | DefaultOptions: { |
|
|
104 | 99 | duration: 1.0, // seconds |
|
|
105 | 100 | fps: 100, // 100= assume 66fps max. |
|
|
106 | 101 | sync: false, // true for combining |
|
|
107 | 102 | from: 0.0, |
|
|
108 | 103 | to: 1.0, |
|
|
109 | 104 | delay: 0.0, |
|
|
110 | 105 | queue: 'parallel' |
|
|
111 | 106 | }, |
|
|
112 | 107 | tagifyText: function(element) { |
|
|
113 | 108 | var tagifyStyle = 'position:relative'; |
|
|
114 | 109 | if (Prototype.Browser.IE) tagifyStyle += ';zoom:1'; |
|
|
115 | 110 | |
| @@ -228,60 +223,72 | |||
|
|
228 | 223 | this.instances.set(queueName, new Effect.ScopedQueue()); |
|
|
229 | 224 | } |
|
|
230 | 225 | }; |
|
|
231 | 226 | Effect.Queue = Effect.Queues.get('global'); |
|
|
232 | 227 | |
|
|
233 | 228 | Effect.Base = Class.create({ |
|
|
234 | 229 | position: null, |
|
|
235 | 230 | start: function(options) { |
|
|
236 | 231 | function codeForEvent(options,eventName){ |
|
|
237 | 232 | return ( |
|
|
238 | 233 | (options[eventName+'Internal'] ? 'this.options.'+eventName+'Internal(this);' : '') + |
|
|
239 | 234 | (options[eventName] ? 'this.options.'+eventName+'(this);' : '') |
|
|
240 | 235 | ); |
|
|
241 | 236 | } |
|
|
242 | 237 | if (options && options.transition === false) options.transition = Effect.Transitions.linear; |
|
|
243 | 238 | this.options = Object.extend(Object.extend({ },Effect.DefaultOptions), options || { }); |
|
|
244 | 239 | this.currentFrame = 0; |
|
|
245 | 240 | this.state = 'idle'; |
|
|
246 | 241 | this.startOn = this.options.delay*1000; |
|
|
247 | 242 | this.finishOn = this.startOn+(this.options.duration*1000); |
|
|
248 | 243 | this.fromToDelta = this.options.to-this.options.from; |
|
|
249 | 244 | this.totalTime = this.finishOn-this.startOn; |
|
|
250 | 245 | this.totalFrames = this.options.fps*this.options.duration; |
|
|
251 | 246 | |
|
|
252 |
- |
|
|
|
253 | - 'if (this.state=="idle"){this.state="running";'+ | |
|
|
254 | - codeForEvent(this.options,'beforeSetup')+ | |
|
|
255 | - (this.setup ? 'this.setup();':'')+ | |
|
|
256 | - codeForEvent(this.options,'afterSetup')+ | |
|
|
257 | - '};if (this.state=="running"){'+ | |
|
|
258 | - 'pos=this.options.transition(pos)*'+this.fromToDelta+'+'+this.options.from+';'+ | |
|
|
259 | - 'this.position=pos;'+ | |
|
|
260 | - codeForEvent(this.options,'beforeUpdate')+ | |
|
|
261 | - (this.update ? 'this.update(pos);':'')+ | |
|
|
262 | - codeForEvent(this.options,'afterUpdate')+ | |
|
|
263 | - '}}'); | |
|
|
247 | + this.render = (function() { | |
|
|
248 | + function dispatch(effect, eventName) { | |
|
|
249 | + if (effect.options[eventName + 'Internal']) | |
|
|
250 | + effect.options[eventName + 'Internal'](effect); | |
|
|
251 | + if (effect.options[eventName]) | |
|
|
252 | + effect.options[eventName](effect); | |
|
|
253 | + } | |
|
|
254 | + | |
|
|
255 | + return function(pos) { | |
|
|
256 | + if (this.state === "idle") { | |
|
|
257 | + this.state = "running"; | |
|
|
258 | + dispatch(this, 'beforeSetup'); | |
|
|
259 | + if (this.setup) this.setup(); | |
|
|
260 | + dispatch(this, 'afterSetup'); | |
|
|
261 | + } | |
|
|
262 | + if (this.state === "running") { | |
|
|
263 | + pos = (this.options.transition(pos) * this.fromToDelta) + this.options.from; | |
|
|
264 | + this.position = pos; | |
|
|
265 | + dispatch(this, 'beforeUpdate'); | |
|
|
266 | + if (this.update) this.update(pos); | |
|
|
267 | + dispatch(this, 'afterUpdate'); | |
|
|
268 | + } | |
|
|
269 | + }; | |
|
|
270 | + })(); | |
|
|
264 | 271 | |
|
|
265 | 272 | this.event('beforeStart'); |
|
|
266 | 273 | if (!this.options.sync) |
|
|
267 | 274 |
Effect.Queues.get(Object.isString(this.options.queue) ? |
|
|
268 | 275 | 'global' : this.options.queue.scope).add(this); |
|
|
269 | 276 | }, |
|
|
270 | 277 | loop: function(timePos) { |
|
|
271 | 278 | if (timePos >= this.startOn) { |
|
|
272 | 279 | if (timePos >= this.finishOn) { |
|
|
273 | 280 | this.render(1.0); |
|
|
274 | 281 | this.cancel(); |
|
|
275 | 282 | this.event('beforeFinish'); |
|
|
276 | 283 |
if (this.finish) this.finish(); |
|
|
277 | 284 | this.event('afterFinish'); |
|
|
278 | 285 |
return; |
|
|
279 | 286 | } |
|
|
280 | 287 | var pos = (timePos - this.startOn) / this.totalTime, |
|
|
281 | 288 | frame = (pos * this.totalFrames).round(); |
|
|
282 | 289 | if (frame > this.currentFrame) { |
|
|
283 | 290 | this.render(pos); |
|
|
284 | 291 | this.currentFrame = frame; |
|
|
285 | 292 | } |
|
|
286 | 293 | } |
|
|
287 | 294 | }, |
| @@ -487,58 +494,57 | |||
|
|
487 | 494 | this.element.setStyle({backgroundImage: 'none'}); |
|
|
488 | 495 | } |
|
|
489 | 496 | if (!this.options.endcolor) |
|
|
490 | 497 | this.options.endcolor = this.element.getStyle('background-color').parseColor('#ffffff'); |
|
|
491 | 498 | if (!this.options.restorecolor) |
|
|
492 | 499 | this.options.restorecolor = this.element.getStyle('background-color'); |
|
|
493 | 500 | // init color calculations |
|
|
494 | 501 | this._base = $R(0,2).map(function(i){ return parseInt(this.options.startcolor.slice(i*2+1,i*2+3),16) }.bind(this)); |
|
|
495 | 502 | this._delta = $R(0,2).map(function(i){ return parseInt(this.options.endcolor.slice(i*2+1,i*2+3),16)-this._base[i] }.bind(this)); |
|
|
496 | 503 | }, |
|
|
497 | 504 | update: function(position) { |
|
|
498 | 505 | this.element.setStyle({backgroundColor: $R(0,2).inject('#',function(m,v,i){ |
|
|
499 | 506 | return m+((this._base[i]+(this._delta[i]*position)).round().toColorPart()); }.bind(this)) }); |
|
|
500 | 507 | }, |
|
|
501 | 508 | finish: function() { |
|
|
502 | 509 | this.element.setStyle(Object.extend(this.oldStyle, { |
|
|
503 | 510 | backgroundColor: this.options.restorecolor |
|
|
504 | 511 | })); |
|
|
505 | 512 | } |
|
|
506 | 513 | }); |
|
|
507 | 514 | |
|
|
508 | 515 | Effect.ScrollTo = function(element) { |
|
|
509 | 516 | var options = arguments[1] || { }, |
|
|
510 | 517 |
|
|
|
511 |
- |
|
|
|
512 | - max = (window.height || document.body.scrollHeight) - document.viewport.getHeight(); | |
|
|
518 | + elementOffsets = $(element).cumulativeOffset(); | |
|
|
513 | 519 | |
|
|
514 | 520 | if (options.offset) elementOffsets[1] += options.offset; |
|
|
515 | 521 | |
|
|
516 | 522 | return new Effect.Tween(null, |
|
|
517 | 523 | scrollOffsets.top, |
|
|
518 | - elementOffsets[1] > max ? max : elementOffsets[1], | |
|
|
524 | + elementOffsets[1], | |
|
|
519 | 525 | options, |
|
|
520 | - function(p){ scrollTo(scrollOffsets.left, p.round()) } | |
|
|
526 | + function(p){ scrollTo(scrollOffsets.left, p.round()); } | |
|
|
521 | 527 | ); |
|
|
522 | 528 | }; |
|
|
523 | 529 | |
|
|
524 | 530 | /* ------------- combination effects ------------- */ |
|
|
525 | 531 | |
|
|
526 | 532 | Effect.Fade = function(element) { |
|
|
527 | 533 | element = $(element); |
|
|
528 | 534 | var oldOpacity = element.getInlineOpacity(); |
|
|
529 | 535 | var options = Object.extend({ |
|
|
530 | 536 | from: element.getOpacity() || 1.0, |
|
|
531 | 537 | to: 0.0, |
|
|
532 | 538 |
afterFinishInternal: function(effect) { |
|
|
533 | 539 | if (effect.options.to!=0) return; |
|
|
534 | 540 |
effect.element.hide().setStyle({opacity: oldOpacity}); |
|
|
535 | 541 | } |
|
|
536 | 542 | }, arguments[1] || { }); |
|
|
537 | 543 | return new Effect.Opacity(element,options); |
|
|
538 | 544 | }; |
|
|
539 | 545 | |
|
|
540 | 546 | Effect.Appear = function(element) { |
|
|
541 | 547 | element = $(element); |
|
|
542 | 548 | var options = Object.extend({ |
|
|
543 | 549 | from: (element.getStyle('display') == 'none' ? 0.0 : element.getOpacity() || 0.0), |
|
|
544 | 550 | to: 1.0, |
| @@ -547,49 +553,49 | |||
|
|
547 | 553 | effect.element.forceRerendering(); |
|
|
548 | 554 | }, |
|
|
549 | 555 | beforeSetup: function(effect) { |
|
|
550 | 556 |
effect.element.setOpacity(effect.options.from).show(); |
|
|
551 | 557 | }}, arguments[1] || { }); |
|
|
552 | 558 | return new Effect.Opacity(element,options); |
|
|
553 | 559 | }; |
|
|
554 | 560 | |
|
|
555 | 561 | Effect.Puff = function(element) { |
|
|
556 | 562 | element = $(element); |
|
|
557 | 563 |
var oldStyle = { |
|
|
558 | 564 |
opacity: element.getInlineOpacity(), |
|
|
559 | 565 | position: element.getStyle('position'), |
|
|
560 | 566 | top: element.style.top, |
|
|
561 | 567 | left: element.style.left, |
|
|
562 | 568 | width: element.style.width, |
|
|
563 | 569 | height: element.style.height |
|
|
564 | 570 | }; |
|
|
565 | 571 | return new Effect.Parallel( |
|
|
566 | 572 |
[ new Effect.Scale(element, 200, |
|
|
567 | 573 |
{ sync: true, scaleFromCenter: true, scaleContent: true, restoreAfterFinish: true }), |
|
|
568 | 574 |
new Effect.Opacity(element, { sync: true, to: 0.0 } ) ], |
|
|
569 | 575 |
Object.extend({ duration: 1.0, |
|
|
570 | 576 | beforeSetupInternal: function(effect) { |
|
|
571 | - Position.absolutize(effect.effects[0].element) | |
|
|
577 | + Position.absolutize(effect.effects[0].element); | |
|
|
572 | 578 | }, |
|
|
573 | 579 | afterFinishInternal: function(effect) { |
|
|
574 | 580 | effect.effects[0].element.hide().setStyle(oldStyle); } |
|
|
575 | 581 | }, arguments[1] || { }) |
|
|
576 | 582 | ); |
|
|
577 | 583 | }; |
|
|
578 | 584 | |
|
|
579 | 585 | Effect.BlindUp = function(element) { |
|
|
580 | 586 | element = $(element); |
|
|
581 | 587 | element.makeClipping(); |
|
|
582 | 588 | return new Effect.Scale(element, 0, |
|
|
583 | 589 |
Object.extend({ scaleContent: false, |
|
|
584 | 590 |
scaleX: false, |
|
|
585 | 591 | restoreAfterFinish: true, |
|
|
586 | 592 | afterFinishInternal: function(effect) { |
|
|
587 | 593 | effect.element.hide().undoClipping(); |
|
|
588 | 594 |
} |
|
|
589 | 595 | }, arguments[1] || { }) |
|
|
590 | 596 | ); |
|
|
591 | 597 | }; |
|
|
592 | 598 | |
|
|
593 | 599 | Effect.BlindDown = function(element) { |
|
|
594 | 600 | element = $(element); |
|
|
595 | 601 | var elementDimensions = element.getDimensions(); |
| @@ -604,98 +610,98 | |||
|
|
604 | 610 |
}, |
|
|
605 | 611 | afterFinishInternal: function(effect) { |
|
|
606 | 612 | effect.element.undoClipping(); |
|
|
607 | 613 | } |
|
|
608 | 614 | }, arguments[1] || { })); |
|
|
609 | 615 | }; |
|
|
610 | 616 | |
|
|
611 | 617 | Effect.SwitchOff = function(element) { |
|
|
612 | 618 | element = $(element); |
|
|
613 | 619 | var oldOpacity = element.getInlineOpacity(); |
|
|
614 | 620 | return new Effect.Appear(element, Object.extend({ |
|
|
615 | 621 | duration: 0.4, |
|
|
616 | 622 | from: 0, |
|
|
617 | 623 | transition: Effect.Transitions.flicker, |
|
|
618 | 624 | afterFinishInternal: function(effect) { |
|
|
619 | 625 |
new Effect.Scale(effect.element, 1, { |
|
|
620 | 626 | duration: 0.3, scaleFromCenter: true, |
|
|
621 | 627 | scaleX: false, scaleContent: false, restoreAfterFinish: true, |
|
|
622 | 628 |
beforeSetup: function(effect) { |
|
|
623 | 629 | effect.element.makePositioned().makeClipping(); |
|
|
624 | 630 | }, |
|
|
625 | 631 | afterFinishInternal: function(effect) { |
|
|
626 | 632 | effect.element.hide().undoClipping().undoPositioned().setStyle({opacity: oldOpacity}); |
|
|
627 | 633 | } |
|
|
628 | - }) | |
|
|
634 | + }); | |
|
|
629 | 635 | } |
|
|
630 | 636 | }, arguments[1] || { })); |
|
|
631 | 637 | }; |
|
|
632 | 638 | |
|
|
633 | 639 | Effect.DropOut = function(element) { |
|
|
634 | 640 | element = $(element); |
|
|
635 | 641 | var oldStyle = { |
|
|
636 | 642 | top: element.getStyle('top'), |
|
|
637 | 643 | left: element.getStyle('left'), |
|
|
638 | 644 | opacity: element.getInlineOpacity() }; |
|
|
639 | 645 | return new Effect.Parallel( |
|
|
640 | 646 |
[ new Effect.Move(element, {x: 0, y: 100, sync: true }), |
|
|
641 | 647 | new Effect.Opacity(element, { sync: true, to: 0.0 }) ], |
|
|
642 | 648 | Object.extend( |
|
|
643 | 649 | { duration: 0.5, |
|
|
644 | 650 | beforeSetup: function(effect) { |
|
|
645 | 651 |
effect.effects[0].element.makePositioned(); |
|
|
646 | 652 | }, |
|
|
647 | 653 | afterFinishInternal: function(effect) { |
|
|
648 | 654 | effect.effects[0].element.hide().undoPositioned().setStyle(oldStyle); |
|
|
649 | 655 |
} |
|
|
650 | 656 | }, arguments[1] || { })); |
|
|
651 | 657 | }; |
|
|
652 | 658 | |
|
|
653 | 659 | Effect.Shake = function(element) { |
|
|
654 | 660 | element = $(element); |
|
|
655 | 661 | var options = Object.extend({ |
|
|
656 | 662 | distance: 20, |
|
|
657 | 663 | duration: 0.5 |
|
|
658 | 664 | }, arguments[1] || {}); |
|
|
659 | 665 | var distance = parseFloat(options.distance); |
|
|
660 | 666 | var split = parseFloat(options.duration) / 10.0; |
|
|
661 | 667 | var oldStyle = { |
|
|
662 | 668 | top: element.getStyle('top'), |
|
|
663 | 669 | left: element.getStyle('left') }; |
|
|
664 | 670 | return new Effect.Move(element, |
|
|
665 | 671 | { x: distance, y: 0, duration: split, afterFinishInternal: function(effect) { |
|
|
666 | 672 | new Effect.Move(effect.element, |
|
|
667 | 673 | { x: -distance*2, y: 0, duration: split*2, afterFinishInternal: function(effect) { |
|
|
668 | 674 | new Effect.Move(effect.element, |
|
|
669 | 675 | { x: distance*2, y: 0, duration: split*2, afterFinishInternal: function(effect) { |
|
|
670 | 676 | new Effect.Move(effect.element, |
|
|
671 | 677 | { x: -distance*2, y: 0, duration: split*2, afterFinishInternal: function(effect) { |
|
|
672 | 678 | new Effect.Move(effect.element, |
|
|
673 | 679 | { x: distance*2, y: 0, duration: split*2, afterFinishInternal: function(effect) { |
|
|
674 | 680 | new Effect.Move(effect.element, |
|
|
675 | 681 | { x: -distance, y: 0, duration: split, afterFinishInternal: function(effect) { |
|
|
676 | 682 | effect.element.undoPositioned().setStyle(oldStyle); |
|
|
677 | - }}) }}) }}) }}) }}) }}); | |
|
|
683 | + }}); }}); }}); }}); }}); }}); | |
|
|
678 | 684 | }; |
|
|
679 | 685 | |
|
|
680 | 686 | Effect.SlideDown = function(element) { |
|
|
681 | 687 | element = $(element).cleanWhitespace(); |
|
|
682 | 688 | // SlideDown need to have the content of the element wrapped in a container element with fixed height! |
|
|
683 | 689 | var oldInnerBottom = element.down().getStyle('bottom'); |
|
|
684 | 690 | var elementDimensions = element.getDimensions(); |
|
|
685 | 691 |
return new Effect.Scale(element, 100, Object.extend({ |
|
|
686 | 692 |
scaleContent: false, |
|
|
687 | 693 |
scaleX: false, |
|
|
688 | 694 | scaleFrom: window.opera ? 0 : 1, |
|
|
689 | 695 | scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width}, |
|
|
690 | 696 | restoreAfterFinish: true, |
|
|
691 | 697 | afterSetup: function(effect) { |
|
|
692 | 698 | effect.element.makePositioned(); |
|
|
693 | 699 | effect.element.down().makePositioned(); |
|
|
694 | 700 | if (window.opera) effect.element.setStyle({top: ''}); |
|
|
695 | 701 |
effect.element.makeClipping().setStyle({height: '0px'}).show(); |
|
|
696 | 702 | }, |
|
|
697 | 703 | afterUpdateInternal: function(effect) { |
|
|
698 | 704 | effect.element.down().setStyle({bottom: |
|
|
699 | 705 |
(effect.dims[0] - effect.element.clientHeight) + 'px' }); |
|
|
700 | 706 | }, |
|
|
701 | 707 | afterFinishInternal: function(effect) { |
| @@ -795,49 +801,49 | |||
|
|
795 | 801 | } |
|
|
796 | 802 | |
|
|
797 | 803 | return new Effect.Move(element, { |
|
|
798 | 804 | x: initialMoveX, |
|
|
799 | 805 | y: initialMoveY, |
|
|
800 | 806 |
duration: 0.01, |
|
|
801 | 807 | beforeSetup: function(effect) { |
|
|
802 | 808 | effect.element.hide().makeClipping().makePositioned(); |
|
|
803 | 809 | }, |
|
|
804 | 810 | afterFinishInternal: function(effect) { |
|
|
805 | 811 | new Effect.Parallel( |
|
|
806 | 812 | [ new Effect.Opacity(effect.element, { sync: true, to: 1.0, from: 0.0, transition: options.opacityTransition }), |
|
|
807 | 813 | new Effect.Move(effect.element, { x: moveX, y: moveY, sync: true, transition: options.moveTransition }), |
|
|
808 | 814 | new Effect.Scale(effect.element, 100, { |
|
|
809 | 815 |
scaleMode: { originalHeight: dims.height, originalWidth: dims.width }, |
|
|
810 | 816 | sync: true, scaleFrom: window.opera ? 1 : 0, transition: options.scaleTransition, restoreAfterFinish: true}) |
|
|
811 | 817 | ], Object.extend({ |
|
|
812 | 818 | beforeSetup: function(effect) { |
|
|
813 | 819 |
effect.effects[0].element.setStyle({height: '0px'}).show(); |
|
|
814 | 820 | }, |
|
|
815 | 821 | afterFinishInternal: function(effect) { |
|
|
816 | 822 |
effect.effects[0].element.undoClipping().undoPositioned().setStyle(oldStyle); |
|
|
817 | 823 | } |
|
|
818 | 824 | }, options) |
|
|
819 | - ) | |
|
|
825 | + ); | |
|
|
820 | 826 | } |
|
|
821 | 827 | }); |
|
|
822 | 828 | }; |
|
|
823 | 829 | |
|
|
824 | 830 | Effect.Shrink = function(element) { |
|
|
825 | 831 | element = $(element); |
|
|
826 | 832 | var options = Object.extend({ |
|
|
827 | 833 | direction: 'center', |
|
|
828 | 834 | moveTransition: Effect.Transitions.sinoidal, |
|
|
829 | 835 | scaleTransition: Effect.Transitions.sinoidal, |
|
|
830 | 836 | opacityTransition: Effect.Transitions.none |
|
|
831 | 837 | }, arguments[1] || { }); |
|
|
832 | 838 | var oldStyle = { |
|
|
833 | 839 | top: element.style.top, |
|
|
834 | 840 | left: element.style.left, |
|
|
835 | 841 | height: element.style.height, |
|
|
836 | 842 | width: element.style.width, |
|
|
837 | 843 | opacity: element.getInlineOpacity() }; |
|
|
838 | 844 | |
|
|
839 | 845 | var dims = element.getDimensions(); |
|
|
840 | 846 | var moveX, moveY; |
|
|
841 | 847 | |
|
|
842 | 848 | switch (options.direction) { |
|
|
843 | 849 | case 'top-left': |
| @@ -856,53 +862,55 | |||
|
|
856 | 862 | moveY = dims.height; |
|
|
857 | 863 | break; |
|
|
858 | 864 |
case 'center': |
|
|
859 | 865 | moveX = dims.width / 2; |
|
|
860 | 866 | moveY = dims.height / 2; |
|
|
861 | 867 | break; |
|
|
862 | 868 | } |
|
|
863 | 869 | |
|
|
864 | 870 | return new Effect.Parallel( |
|
|
865 | 871 | [ new Effect.Opacity(element, { sync: true, to: 0.0, from: 1.0, transition: options.opacityTransition }), |
|
|
866 | 872 | new Effect.Scale(element, window.opera ? 1 : 0, { sync: true, transition: options.scaleTransition, restoreAfterFinish: true}), |
|
|
867 | 873 | new Effect.Move(element, { x: moveX, y: moveY, sync: true, transition: options.moveTransition }) |
|
|
868 | 874 |
], Object.extend({ |
|
|
869 | 875 | beforeStartInternal: function(effect) { |
|
|
870 | 876 |
effect.effects[0].element.makePositioned().makeClipping(); |
|
|
871 | 877 | }, |
|
|
872 | 878 | afterFinishInternal: function(effect) { |
|
|
873 | 879 | effect.effects[0].element.hide().undoClipping().undoPositioned().setStyle(oldStyle); } |
|
|
874 | 880 | }, options) |
|
|
875 | 881 | ); |
|
|
876 | 882 | }; |
|
|
877 | 883 | |
|
|
878 | 884 | Effect.Pulsate = function(element) { |
|
|
879 | 885 | element = $(element); |
|
|
880 |
- var options = arguments[1] || { } |
|
|
|
881 |
- |
|
|
|
882 |
- |
|
|
|
883 | - var reverser = function(pos){ return transition(1-Effect.Transitions.pulse(pos, options.pulses)) }; | |
|
|
884 | - reverser.bind(transition); | |
|
|
886 | + var options = arguments[1] || { }, | |
|
|
887 | + oldOpacity = element.getInlineOpacity(), | |
|
|
888 | + transition = options.transition || Effect.Transitions.linear, | |
|
|
889 | + reverser = function(pos){ | |
|
|
890 | + return 1 - transition((-Math.cos((pos*(options.pulses||5)*2)*Math.PI)/2) + .5); | |
|
|
891 | + }; | |
|
|
892 | + | |
|
|
885 | 893 |
return new Effect.Opacity(element, |
|
|
886 | 894 | Object.extend(Object.extend({ duration: 2.0, from: 0, |
|
|
887 | 895 | afterFinishInternal: function(effect) { effect.element.setStyle({opacity: oldOpacity}); } |
|
|
888 | 896 | }, options), {transition: reverser})); |
|
|
889 | 897 | }; |
|
|
890 | 898 | |
|
|
891 | 899 | Effect.Fold = function(element) { |
|
|
892 | 900 | element = $(element); |
|
|
893 | 901 | var oldStyle = { |
|
|
894 | 902 | top: element.style.top, |
|
|
895 | 903 | left: element.style.left, |
|
|
896 | 904 | width: element.style.width, |
|
|
897 | 905 | height: element.style.height }; |
|
|
898 | 906 | element.makeClipping(); |
|
|
899 | 907 |
return new Effect.Scale(element, 5, Object.extend({ |
|
|
900 | 908 | scaleContent: false, |
|
|
901 | 909 | scaleX: false, |
|
|
902 | 910 | afterFinishInternal: function(effect) { |
|
|
903 | 911 |
new Effect.Scale(element, 1, { |
|
|
904 | 912 |
scaleContent: false, |
|
|
905 | 913 | scaleY: false, |
|
|
906 | 914 | afterFinishInternal: function(effect) { |
|
|
907 | 915 | effect.element.hide().undoClipping().setStyle(oldStyle); |
|
|
908 | 916 | } }); |
| @@ -913,93 +921,93 | |||
|
|
913 | 921 | initialize: function(element) { |
|
|
914 | 922 | this.element = $(element); |
|
|
915 | 923 | if (!this.element) throw(Effect._elementDoesNotExistError); |
|
|
916 | 924 | var options = Object.extend({ |
|
|
917 | 925 | style: { } |
|
|
918 | 926 | }, arguments[1] || { }); |
|
|
919 | 927 | |
|
|
920 | 928 | if (!Object.isString(options.style)) this.style = $H(options.style); |
|
|
921 | 929 | else { |
|
|
922 | 930 | if (options.style.include(':')) |
|
|
923 | 931 | this.style = options.style.parseStyle(); |
|
|
924 | 932 | else { |
|
|
925 | 933 | this.element.addClassName(options.style); |
|
|
926 | 934 | this.style = $H(this.element.getStyles()); |
|
|
927 | 935 | this.element.removeClassName(options.style); |
|
|
928 | 936 | var css = this.element.getStyles(); |
|
|
929 | 937 | this.style = this.style.reject(function(style) { |
|
|
930 | 938 | return style.value == css[style.key]; |
|
|
931 | 939 | }); |
|
|
932 | 940 | options.afterFinishInternal = function(effect) { |
|
|
933 | 941 | effect.element.addClassName(effect.options.style); |
|
|
934 | 942 | effect.transforms.each(function(transform) { |
|
|
935 | 943 | effect.element.style[transform.style] = ''; |
|
|
936 | 944 | }); |
|
|
937 | - } | |
|
|
945 | + }; | |
|
|
938 | 946 | } |
|
|
939 | 947 | } |
|
|
940 | 948 | this.start(options); |
|
|
941 | 949 | }, |
|
|
942 | 950 | |
|
|
943 | 951 | setup: function(){ |
|
|
944 | 952 | function parseColor(color){ |
|
|
945 | 953 | if (!color || ['rgba(0, 0, 0, 0)','transparent'].include(color)) color = '#ffffff'; |
|
|
946 | 954 | color = color.parseColor(); |
|
|
947 | 955 | return $R(0,2).map(function(i){ |
|
|
948 |
- return parseInt( color.slice(i*2+1,i*2+3), 16 ) |
|
|
|
956 | + return parseInt( color.slice(i*2+1,i*2+3), 16 ); | |
|
|
949 | 957 | }); |
|
|
950 | 958 | } |
|
|
951 | 959 | this.transforms = this.style.map(function(pair){ |
|
|
952 | 960 | var property = pair[0], value = pair[1], unit = null; |
|
|
953 | 961 | |
|
|
954 | 962 | if (value.parseColor('#zzzzzz') != '#zzzzzz') { |
|
|
955 | 963 | value = value.parseColor(); |
|
|
956 | 964 | unit = 'color'; |
|
|
957 | 965 | } else if (property == 'opacity') { |
|
|
958 | 966 | value = parseFloat(value); |
|
|
959 | 967 | if (Prototype.Browser.IE && (!this.element.currentStyle.hasLayout)) |
|
|
960 | 968 | this.element.setStyle({zoom: 1}); |
|
|
961 | 969 | } else if (Element.CSS_LENGTH.test(value)) { |
|
|
962 | 970 | var components = value.match(/^([\+\-]?[0-9\.]+)(.*)$/); |
|
|
963 | 971 | value = parseFloat(components[1]); |
|
|
964 | 972 | unit = (components.length == 3) ? components[2] : null; |
|
|
965 | 973 | } |
|
|
966 | 974 | |
|
|
967 | 975 | var originalValue = this.element.getStyle(property); |
|
|
968 | 976 |
return { |
|
|
969 | 977 |
style: property.camelize(), |
|
|
970 | 978 |
originalValue: unit=='color' ? parseColor(originalValue) : parseFloat(originalValue || 0), |
|
|
971 | 979 | targetValue: unit=='color' ? parseColor(value) : value, |
|
|
972 | 980 | unit: unit |
|
|
973 | 981 | }; |
|
|
974 | 982 | }.bind(this)).reject(function(transform){ |
|
|
975 | 983 | return ( |
|
|
976 | 984 | (transform.originalValue == transform.targetValue) || |
|
|
977 | 985 | ( |
|
|
978 | 986 | transform.unit != 'color' && |
|
|
979 | 987 | (isNaN(transform.originalValue) || isNaN(transform.targetValue)) |
|
|
980 | 988 | ) |
|
|
981 | - ) | |
|
|
989 | + ); | |
|
|
982 | 990 | }); |
|
|
983 | 991 | }, |
|
|
984 | 992 | update: function(position) { |
|
|
985 | 993 | var style = { }, transform, i = this.transforms.length; |
|
|
986 | 994 | while(i--) |
|
|
987 | 995 |
style[(transform = this.transforms[i]).style] = |
|
|
988 | 996 | transform.unit=='color' ? '#'+ |
|
|
989 | 997 | (Math.round(transform.originalValue[0]+ |
|
|
990 | 998 | (transform.targetValue[0]-transform.originalValue[0])*position)).toColorPart() + |
|
|
991 | 999 | (Math.round(transform.originalValue[1]+ |
|
|
992 | 1000 | (transform.targetValue[1]-transform.originalValue[1])*position)).toColorPart() + |
|
|
993 | 1001 | (Math.round(transform.originalValue[2]+ |
|
|
994 | 1002 | (transform.targetValue[2]-transform.originalValue[2])*position)).toColorPart() : |
|
|
995 | 1003 | (transform.originalValue + |
|
|
996 | 1004 |
(transform.targetValue - transform.originalValue) * position).toFixed(3) + |
|
|
997 | 1005 | (transform.unit === null ? '' : transform.unit); |
|
|
998 | 1006 | this.element.setStyle(style, true); |
|
|
999 | 1007 | } |
|
|
1000 | 1008 | }); |
|
|
1001 | 1009 | |
|
|
1002 | 1010 | Effect.Transform = Class.create({ |
|
|
1003 | 1011 | initialize: function(tracks){ |
|
|
1004 | 1012 | this.tracks = []; |
|
|
1005 | 1013 | this.options = arguments[1] || { }; |
| @@ -1053,68 +1061,68 | |||
|
|
1053 | 1061 | } |
|
|
1054 | 1062 | |
|
|
1055 | 1063 | Element.CSS_PROPERTIES.each(function(property){ |
|
|
1056 | 1064 |
if (style[property]) styleRules.set(property, style[property]); |
|
|
1057 | 1065 | }); |
|
|
1058 | 1066 | |
|
|
1059 | 1067 | if (Prototype.Browser.IE && this.include('opacity')) |
|
|
1060 | 1068 | styleRules.set('opacity', this.match(/opacity:\s*((?:0|1)?(?:\.\d*)?)/)[1]); |
|
|
1061 | 1069 | |
|
|
1062 | 1070 | return styleRules; |
|
|
1063 | 1071 | }; |
|
|
1064 | 1072 | |
|
|
1065 | 1073 | if (document.defaultView && document.defaultView.getComputedStyle) { |
|
|
1066 | 1074 | Element.getStyles = function(element) { |
|
|
1067 | 1075 | var css = document.defaultView.getComputedStyle($(element), null); |
|
|
1068 | 1076 | return Element.CSS_PROPERTIES.inject({ }, function(styles, property) { |
|
|
1069 | 1077 | styles[property] = css[property]; |
|
|
1070 | 1078 | return styles; |
|
|
1071 | 1079 | }); |
|
|
1072 | 1080 | }; |
|
|
1073 | 1081 | } else { |
|
|
1074 | 1082 | Element.getStyles = function(element) { |
|
|
1075 | 1083 | element = $(element); |
|
|
1076 | 1084 | var css = element.currentStyle, styles; |
|
|
1077 |
- styles = Element.CSS_PROPERTIES.inject({ }, function( |
|
|
|
1078 |
- |
|
|
|
1079 |
- return |
|
|
|
1085 | + styles = Element.CSS_PROPERTIES.inject({ }, function(results, property) { | |
|
|
1086 | + results[property] = css[property]; | |
|
|
1087 | + return results; | |
|
|
1080 | 1088 | }); |
|
|
1081 |
- if (!styles.opacity) styles. |
|
|
|
1089 | + if (!styles.opacity) styles.opacity = element.getOpacity(); | |
|
|
1082 | 1090 | return styles; |
|
|
1083 | 1091 | }; |
|
|
1084 |
- } |
|
|
|
1092 | + } | |
|
|
1085 | 1093 | |
|
|
1086 | 1094 | Effect.Methods = { |
|
|
1087 | 1095 | morph: function(element, style) { |
|
|
1088 | 1096 | element = $(element); |
|
|
1089 | 1097 | new Effect.Morph(element, Object.extend({ style: style }, arguments[2] || { })); |
|
|
1090 | 1098 | return element; |
|
|
1091 | 1099 | }, |
|
|
1092 | 1100 | visualEffect: function(element, effect, options) { |
|
|
1093 | - element = $(element) | |
|
|
1101 | + element = $(element); | |
|
|
1094 | 1102 | var s = effect.dasherize().camelize(), klass = s.charAt(0).toUpperCase() + s.substring(1); |
|
|
1095 | 1103 | new Effect[klass](element, options); |
|
|
1096 | 1104 | return element; |
|
|
1097 | 1105 | }, |
|
|
1098 | 1106 | highlight: function(element, options) { |
|
|
1099 | 1107 | element = $(element); |
|
|
1100 | 1108 | new Effect.Highlight(element, options); |
|
|
1101 | 1109 | return element; |
|
|
1102 | 1110 | } |
|
|
1103 | 1111 | }; |
|
|
1104 | 1112 | |
|
|
1105 | 1113 | $w('fade appear grow shrink fold blindUp blindDown slideUp slideDown '+ |
|
|
1106 | 1114 | 'pulsate shake puff squish switchOff dropOut').each( |
|
|
1107 | 1115 |
function(effect) { |
|
|
1108 | 1116 | Effect.Methods[effect] = function(element, options){ |
|
|
1109 | 1117 | element = $(element); |
|
|
1110 | 1118 | Effect[effect.charAt(0).toUpperCase() + effect.substring(1)](element, options); |
|
|
1111 | 1119 | return element; |
|
|
1112 | - } | |
|
|
1120 | + }; | |
|
|
1113 | 1121 | } |
|
|
1114 | 1122 | ); |
|
|
1115 | 1123 | |
|
|
1116 | 1124 |
$w('getInlineOpacity forceRerendering setContentZoom collectTextNodes collectTextNodesIgnoreClass getStyles').each( |
|
|
1117 | 1125 | function(f) { Effect.Methods[f] = Element[f]; } |
|
|
1118 | 1126 | ); |
|
|
1119 | 1127 | |
|
|
1120 |
- Element.addMethods(Effect.Methods); |
|
|
|
1128 | + Element.addMethods(Effect.Methods); No newline at end of file | |
| This diff has been collapsed as it changes many lines, (595 lines changed) Show them Hide them | |||
| @@ -1,50 +1,53 | |||
|
|
1 |
- /* Prototype JavaScript framework, version 1.6.0. |
|
|
|
2 |
- * (c) 2005-200 |
|
|
|
1 | + /* Prototype JavaScript framework, version 1.6.0.3 | |
|
|
2 | + * (c) 2005-2008 Sam Stephenson | |
|
|
3 | 3 | * |
|
|
4 | 4 | * Prototype is freely distributable under the terms of an MIT-style license. |
|
|
5 | 5 | * For details, see the Prototype web site: http://www.prototypejs.org/ |
|
|
6 | 6 | * |
|
|
7 | 7 | *--------------------------------------------------------------------------*/ |
|
|
8 | 8 | |
|
|
9 | 9 | var Prototype = { |
|
|
10 |
- Version: '1.6.0. |
|
|
|
10 | + Version: '1.6.0.3', | |
|
|
11 | 11 | |
|
|
12 | 12 | Browser: { |
|
|
13 |
- IE: !!(window.attachEvent && |
|
|
|
14 | - Opera: !!window.opera, | |
|
|
13 | + IE: !!(window.attachEvent && | |
|
|
14 | + navigator.userAgent.indexOf('Opera') === -1), | |
|
|
15 | + Opera: navigator.userAgent.indexOf('Opera') > -1, | |
|
|
15 | 16 | WebKit: navigator.userAgent.indexOf('AppleWebKit/') > -1, |
|
|
16 |
- Gecko: navigator.userAgent.indexOf('Gecko') > -1 && |
|
|
|
17 | + Gecko: navigator.userAgent.indexOf('Gecko') > -1 && | |
|
|
18 | + navigator.userAgent.indexOf('KHTML') === -1, | |
|
|
17 | 19 | MobileSafari: !!navigator.userAgent.match(/Apple.*Mobile.*Safari/) |
|
|
18 | 20 | }, |
|
|
19 | 21 | |
|
|
20 | 22 | BrowserFeatures: { |
|
|
21 | 23 | XPath: !!document.evaluate, |
|
|
24 | + SelectorsAPI: !!document.querySelector, | |
|
|
22 | 25 | ElementExtensions: !!window.HTMLElement, |
|
|
23 | 26 | SpecificElementExtensions: |
|
|
24 |
- document.createElement('div') |
|
|
|
25 |
- document.createElement('div') |
|
|
|
26 |
- document.createElement('form') |
|
|
|
27 | + document.createElement('div')['__proto__'] && | |
|
|
28 | + document.createElement('div')['__proto__'] !== | |
|
|
29 | + document.createElement('form')['__proto__'] | |
|
|
27 | 30 | }, |
|
|
28 | 31 | |
|
|
29 | 32 | ScriptFragment: '<script[^>]*>([\\S\\s]*?)<\/script>', |
|
|
30 | 33 | JSONFilter: /^\/\*-secure-([\s\S]*)\*\/\s*$/, |
|
|
31 | 34 | |
|
|
32 | 35 | emptyFunction: function() { }, |
|
|
33 | 36 | K: function(x) { return x } |
|
|
34 | 37 | }; |
|
|
35 | 38 | |
|
|
36 | 39 | if (Prototype.Browser.MobileSafari) |
|
|
37 | 40 | Prototype.BrowserFeatures.SpecificElementExtensions = false; |
|
|
38 | 41 | |
|
|
39 | 42 | |
|
|
40 | 43 | /* Based on Alex Arnell's inheritance implementation. */ |
|
|
41 | 44 | var Class = { |
|
|
42 | 45 | create: function() { |
|
|
43 | 46 | var parent = null, properties = $A(arguments); |
|
|
44 | 47 | if (Object.isFunction(properties[0])) |
|
|
45 | 48 | parent = properties.shift(); |
|
|
46 | 49 | |
|
|
47 | 50 | function klass() { |
|
|
48 | 51 | this.initialize.apply(this, arguments); |
|
|
49 | 52 | } |
|
|
50 | 53 | |
| @@ -62,76 +65,77 | |||
|
|
62 | 65 | for (var i = 0; i < properties.length; i++) |
|
|
63 | 66 | klass.addMethods(properties[i]); |
|
|
64 | 67 | |
|
|
65 | 68 | if (!klass.prototype.initialize) |
|
|
66 | 69 | klass.prototype.initialize = Prototype.emptyFunction; |
|
|
67 | 70 | |
|
|
68 | 71 | klass.prototype.constructor = klass; |
|
|
69 | 72 | |
|
|
70 | 73 | return klass; |
|
|
71 | 74 | } |
|
|
72 | 75 | }; |
|
|
73 | 76 | |
|
|
74 | 77 | Class.Methods = { |
|
|
75 | 78 | addMethods: function(source) { |
|
|
76 | 79 | var ancestor = this.superclass && this.superclass.prototype; |
|
|
77 | 80 | var properties = Object.keys(source); |
|
|
78 | 81 | |
|
|
79 | 82 | if (!Object.keys({ toString: true }).length) |
|
|
80 | 83 | properties.push("toString", "valueOf"); |
|
|
81 | 84 | |
|
|
82 | 85 | for (var i = 0, length = properties.length; i < length; i++) { |
|
|
83 | 86 | var property = properties[i], value = source[property]; |
|
|
84 | 87 | if (ancestor && Object.isFunction(value) && |
|
|
85 | 88 | value.argumentNames().first() == "$super") { |
|
|
86 | - var method = value, value = Object.extend((function(m) { | |
|
|
89 | + var method = value; | |
|
|
90 | + value = (function(m) { | |
|
|
87 | 91 | return function() { return ancestor[m].apply(this, arguments) }; |
|
|
88 |
- })(property).wrap(method) |
|
|
|
89 | - valueOf: function() { return method }, | |
|
|
90 | - toString: function() { return method.toString() } | |
|
|
91 | - }); | |
|
|
92 | + })(property).wrap(method); | |
|
|
93 | + | |
|
|
94 | + value.valueOf = method.valueOf.bind(method); | |
|
|
95 | + value.toString = method.toString.bind(method); | |
|
|
92 | 96 | } |
|
|
93 | 97 | this.prototype[property] = value; |
|
|
94 | 98 | } |
|
|
95 | 99 | |
|
|
96 | 100 | return this; |
|
|
97 | 101 | } |
|
|
98 | 102 | }; |
|
|
99 | 103 | |
|
|
100 | 104 | var Abstract = { }; |
|
|
101 | 105 | |
|
|
102 | 106 | Object.extend = function(destination, source) { |
|
|
103 | 107 | for (var property in source) |
|
|
104 | 108 | destination[property] = source[property]; |
|
|
105 | 109 | return destination; |
|
|
106 | 110 | }; |
|
|
107 | 111 | |
|
|
108 | 112 | Object.extend(Object, { |
|
|
109 | 113 | inspect: function(object) { |
|
|
110 | 114 | try { |
|
|
111 | 115 | if (Object.isUndefined(object)) return 'undefined'; |
|
|
112 | 116 | if (object === null) return 'null'; |
|
|
113 |
- return object.inspect ? object.inspect() : object |
|
|
|
117 | + return object.inspect ? object.inspect() : String(object); | |
|
|
114 | 118 | } catch (e) { |
|
|
115 | 119 | if (e instanceof RangeError) return '...'; |
|
|
116 | 120 | throw e; |
|
|
117 | 121 | } |
|
|
118 | 122 | }, |
|
|
119 | 123 | |
|
|
120 | 124 | toJSON: function(object) { |
|
|
121 | 125 | var type = typeof object; |
|
|
122 | 126 | switch (type) { |
|
|
123 | 127 | case 'undefined': |
|
|
124 | 128 | case 'function': |
|
|
125 | 129 | case 'unknown': return; |
|
|
126 | 130 | case 'boolean': return object.toString(); |
|
|
127 | 131 | } |
|
|
128 | 132 | |
|
|
129 | 133 | if (object === null) return 'null'; |
|
|
130 | 134 | if (object.toJSON) return object.toJSON(); |
|
|
131 | 135 | if (Object.isElement(object)) return; |
|
|
132 | 136 | |
|
|
133 | 137 | var results = []; |
|
|
134 | 138 | for (var property in object) { |
|
|
135 | 139 | var value = Object.toJSON(object[property]); |
|
|
136 | 140 | if (!Object.isUndefined(value)) |
|
|
137 | 141 | results.push(property.toJSON() + ': ' + value); |
| @@ -146,130 +150,135 | |||
|
|
146 | 150 | |
|
|
147 | 151 | toHTML: function(object) { |
|
|
148 | 152 | return object && object.toHTML ? object.toHTML() : String.interpret(object); |
|
|
149 | 153 | }, |
|
|
150 | 154 | |
|
|
151 | 155 | keys: function(object) { |
|
|
152 | 156 | var keys = []; |
|
|
153 | 157 | for (var property in object) |
|
|
154 | 158 | keys.push(property); |
|
|
155 | 159 | return keys; |
|
|
156 | 160 | }, |
|
|
157 | 161 | |
|
|
158 | 162 | values: function(object) { |
|
|
159 | 163 | var values = []; |
|
|
160 | 164 | for (var property in object) |
|
|
161 | 165 | values.push(object[property]); |
|
|
162 | 166 | return values; |
|
|
163 | 167 | }, |
|
|
164 | 168 | |
|
|
165 | 169 | clone: function(object) { |
|
|
166 | 170 | return Object.extend({ }, object); |
|
|
167 | 171 | }, |
|
|
168 | 172 | |
|
|
169 | 173 | isElement: function(object) { |
|
|
170 | - return object && object.nodeType == 1; | |
|
|
174 | + return !!(object && object.nodeType == 1); | |
|
|
171 | 175 | }, |
|
|
172 | 176 | |
|
|
173 | 177 | isArray: function(object) { |
|
|
174 | - return object && object.constructor === Array; | |
|
|
178 | + return object != null && typeof object == "object" && | |
|
|
179 | + 'splice' in object && 'join' in object; | |
|
|
175 | 180 | }, |
|
|
176 | 181 | |
|
|
177 | 182 | isHash: function(object) { |
|
|
178 | 183 | return object instanceof Hash; |
|
|
179 | 184 | }, |
|
|
180 | 185 | |
|
|
181 | 186 | isFunction: function(object) { |
|
|
182 | 187 | return typeof object == "function"; |
|
|
183 | 188 | }, |
|
|
184 | 189 | |
|
|
185 | 190 | isString: function(object) { |
|
|
186 | 191 | return typeof object == "string"; |
|
|
187 | 192 | }, |
|
|
188 | 193 | |
|
|
189 | 194 | isNumber: function(object) { |
|
|
190 | 195 | return typeof object == "number"; |
|
|
191 | 196 | }, |
|
|
192 | 197 | |
|
|
193 | 198 | isUndefined: function(object) { |
|
|
194 | 199 | return typeof object == "undefined"; |
|
|
195 | 200 | } |
|
|
196 | 201 | }); |
|
|
197 | 202 | |
|
|
198 | 203 | Object.extend(Function.prototype, { |
|
|
199 | 204 | argumentNames: function() { |
|
|
200 |
- var names = this.toString().match(/^[\s\(]*function[^(]*\(( |
|
|
|
205 | + var names = this.toString().match(/^[\s\(]*function[^(]*\(([^\)]*)\)/)[1] | |
|
|
206 | + .replace(/\s+/g, '').split(','); | |
|
|
201 | 207 | return names.length == 1 && !names[0] ? [] : names; |
|
|
202 | 208 | }, |
|
|
203 | 209 | |
|
|
204 | 210 | bind: function() { |
|
|
205 | 211 | if (arguments.length < 2 && Object.isUndefined(arguments[0])) return this; |
|
|
206 | 212 | var __method = this, args = $A(arguments), object = args.shift(); |
|
|
207 | 213 | return function() { |
|
|
208 | 214 | return __method.apply(object, args.concat($A(arguments))); |
|
|
209 | 215 | } |
|
|
210 | 216 | }, |
|
|
211 | 217 | |
|
|
212 | 218 | bindAsEventListener: function() { |
|
|
213 | 219 | var __method = this, args = $A(arguments), object = args.shift(); |
|
|
214 | 220 | return function(event) { |
|
|
215 | 221 | return __method.apply(object, [event || window.event].concat(args)); |
|
|
216 | 222 | } |
|
|
217 | 223 | }, |
|
|
218 | 224 | |
|
|
219 | 225 | curry: function() { |
|
|
220 | 226 | if (!arguments.length) return this; |
|
|
221 | 227 | var __method = this, args = $A(arguments); |
|
|
222 | 228 | return function() { |
|
|
223 | 229 | return __method.apply(this, args.concat($A(arguments))); |
|
|
224 | 230 | } |
|
|
225 | 231 | }, |
|
|
226 | 232 | |
|
|
227 | 233 | delay: function() { |
|
|
228 | 234 | var __method = this, args = $A(arguments), timeout = args.shift() * 1000; |
|
|
229 | 235 | return window.setTimeout(function() { |
|
|
230 | 236 | return __method.apply(__method, args); |
|
|
231 | 237 | }, timeout); |
|
|
232 | 238 | }, |
|
|
233 | 239 | |
|
|
240 | + defer: function() { | |
|
|
241 | + var args = [0.01].concat($A(arguments)); | |
|
|
242 | + return this.delay.apply(this, args); | |
|
|
243 | + }, | |
|
|
244 | + | |
|
|
234 | 245 | wrap: function(wrapper) { |
|
|
235 | 246 | var __method = this; |
|
|
236 | 247 | return function() { |
|
|
237 | 248 | return wrapper.apply(this, [__method.bind(this)].concat($A(arguments))); |
|
|
238 | 249 | } |
|
|
239 | 250 | }, |
|
|
240 | 251 | |
|
|
241 | 252 | methodize: function() { |
|
|
242 | 253 | if (this._methodized) return this._methodized; |
|
|
243 | 254 | var __method = this; |
|
|
244 | 255 | return this._methodized = function() { |
|
|
245 | 256 | return __method.apply(null, [this].concat($A(arguments))); |
|
|
246 | 257 | }; |
|
|
247 | 258 | } |
|
|
248 | 259 | }); |
|
|
249 | 260 | |
|
|
250 | - Function.prototype.defer = Function.prototype.delay.curry(0.01); | |
|
|
251 | - | |
|
|
252 | 261 | Date.prototype.toJSON = function() { |
|
|
253 | 262 | return '"' + this.getUTCFullYear() + '-' + |
|
|
254 | 263 | (this.getUTCMonth() + 1).toPaddedString(2) + '-' + |
|
|
255 | 264 | this.getUTCDate().toPaddedString(2) + 'T' + |
|
|
256 | 265 | this.getUTCHours().toPaddedString(2) + ':' + |
|
|
257 | 266 | this.getUTCMinutes().toPaddedString(2) + ':' + |
|
|
258 | 267 | this.getUTCSeconds().toPaddedString(2) + 'Z"'; |
|
|
259 | 268 | }; |
|
|
260 | 269 | |
|
|
261 | 270 | var Try = { |
|
|
262 | 271 | these: function() { |
|
|
263 | 272 | var returnValue; |
|
|
264 | 273 | |
|
|
265 | 274 | for (var i = 0, length = arguments.length; i < length; i++) { |
|
|
266 | 275 | var lambda = arguments[i]; |
|
|
267 | 276 | try { |
|
|
268 | 277 | returnValue = lambda(); |
|
|
269 | 278 | break; |
|
|
270 | 279 | } catch (e) { } |
|
|
271 | 280 | } |
|
|
272 | 281 | |
|
|
273 | 282 | return returnValue; |
|
|
274 | 283 | } |
|
|
275 | 284 | }; |
| @@ -508,339 +517,340 | |||
|
|
508 | 517 | |
|
|
509 | 518 | endsWith: function(pattern) { |
|
|
510 | 519 | var d = this.length - pattern.length; |
|
|
511 | 520 | return d >= 0 && this.lastIndexOf(pattern) === d; |
|
|
512 | 521 | }, |
|
|
513 | 522 | |
|
|
514 | 523 | empty: function() { |
|
|
515 | 524 | return this == ''; |
|
|
516 | 525 | }, |
|
|
517 | 526 | |
|
|
518 | 527 | blank: function() { |
|
|
519 | 528 | return /^\s*$/.test(this); |
|
|
520 | 529 | }, |
|
|
521 | 530 | |
|
|
522 | 531 | interpolate: function(object, pattern) { |
|
|
523 | 532 | return new Template(this, pattern).evaluate(object); |
|
|
524 | 533 | } |
|
|
525 | 534 | }); |
|
|
526 | 535 | |
|
|
527 | 536 | if (Prototype.Browser.WebKit || Prototype.Browser.IE) Object.extend(String.prototype, { |
|
|
528 | 537 | escapeHTML: function() { |
|
|
529 | 538 | return this.replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>'); |
|
|
530 | 539 | }, |
|
|
531 | 540 | unescapeHTML: function() { |
|
|
532 | - return this.replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>'); | |
|
|
541 | + return this.stripTags().replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>'); | |
|
|
533 | 542 | } |
|
|
534 | 543 | }); |
|
|
535 | 544 | |
|
|
536 | 545 | String.prototype.gsub.prepareReplacement = function(replacement) { |
|
|
537 | 546 | if (Object.isFunction(replacement)) return replacement; |
|
|
538 | 547 | var template = new Template(replacement); |
|
|
539 | 548 | return function(match) { return template.evaluate(match) }; |
|
|
540 | 549 | }; |
|
|
541 | 550 | |
|
|
542 | 551 | String.prototype.parseQuery = String.prototype.toQueryParams; |
|
|
543 | 552 | |
|
|
544 | 553 | Object.extend(String.prototype.escapeHTML, { |
|
|
545 | 554 | div: document.createElement('div'), |
|
|
546 | 555 | text: document.createTextNode('') |
|
|
547 | 556 | }); |
|
|
548 | 557 | |
|
|
549 | - with (String.prototype.escapeHTML) div.appendChild(text); | |
|
|
558 | + String.prototype.escapeHTML.div.appendChild(String.prototype.escapeHTML.text); | |
|
|
550 | 559 | |
|
|
551 | 560 | var Template = Class.create({ |
|
|
552 | 561 | initialize: function(template, pattern) { |
|
|
553 | 562 | this.template = template.toString(); |
|
|
554 | 563 | this.pattern = pattern || Template.Pattern; |
|
|
555 | 564 | }, |
|
|
556 | 565 | |
|
|
557 | 566 | evaluate: function(object) { |
|
|
558 | 567 | if (Object.isFunction(object.toTemplateReplacements)) |
|
|
559 | 568 | object = object.toTemplateReplacements(); |
|
|
560 | 569 | |
|
|
561 | 570 | return this.template.gsub(this.pattern, function(match) { |
|
|
562 | 571 | if (object == null) return ''; |
|
|
563 | 572 | |
|
|
564 | 573 | var before = match[1] || ''; |
|
|
565 | 574 | if (before == '\\') return match[2]; |
|
|
566 | 575 | |
|
|
567 | 576 | var ctx = object, expr = match[3]; |
|
|
568 | 577 | var pattern = /^([^.[]+|\[((?:.*?[^\\])?)\])(\.|\[|$)/; |
|
|
569 | 578 | match = pattern.exec(expr); |
|
|
570 | 579 | if (match == null) return before; |
|
|
571 | 580 | |
|
|
572 | 581 | while (match != null) { |
|
|
573 | 582 | var comp = match[1].startsWith('[') ? match[2].gsub('\\\\]', ']') : match[1]; |
|
|
574 | 583 | ctx = ctx[comp]; |
|
|
575 | 584 | if (null == ctx || '' == match[3]) break; |
|
|
576 | 585 | expr = expr.substring('[' == match[3] ? match[1].length : match[0].length); |
|
|
577 | 586 | match = pattern.exec(expr); |
|
|
578 | 587 | } |
|
|
579 | 588 | |
|
|
580 | 589 | return before + String.interpret(ctx); |
|
|
581 | - }.bind(this)); | |
|
|
590 | + }); | |
|
|
582 | 591 | } |
|
|
583 | 592 | }); |
|
|
584 | 593 | Template.Pattern = /(^|.|\r|\n)(#\{(.*?)\})/; |
|
|
585 | 594 | |
|
|
586 | 595 | var $break = { }; |
|
|
587 | 596 | |
|
|
588 | 597 | var Enumerable = { |
|
|
589 | 598 | each: function(iterator, context) { |
|
|
590 | 599 | var index = 0; |
|
|
591 | - iterator = iterator.bind(context); | |
|
|
592 | 600 | try { |
|
|
593 | 601 | this._each(function(value) { |
|
|
594 | - iterator(value, index++); | |
|
|
602 | + iterator.call(context, value, index++); | |
|
|
595 | 603 | }); |
|
|
596 | 604 | } catch (e) { |
|
|
597 | 605 | if (e != $break) throw e; |
|
|
598 | 606 | } |
|
|
599 | 607 | return this; |
|
|
600 | 608 | }, |
|
|
601 | 609 | |
|
|
602 | 610 | eachSlice: function(number, iterator, context) { |
|
|
603 | - iterator = iterator ? iterator.bind(context) : Prototype.K; | |
|
|
604 | 611 | var index = -number, slices = [], array = this.toArray(); |
|
|
612 | + if (number < 1) return array; | |
|
|
605 | 613 | while ((index += number) < array.length) |
|
|
606 | 614 | slices.push(array.slice(index, index+number)); |
|
|
607 | 615 | return slices.collect(iterator, context); |
|
|
608 | 616 | }, |
|
|
609 | 617 | |
|
|
610 | 618 | all: function(iterator, context) { |
|
|
611 |
- iterator = iterator |
|
|
|
619 | + iterator = iterator || Prototype.K; | |
|
|
612 | 620 | var result = true; |
|
|
613 | 621 | this.each(function(value, index) { |
|
|
614 | - result = result && !!iterator(value, index); | |
|
|
622 | + result = result && !!iterator.call(context, value, index); | |
|
|
615 | 623 | if (!result) throw $break; |
|
|
616 | 624 | }); |
|
|
617 | 625 | return result; |
|
|
618 | 626 | }, |
|
|
619 | 627 | |
|
|
620 | 628 | any: function(iterator, context) { |
|
|
621 |
- iterator = iterator |
|
|
|
629 | + iterator = iterator || Prototype.K; | |
|
|
622 | 630 | var result = false; |
|
|
623 | 631 | this.each(function(value, index) { |
|
|
624 | - if (result = !!iterator(value, index)) | |
|
|
632 | + if (result = !!iterator.call(context, value, index)) | |
|
|
625 | 633 | throw $break; |
|
|
626 | 634 | }); |
|
|
627 | 635 | return result; |
|
|
628 | 636 | }, |
|
|
629 | 637 | |
|
|
630 | 638 | collect: function(iterator, context) { |
|
|
631 |
- iterator = iterator |
|
|
|
639 | + iterator = iterator || Prototype.K; | |
|
|
632 | 640 | var results = []; |
|
|
633 | 641 | this.each(function(value, index) { |
|
|
634 | - results.push(iterator(value, index)); | |
|
|
642 | + results.push(iterator.call(context, value, index)); | |
|
|
635 | 643 | }); |
|
|
636 | 644 | return results; |
|
|
637 | 645 | }, |
|
|
638 | 646 | |
|
|
639 | 647 | detect: function(iterator, context) { |
|
|
640 | - iterator = iterator.bind(context); | |
|
|
641 | 648 | var result; |
|
|
642 | 649 | this.each(function(value, index) { |
|
|
643 | - if (iterator(value, index)) { | |
|
|
650 | + if (iterator.call(context, value, index)) { | |
|
|
644 | 651 | result = value; |
|
|
645 | 652 | throw $break; |
|
|
646 | 653 | } |
|
|
647 | 654 | }); |
|
|
648 | 655 | return result; |
|
|
649 | 656 | }, |
|
|
650 | 657 | |
|
|
651 | 658 | findAll: function(iterator, context) { |
|
|
652 | - iterator = iterator.bind(context); | |
|
|
653 | 659 | var results = []; |
|
|
654 | 660 | this.each(function(value, index) { |
|
|
655 | - if (iterator(value, index)) | |
|
|
661 | + if (iterator.call(context, value, index)) | |
|
|
656 | 662 | results.push(value); |
|
|
657 | 663 | }); |
|
|
658 | 664 | return results; |
|
|
659 | 665 | }, |
|
|
660 | 666 | |
|
|
661 | 667 | grep: function(filter, iterator, context) { |
|
|
662 |
- iterator = iterator |
|
|
|
668 | + iterator = iterator || Prototype.K; | |
|
|
663 | 669 | var results = []; |
|
|
664 | 670 | |
|
|
665 | 671 | if (Object.isString(filter)) |
|
|
666 | 672 | filter = new RegExp(filter); |
|
|
667 | 673 | |
|
|
668 | 674 | this.each(function(value, index) { |
|
|
669 | 675 | if (filter.match(value)) |
|
|
670 | - results.push(iterator(value, index)); | |
|
|
676 | + results.push(iterator.call(context, value, index)); | |
|
|
671 | 677 | }); |
|
|
672 | 678 | return results; |
|
|
673 | 679 | }, |
|
|
674 | 680 | |
|
|
675 | 681 | include: function(object) { |
|
|
676 | 682 | if (Object.isFunction(this.indexOf)) |
|
|
677 | 683 | if (this.indexOf(object) != -1) return true; |
|
|
678 | 684 | |
|
|
679 | 685 | var found = false; |
|
|
680 | 686 | this.each(function(value) { |
|
|
681 | 687 | if (value == object) { |
|
|
682 | 688 | found = true; |
|
|
683 | 689 | throw $break; |
|
|
684 | 690 | } |
|
|
685 | 691 | }); |
|
|
686 | 692 | return found; |
|
|
687 | 693 | }, |
|
|
688 | 694 | |
|
|
689 | 695 | inGroupsOf: function(number, fillWith) { |
|
|
690 | 696 | fillWith = Object.isUndefined(fillWith) ? null : fillWith; |
|
|
691 | 697 | return this.eachSlice(number, function(slice) { |
|
|
692 | 698 | while(slice.length < number) slice.push(fillWith); |
|
|
693 | 699 | return slice; |
|
|
694 | 700 | }); |
|
|
695 | 701 | }, |
|
|
696 | 702 | |
|
|
697 | 703 | inject: function(memo, iterator, context) { |
|
|
698 | - iterator = iterator.bind(context); | |
|
|
699 | 704 | this.each(function(value, index) { |
|
|
700 | - memo = iterator(memo, value, index); | |
|
|
705 | + memo = iterator.call(context, memo, value, index); | |
|
|
701 | 706 | }); |
|
|
702 | 707 | return memo; |
|
|
703 | 708 | }, |
|
|
704 | 709 | |
|
|
705 | 710 | invoke: function(method) { |
|
|
706 | 711 | var args = $A(arguments).slice(1); |
|
|
707 | 712 | return this.map(function(value) { |
|
|
708 | 713 | return value[method].apply(value, args); |
|
|
709 | 714 | }); |
|
|
710 | 715 | }, |
|
|
711 | 716 | |
|
|
712 | 717 | max: function(iterator, context) { |
|
|
713 |
- iterator = iterator |
|
|
|
718 | + iterator = iterator || Prototype.K; | |
|
|
714 | 719 | var result; |
|
|
715 | 720 | this.each(function(value, index) { |
|
|
716 | - value = iterator(value, index); | |
|
|
721 | + value = iterator.call(context, value, index); | |
|
|
717 | 722 | if (result == null || value >= result) |
|
|
718 | 723 | result = value; |
|
|
719 | 724 | }); |
|
|
720 | 725 | return result; |
|
|
721 | 726 | }, |
|
|
722 | 727 | |
|
|
723 | 728 | min: function(iterator, context) { |
|
|
724 |
- iterator = iterator |
|
|
|
729 | + iterator = iterator || Prototype.K; | |
|
|
725 | 730 | var result; |
|
|
726 | 731 | this.each(function(value, index) { |
|
|
727 | - value = iterator(value, index); | |
|
|
732 | + value = iterator.call(context, value, index); | |
|
|
728 | 733 | if (result == null || value < result) |
|
|
729 | 734 | result = value; |
|
|
730 | 735 | }); |
|
|
731 | 736 | return result; |
|
|
732 | 737 | }, |
|
|
733 | 738 | |
|
|
734 | 739 | partition: function(iterator, context) { |
|
|
735 |
- iterator = iterator |
|
|
|
740 | + iterator = iterator || Prototype.K; | |
|
|
736 | 741 | var trues = [], falses = []; |
|
|
737 | 742 | this.each(function(value, index) { |
|
|
738 | - (iterator(value, index) ? | |
|
|
743 | + (iterator.call(context, value, index) ? | |
|
|
739 | 744 | trues : falses).push(value); |
|
|
740 | 745 | }); |
|
|
741 | 746 | return [trues, falses]; |
|
|
742 | 747 | }, |
|
|
743 | 748 | |
|
|
744 | 749 | pluck: function(property) { |
|
|
745 | 750 | var results = []; |
|
|
746 | 751 | this.each(function(value) { |
|
|
747 | 752 | results.push(value[property]); |
|
|
748 | 753 | }); |
|
|
749 | 754 | return results; |
|
|
750 | 755 | }, |
|
|
751 | 756 | |
|
|
752 | 757 | reject: function(iterator, context) { |
|
|
753 | - iterator = iterator.bind(context); | |
|
|
754 | 758 | var results = []; |
|
|
755 | 759 | this.each(function(value, index) { |
|
|
756 | - if (!iterator(value, index)) | |
|
|
760 | + if (!iterator.call(context, value, index)) | |
|
|
757 | 761 | results.push(value); |
|
|
758 | 762 | }); |
|
|
759 | 763 | return results; |
|
|
760 | 764 | }, |
|
|
761 | 765 | |
|
|
762 | 766 | sortBy: function(iterator, context) { |
|
|
763 | - iterator = iterator.bind(context); | |
|
|
764 | 767 | return this.map(function(value, index) { |
|
|
765 | - return {value: value, criteria: iterator(value, index)}; | |
|
|
768 | + return { | |
|
|
769 | + value: value, | |
|
|
770 | + criteria: iterator.call(context, value, index) | |
|
|
771 | + }; | |
|
|
766 | 772 | }).sort(function(left, right) { |
|
|
767 | 773 | var a = left.criteria, b = right.criteria; |
|
|
768 | 774 | return a < b ? -1 : a > b ? 1 : 0; |
|
|
769 | 775 | }).pluck('value'); |
|
|
770 | 776 | }, |
|
|
771 | 777 | |
|
|
772 | 778 | toArray: function() { |
|
|
773 | 779 | return this.map(); |
|
|
774 | 780 | }, |
|
|
775 | 781 | |
|
|
776 | 782 | zip: function() { |
|
|
777 | 783 | var iterator = Prototype.K, args = $A(arguments); |
|
|
778 | 784 | if (Object.isFunction(args.last())) |
|
|
779 | 785 | iterator = args.pop(); |
|
|
780 | 786 | |
|
|
781 | 787 | var collections = [this].concat(args).map($A); |
|
|
782 | 788 | return this.map(function(value, index) { |
|
|
783 | 789 | return iterator(collections.pluck(index)); |
|
|
784 | 790 | }); |
|
|
785 | 791 | }, |
|
|
786 | 792 | |
|
|
787 | 793 | size: function() { |
|
|
788 | 794 | return this.toArray().length; |
|
|
789 | 795 | }, |
|
|
790 | 796 | |
|
|
791 | 797 | inspect: function() { |
|
|
792 | 798 | return '#<Enumerable:' + this.toArray().inspect() + '>'; |
|
|
793 | 799 | } |
|
|
794 | 800 | }; |
|
|
795 | 801 | |
|
|
796 | 802 | Object.extend(Enumerable, { |
|
|
797 | 803 | map: Enumerable.collect, |
|
|
798 | 804 | find: Enumerable.detect, |
|
|
799 | 805 | select: Enumerable.findAll, |
|
|
800 | 806 | filter: Enumerable.findAll, |
|
|
801 | 807 | member: Enumerable.include, |
|
|
802 | 808 | entries: Enumerable.toArray, |
|
|
803 | 809 | every: Enumerable.all, |
|
|
804 | 810 | some: Enumerable.any |
|
|
805 | 811 | }); |
|
|
806 | 812 | function $A(iterable) { |
|
|
807 | 813 | if (!iterable) return []; |
|
|
808 | 814 | if (iterable.toArray) return iterable.toArray(); |
|
|
809 | - var length = iterable.length, results = new Array(length); | |
|
|
815 | + var length = iterable.length || 0, results = new Array(length); | |
|
|
810 | 816 | while (length--) results[length] = iterable[length]; |
|
|
811 | 817 | return results; |
|
|
812 | 818 | } |
|
|
813 | 819 | |
|
|
814 | 820 | if (Prototype.Browser.WebKit) { |
|
|
815 |
- function |
|
|
|
821 | + $A = function(iterable) { | |
|
|
816 | 822 | if (!iterable) return []; |
|
|
817 | - if (!(Object.isFunction(iterable) && iterable == '[object NodeList]') && | |
|
|
818 | - iterable.toArray) return iterable.toArray(); | |
|
|
819 | - var length = iterable.length, results = new Array(length); | |
|
|
823 | + // In Safari, only use the `toArray` method if it's not a NodeList. | |
|
|
824 | + // A NodeList is a function, has an function `item` property, and a numeric | |
|
|
825 | + // `length` property. Adapted from Google Doctype. | |
|
|
826 | + if (!(typeof iterable === 'function' && typeof iterable.length === | |
|
|
827 | + 'number' && typeof iterable.item === 'function') && iterable.toArray) | |
|
|
828 | + return iterable.toArray(); | |
|
|
829 | + var length = iterable.length || 0, results = new Array(length); | |
|
|
820 | 830 | while (length--) results[length] = iterable[length]; |
|
|
821 | 831 | return results; |
|
|
822 | - } | |
|
|
832 | + }; | |
|
|
823 | 833 | } |
|
|
824 | 834 | |
|
|
825 | 835 | Array.from = $A; |
|
|
826 | 836 | |
|
|
827 | 837 | Object.extend(Array.prototype, Enumerable); |
|
|
828 | 838 | |
|
|
829 | 839 | if (!Array.prototype._reverse) Array.prototype._reverse = Array.prototype.reverse; |
|
|
830 | 840 | |
|
|
831 | 841 | Object.extend(Array.prototype, { |
|
|
832 | 842 | _each: function(iterator) { |
|
|
833 | 843 | for (var i = 0, length = this.length; i < length; i++) |
|
|
834 | 844 | iterator(this[i]); |
|
|
835 | 845 | }, |
|
|
836 | 846 | |
|
|
837 | 847 | clear: function() { |
|
|
838 | 848 | this.length = 0; |
|
|
839 | 849 | return this; |
|
|
840 | 850 | }, |
|
|
841 | 851 | |
|
|
842 | 852 | first: function() { |
|
|
843 | 853 | return this[0]; |
|
|
844 | 854 | }, |
|
|
845 | 855 | |
|
|
846 | 856 | last: function() { |
| @@ -941,144 +951,146 | |||
|
|
941 | 951 | if (Prototype.Browser.Opera){ |
|
|
942 | 952 | Array.prototype.concat = function() { |
|
|
943 | 953 | var array = []; |
|
|
944 | 954 | for (var i = 0, length = this.length; i < length; i++) array.push(this[i]); |
|
|
945 | 955 | for (var i = 0, length = arguments.length; i < length; i++) { |
|
|
946 | 956 | if (Object.isArray(arguments[i])) { |
|
|
947 | 957 | for (var j = 0, arrayLength = arguments[i].length; j < arrayLength; j++) |
|
|
948 | 958 | array.push(arguments[i][j]); |
|
|
949 | 959 | } else { |
|
|
950 | 960 | array.push(arguments[i]); |
|
|
951 | 961 | } |
|
|
952 | 962 | } |
|
|
953 | 963 | return array; |
|
|
954 | 964 | }; |
|
|
955 | 965 | } |
|
|
956 | 966 | Object.extend(Number.prototype, { |
|
|
957 | 967 | toColorPart: function() { |
|
|
958 | 968 | return this.toPaddedString(2, 16); |
|
|
959 | 969 | }, |
|
|
960 | 970 | |
|
|
961 | 971 | succ: function() { |
|
|
962 | 972 | return this + 1; |
|
|
963 | 973 | }, |
|
|
964 | 974 | |
|
|
965 | - times: function(iterator) { | |
|
|
966 | - $R(0, this, true).each(iterator); | |
|
|
975 | + times: function(iterator, context) { | |
|
|
976 | + $R(0, this, true).each(iterator, context); | |
|
|
967 | 977 | return this; |
|
|
968 | 978 | }, |
|
|
969 | 979 | |
|
|
970 | 980 | toPaddedString: function(length, radix) { |
|
|
971 | 981 | var string = this.toString(radix || 10); |
|
|
972 | 982 | return '0'.times(length - string.length) + string; |
|
|
973 | 983 | }, |
|
|
974 | 984 | |
|
|
975 | 985 | toJSON: function() { |
|
|
976 | 986 | return isFinite(this) ? this.toString() : 'null'; |
|
|
977 | 987 | } |
|
|
978 | 988 | }); |
|
|
979 | 989 | |
|
|
980 | 990 | $w('abs round ceil floor').each(function(method){ |
|
|
981 | 991 | Number.prototype[method] = Math[method].methodize(); |
|
|
982 | 992 | }); |
|
|
983 | 993 | function $H(object) { |
|
|
984 | 994 | return new Hash(object); |
|
|
985 | 995 | }; |
|
|
986 | 996 | |
|
|
987 | 997 | var Hash = Class.create(Enumerable, (function() { |
|
|
988 | 998 | |
|
|
989 | 999 | function toQueryPair(key, value) { |
|
|
990 | 1000 | if (Object.isUndefined(value)) return key; |
|
|
991 | 1001 | return key + '=' + encodeURIComponent(String.interpret(value)); |
|
|
992 | 1002 | } |
|
|
993 | 1003 | |
|
|
994 | 1004 | return { |
|
|
995 | 1005 | initialize: function(object) { |
|
|
996 | 1006 | this._object = Object.isHash(object) ? object.toObject() : Object.clone(object); |
|
|
997 | 1007 | }, |
|
|
998 | 1008 | |
|
|
999 | 1009 | _each: function(iterator) { |
|
|
1000 | 1010 | for (var key in this._object) { |
|
|
1001 | 1011 | var value = this._object[key], pair = [key, value]; |
|
|
1002 | 1012 | pair.key = key; |
|
|
1003 | 1013 | pair.value = value; |
|
|
1004 | 1014 | iterator(pair); |
|
|
1005 | 1015 | } |
|
|
1006 | 1016 | }, |
|
|
1007 | 1017 | |
|
|
1008 | 1018 | set: function(key, value) { |
|
|
1009 | 1019 | return this._object[key] = value; |
|
|
1010 | 1020 | }, |
|
|
1011 | 1021 | |
|
|
1012 | 1022 | get: function(key) { |
|
|
1023 | + // simulating poorly supported hasOwnProperty | |
|
|
1024 | + if (this._object[key] !== Object.prototype[key]) | |
|
|
1013 | 1025 | return this._object[key]; |
|
|
1014 | 1026 | }, |
|
|
1015 | 1027 | |
|
|
1016 | 1028 | unset: function(key) { |
|
|
1017 | 1029 | var value = this._object[key]; |
|
|
1018 | 1030 | delete this._object[key]; |
|
|
1019 | 1031 | return value; |
|
|
1020 | 1032 | }, |
|
|
1021 | 1033 | |
|
|
1022 | 1034 | toObject: function() { |
|
|
1023 | 1035 | return Object.clone(this._object); |
|
|
1024 | 1036 | }, |
|
|
1025 | 1037 | |
|
|
1026 | 1038 | keys: function() { |
|
|
1027 | 1039 | return this.pluck('key'); |
|
|
1028 | 1040 | }, |
|
|
1029 | 1041 | |
|
|
1030 | 1042 | values: function() { |
|
|
1031 | 1043 | return this.pluck('value'); |
|
|
1032 | 1044 | }, |
|
|
1033 | 1045 | |
|
|
1034 | 1046 | index: function(value) { |
|
|
1035 | 1047 | var match = this.detect(function(pair) { |
|
|
1036 | 1048 | return pair.value === value; |
|
|
1037 | 1049 | }); |
|
|
1038 | 1050 | return match && match.key; |
|
|
1039 | 1051 | }, |
|
|
1040 | 1052 | |
|
|
1041 | 1053 | merge: function(object) { |
|
|
1042 | 1054 | return this.clone().update(object); |
|
|
1043 | 1055 | }, |
|
|
1044 | 1056 | |
|
|
1045 | 1057 | update: function(object) { |
|
|
1046 | 1058 | return new Hash(object).inject(this, function(result, pair) { |
|
|
1047 | 1059 | result.set(pair.key, pair.value); |
|
|
1048 | 1060 | return result; |
|
|
1049 | 1061 | }); |
|
|
1050 | 1062 | }, |
|
|
1051 | 1063 | |
|
|
1052 | 1064 | toQueryString: function() { |
|
|
1053 |
- return this. |
|
|
|
1065 | + return this.inject([], function(results, pair) { | |
|
|
1054 | 1066 | var key = encodeURIComponent(pair.key), values = pair.value; |
|
|
1055 | 1067 | |
|
|
1056 | 1068 | if (values && typeof values == 'object') { |
|
|
1057 | 1069 | if (Object.isArray(values)) |
|
|
1058 |
- return values.map(toQueryPair.curry(key)) |
|
|
|
1059 | - } | |
|
|
1060 |
- return |
|
|
|
1070 | + return results.concat(values.map(toQueryPair.curry(key))); | |
|
|
1071 | + } else results.push(toQueryPair(key, values)); | |
|
|
1072 | + return results; | |
|
|
1061 | 1073 | }).join('&'); |
|
|
1062 | 1074 | }, |
|
|
1063 | 1075 | |
|
|
1064 | 1076 | inspect: function() { |
|
|
1065 | 1077 | return '#<Hash:{' + this.map(function(pair) { |
|
|
1066 | 1078 | return pair.map(Object.inspect).join(': '); |
|
|
1067 | 1079 | }).join(', ') + '}>'; |
|
|
1068 | 1080 | }, |
|
|
1069 | 1081 | |
|
|
1070 | 1082 | toJSON: function() { |
|
|
1071 | 1083 | return Object.toJSON(this.toObject()); |
|
|
1072 | 1084 | }, |
|
|
1073 | 1085 | |
|
|
1074 | 1086 | clone: function() { |
|
|
1075 | 1087 | return new Hash(this); |
|
|
1076 | 1088 | } |
|
|
1077 | 1089 | } |
|
|
1078 | 1090 | })()); |
|
|
1079 | 1091 | |
|
|
1080 | 1092 | Hash.prototype.toTemplateReplacements = Hash.prototype.toObject; |
|
|
1081 | 1093 | Hash.from = $H; |
|
|
1082 | 1094 | var ObjectRange = Class.create(Enumerable, { |
|
|
1083 | 1095 | initialize: function(start, end, exclusive) { |
|
|
1084 | 1096 | this.start = start; |
| @@ -1277,69 +1289,78 | |||
|
|
1277 | 1289 | return !status || (status >= 200 && status < 300); |
|
|
1278 | 1290 | }, |
|
|
1279 | 1291 | |
|
|
1280 | 1292 | getStatus: function() { |
|
|
1281 | 1293 | try { |
|
|
1282 | 1294 | return this.transport.status || 0; |
|
|
1283 | 1295 | } catch (e) { return 0 } |
|
|
1284 | 1296 | }, |
|
|
1285 | 1297 | |
|
|
1286 | 1298 | respondToReadyState: function(readyState) { |
|
|
1287 | 1299 | var state = Ajax.Request.Events[readyState], response = new Ajax.Response(this); |
|
|
1288 | 1300 | |
|
|
1289 | 1301 | if (state == 'Complete') { |
|
|
1290 | 1302 | try { |
|
|
1291 | 1303 | this._complete = true; |
|
|
1292 | 1304 | (this.options['on' + response.status] |
|
|
1293 | 1305 | || this.options['on' + (this.success() ? 'Success' : 'Failure')] |
|
|
1294 | 1306 | || Prototype.emptyFunction)(response, response.headerJSON); |
|
|
1295 | 1307 | } catch (e) { |
|
|
1296 | 1308 | this.dispatchException(e); |
|
|
1297 | 1309 | } |
|
|
1298 | 1310 | |
|
|
1299 | 1311 | var contentType = response.getHeader('Content-type'); |
|
|
1300 | 1312 | if (this.options.evalJS == 'force' |
|
|
1301 | - || (this.options.evalJS && contentType | |
|
|
1313 | + || (this.options.evalJS && this.isSameOrigin() && contentType | |
|
|
1302 | 1314 | && contentType.match(/^\s*(text|application)\/(x-)?(java|ecma)script(;.*)?\s*$/i))) |
|
|
1303 | 1315 | this.evalResponse(); |
|
|
1304 | 1316 | } |
|
|
1305 | 1317 | |
|
|
1306 | 1318 | try { |
|
|
1307 | 1319 | (this.options['on' + state] || Prototype.emptyFunction)(response, response.headerJSON); |
|
|
1308 | 1320 | Ajax.Responders.dispatch('on' + state, this, response, response.headerJSON); |
|
|
1309 | 1321 | } catch (e) { |
|
|
1310 | 1322 | this.dispatchException(e); |
|
|
1311 | 1323 | } |
|
|
1312 | 1324 | |
|
|
1313 | 1325 | if (state == 'Complete') { |
|
|
1314 | 1326 | // avoid memory leak in MSIE: clean up |
|
|
1315 | 1327 | this.transport.onreadystatechange = Prototype.emptyFunction; |
|
|
1316 | 1328 | } |
|
|
1317 | 1329 | }, |
|
|
1318 | 1330 | |
|
|
1331 | + isSameOrigin: function() { | |
|
|
1332 | + var m = this.url.match(/^\s*https?:\/\/[^\/]*/); | |
|
|
1333 | + return !m || (m[0] == '#{protocol}//#{domain}#{port}'.interpolate({ | |
|
|
1334 | + protocol: location.protocol, | |
|
|
1335 | + domain: document.domain, | |
|
|
1336 | + port: location.port ? ':' + location.port : '' | |
|
|
1337 | + })); | |
|
|
1338 | + }, | |
|
|
1339 | + | |
|
|
1319 | 1340 | getHeader: function(name) { |
|
|
1320 | 1341 | try { |
|
|
1321 | - return this.transport.getResponseHeader(name); | |
|
|
1342 | + return this.transport.getResponseHeader(name) || null; | |
|
|
1322 | 1343 | } catch (e) { return null } |
|
|
1323 | 1344 | }, |
|
|
1324 | 1345 | |
|
|
1325 | 1346 | evalResponse: function() { |
|
|
1326 | 1347 | try { |
|
|
1327 | 1348 | return eval((this.transport.responseText || '').unfilterJSON()); |
|
|
1328 | 1349 | } catch (e) { |
|
|
1329 | 1350 | this.dispatchException(e); |
|
|
1330 | 1351 | } |
|
|
1331 | 1352 | }, |
|
|
1332 | 1353 | |
|
|
1333 | 1354 | dispatchException: function(exception) { |
|
|
1334 | 1355 | (this.options.onException || Prototype.emptyFunction)(this, exception); |
|
|
1335 | 1356 | Ajax.Responders.dispatch('onException', this, exception); |
|
|
1336 | 1357 | } |
|
|
1337 | 1358 | }); |
|
|
1338 | 1359 | |
|
|
1339 | 1360 | Ajax.Request.Events = |
|
|
1340 | 1361 | ['Uninitialized', 'Loading', 'Loaded', 'Interactive', 'Complete']; |
|
|
1341 | 1362 | |
|
|
1342 | 1363 | Ajax.Response = Class.create({ |
|
|
1343 | 1364 | initialize: function(request){ |
|
|
1344 | 1365 | this.request = request; |
|
|
1345 | 1366 | var transport = this.transport = request.transport, |
| @@ -1370,62 +1391,64 | |||
|
|
1370 | 1391 | } catch (e) { return '' } |
|
|
1371 | 1392 | }, |
|
|
1372 | 1393 | |
|
|
1373 | 1394 | getHeader: Ajax.Request.prototype.getHeader, |
|
|
1374 | 1395 | |
|
|
1375 | 1396 | getAllHeaders: function() { |
|
|
1376 | 1397 | try { |
|
|
1377 | 1398 | return this.getAllResponseHeaders(); |
|
|
1378 | 1399 | } catch (e) { return null } |
|
|
1379 | 1400 | }, |
|
|
1380 | 1401 | |
|
|
1381 | 1402 | getResponseHeader: function(name) { |
|
|
1382 | 1403 | return this.transport.getResponseHeader(name); |
|
|
1383 | 1404 | }, |
|
|
1384 | 1405 | |
|
|
1385 | 1406 | getAllResponseHeaders: function() { |
|
|
1386 | 1407 | return this.transport.getAllResponseHeaders(); |
|
|
1387 | 1408 | }, |
|
|
1388 | 1409 | |
|
|
1389 | 1410 | _getHeaderJSON: function() { |
|
|
1390 | 1411 | var json = this.getHeader('X-JSON'); |
|
|
1391 | 1412 | if (!json) return null; |
|
|
1392 | 1413 | json = decodeURIComponent(escape(json)); |
|
|
1393 | 1414 | try { |
|
|
1394 |
- return json.evalJSON(this.request.options.sanitizeJSON |
|
|
|
1415 | + return json.evalJSON(this.request.options.sanitizeJSON || | |
|
|
1416 | + !this.request.isSameOrigin()); | |
|
|
1395 | 1417 | } catch (e) { |
|
|
1396 | 1418 | this.request.dispatchException(e); |
|
|
1397 | 1419 | } |
|
|
1398 | 1420 | }, |
|
|
1399 | 1421 | |
|
|
1400 | 1422 | _getResponseJSON: function() { |
|
|
1401 | 1423 | var options = this.request.options; |
|
|
1402 | 1424 | if (!options.evalJSON || (options.evalJSON != 'force' && |
|
|
1403 | 1425 | !(this.getHeader('Content-type') || '').include('application/json')) || |
|
|
1404 | 1426 | this.responseText.blank()) |
|
|
1405 | 1427 | return null; |
|
|
1406 | 1428 | try { |
|
|
1407 |
- return this.responseText.evalJSON(options.sanitizeJSON |
|
|
|
1429 | + return this.responseText.evalJSON(options.sanitizeJSON || | |
|
|
1430 | + !this.request.isSameOrigin()); | |
|
|
1408 | 1431 | } catch (e) { |
|
|
1409 | 1432 | this.request.dispatchException(e); |
|
|
1410 | 1433 | } |
|
|
1411 | 1434 | } |
|
|
1412 | 1435 | }); |
|
|
1413 | 1436 | |
|
|
1414 | 1437 | Ajax.Updater = Class.create(Ajax.Request, { |
|
|
1415 | 1438 | initialize: function($super, container, url, options) { |
|
|
1416 | 1439 | this.container = { |
|
|
1417 | 1440 | success: (container.success || container), |
|
|
1418 | 1441 | failure: (container.failure || (container.success ? null : container)) |
|
|
1419 | 1442 | }; |
|
|
1420 | 1443 | |
|
|
1421 | 1444 | options = Object.clone(options); |
|
|
1422 | 1445 | var onComplete = options.onComplete; |
|
|
1423 | 1446 | options.onComplete = (function(response, json) { |
|
|
1424 | 1447 | this.updateContent(response.responseText); |
|
|
1425 | 1448 | if (Object.isFunction(onComplete)) onComplete(response, json); |
|
|
1426 | 1449 | }).bind(this); |
|
|
1427 | 1450 | |
|
|
1428 | 1451 | $super(url, options); |
|
|
1429 | 1452 | }, |
|
|
1430 | 1453 | |
|
|
1431 | 1454 | updateContent: function(responseText) { |
| @@ -1525,237 +1548,243 | |||
|
|
1525 | 1548 | PROCESSING_INSTRUCTION_NODE: 7, |
|
|
1526 | 1549 | COMMENT_NODE: 8, |
|
|
1527 | 1550 | DOCUMENT_NODE: 9, |
|
|
1528 | 1551 | DOCUMENT_TYPE_NODE: 10, |
|
|
1529 | 1552 | DOCUMENT_FRAGMENT_NODE: 11, |
|
|
1530 | 1553 | NOTATION_NODE: 12 |
|
|
1531 | 1554 | }); |
|
|
1532 | 1555 | } |
|
|
1533 | 1556 | |
|
|
1534 | 1557 | (function() { |
|
|
1535 | 1558 | var element = this.Element; |
|
|
1536 | 1559 | this.Element = function(tagName, attributes) { |
|
|
1537 | 1560 | attributes = attributes || { }; |
|
|
1538 | 1561 | tagName = tagName.toLowerCase(); |
|
|
1539 | 1562 | var cache = Element.cache; |
|
|
1540 | 1563 | if (Prototype.Browser.IE && attributes.name) { |
|
|
1541 | 1564 | tagName = '<' + tagName + ' name="' + attributes.name + '">'; |
|
|
1542 | 1565 | delete attributes.name; |
|
|
1543 | 1566 | return Element.writeAttribute(document.createElement(tagName), attributes); |
|
|
1544 | 1567 | } |
|
|
1545 | 1568 | if (!cache[tagName]) cache[tagName] = Element.extend(document.createElement(tagName)); |
|
|
1546 | 1569 | return Element.writeAttribute(cache[tagName].cloneNode(false), attributes); |
|
|
1547 | 1570 | }; |
|
|
1548 | 1571 | Object.extend(this.Element, element || { }); |
|
|
1572 | + if (element) this.Element.prototype = element.prototype; | |
|
|
1549 | 1573 | }).call(window); |
|
|
1550 | 1574 | |
|
|
1551 | 1575 | Element.cache = { }; |
|
|
1552 | 1576 | |
|
|
1553 | 1577 | Element.Methods = { |
|
|
1554 | 1578 | visible: function(element) { |
|
|
1555 | 1579 | return $(element).style.display != 'none'; |
|
|
1556 | 1580 | }, |
|
|
1557 | 1581 | |
|
|
1558 | 1582 | toggle: function(element) { |
|
|
1559 | 1583 | element = $(element); |
|
|
1560 | 1584 | Element[Element.visible(element) ? 'hide' : 'show'](element); |
|
|
1561 | 1585 | return element; |
|
|
1562 | 1586 | }, |
|
|
1563 | 1587 | |
|
|
1564 | 1588 | hide: function(element) { |
|
|
1565 | - $(element).style.display = 'none'; | |
|
|
1589 | + element = $(element); | |
|
|
1590 | + element.style.display = 'none'; | |
|
|
1566 | 1591 | return element; |
|
|
1567 | 1592 | }, |
|
|
1568 | 1593 | |
|
|
1569 | 1594 | show: function(element) { |
|
|
1570 | - $(element).style.display = ''; | |
|
|
1595 | + element = $(element); | |
|
|
1596 | + element.style.display = ''; | |
|
|
1571 | 1597 | return element; |
|
|
1572 | 1598 | }, |
|
|
1573 | 1599 | |
|
|
1574 | 1600 | remove: function(element) { |
|
|
1575 | 1601 | element = $(element); |
|
|
1576 | 1602 | element.parentNode.removeChild(element); |
|
|
1577 | 1603 | return element; |
|
|
1578 | 1604 | }, |
|
|
1579 | 1605 | |
|
|
1580 | 1606 | update: function(element, content) { |
|
|
1581 | 1607 | element = $(element); |
|
|
1582 | 1608 | if (content && content.toElement) content = content.toElement(); |
|
|
1583 | 1609 | if (Object.isElement(content)) return element.update().insert(content); |
|
|
1584 | 1610 | content = Object.toHTML(content); |
|
|
1585 | 1611 | element.innerHTML = content.stripScripts(); |
|
|
1586 | 1612 | content.evalScripts.bind(content).defer(); |
|
|
1587 | 1613 | return element; |
|
|
1588 | 1614 | }, |
|
|
1589 | 1615 | |
|
|
1590 | 1616 | replace: function(element, content) { |
|
|
1591 | 1617 | element = $(element); |
|
|
1592 | 1618 | if (content && content.toElement) content = content.toElement(); |
|
|
1593 | 1619 | else if (!Object.isElement(content)) { |
|
|
1594 | 1620 | content = Object.toHTML(content); |
|
|
1595 | 1621 | var range = element.ownerDocument.createRange(); |
|
|
1596 | 1622 | range.selectNode(element); |
|
|
1597 | 1623 | content.evalScripts.bind(content).defer(); |
|
|
1598 | 1624 | content = range.createContextualFragment(content.stripScripts()); |
|
|
1599 | 1625 | } |
|
|
1600 | 1626 | element.parentNode.replaceChild(content, element); |
|
|
1601 | 1627 | return element; |
|
|
1602 | 1628 | }, |
|
|
1603 | 1629 | |
|
|
1604 | 1630 | insert: function(element, insertions) { |
|
|
1605 | 1631 | element = $(element); |
|
|
1606 | 1632 | |
|
|
1607 | 1633 | if (Object.isString(insertions) || Object.isNumber(insertions) || |
|
|
1608 | 1634 | Object.isElement(insertions) || (insertions && (insertions.toElement || insertions.toHTML))) |
|
|
1609 | 1635 | insertions = {bottom:insertions}; |
|
|
1610 | 1636 | |
|
|
1611 |
- var content, t, |
|
|
|
1612 | - | |
|
|
1613 | - for (position in insertions) { | |
|
|
1637 | + var content, insert, tagName, childNodes; | |
|
|
1638 | + | |
|
|
1639 | + for (var position in insertions) { | |
|
|
1614 | 1640 | content = insertions[position]; |
|
|
1615 | 1641 | position = position.toLowerCase(); |
|
|
1616 | - t = Element._insertionTranslations[position]; | |
|
|
1642 | + insert = Element._insertionTranslations[position]; | |
|
|
1617 | 1643 | |
|
|
1618 | 1644 | if (content && content.toElement) content = content.toElement(); |
|
|
1619 | 1645 | if (Object.isElement(content)) { |
|
|
1620 |
- |
|
|
|
1646 | + insert(element, content); | |
|
|
1621 | 1647 | continue; |
|
|
1622 | 1648 | } |
|
|
1623 | 1649 | |
|
|
1624 | 1650 | content = Object.toHTML(content); |
|
|
1625 | 1651 | |
|
|
1626 | - range = element.ownerDocument.createRange(); | |
|
|
1627 | - t.initializeRange(element, range); | |
|
|
1628 | - t.insert(element, range.createContextualFragment(content.stripScripts())); | |
|
|
1652 | + tagName = ((position == 'before' || position == 'after') | |
|
|
1653 | + ? element.parentNode : element).tagName.toUpperCase(); | |
|
|
1654 | + | |
|
|
1655 | + childNodes = Element._getContentFromAnonymousElement(tagName, content.stripScripts()); | |
|
|
1656 | + | |
|
|
1657 | + if (position == 'top' || position == 'after') childNodes.reverse(); | |
|
|
1658 | + childNodes.each(insert.curry(element)); | |
|
|
1629 | 1659 | |
|
|
1630 | 1660 | content.evalScripts.bind(content).defer(); |
|
|
1631 | 1661 | } |
|
|
1632 | 1662 | |
|
|
1633 | 1663 | return element; |
|
|
1634 | 1664 | }, |
|
|
1635 | 1665 | |
|
|
1636 | 1666 | wrap: function(element, wrapper, attributes) { |
|
|
1637 | 1667 | element = $(element); |
|
|
1638 | 1668 | if (Object.isElement(wrapper)) |
|
|
1639 | 1669 | $(wrapper).writeAttribute(attributes || { }); |
|
|
1640 | 1670 | else if (Object.isString(wrapper)) wrapper = new Element(wrapper, attributes); |
|
|
1641 | 1671 | else wrapper = new Element('div', wrapper); |
|
|
1642 | 1672 | if (element.parentNode) |
|
|
1643 | 1673 | element.parentNode.replaceChild(wrapper, element); |
|
|
1644 | 1674 | wrapper.appendChild(element); |
|
|
1645 | 1675 | return wrapper; |
|
|
1646 | 1676 | }, |
|
|
1647 | 1677 | |
|
|
1648 | 1678 | inspect: function(element) { |
|
|
1649 | 1679 | element = $(element); |
|
|
1650 | 1680 | var result = '<' + element.tagName.toLowerCase(); |
|
|
1651 | 1681 | $H({'id': 'id', 'className': 'class'}).each(function(pair) { |
|
|
1652 | 1682 | var property = pair.first(), attribute = pair.last(); |
|
|
1653 | 1683 | var value = (element[property] || '').toString(); |
|
|
1654 | 1684 | if (value) result += ' ' + attribute + '=' + value.inspect(true); |
|
|
1655 | 1685 | }); |
|
|
1656 | 1686 | return result + '>'; |
|
|
1657 | 1687 | }, |
|
|
1658 | 1688 | |
|
|
1659 | 1689 | recursivelyCollect: function(element, property) { |
|
|
1660 | 1690 | element = $(element); |
|
|
1661 | 1691 | var elements = []; |
|
|
1662 | 1692 | while (element = element[property]) |
|
|
1663 | 1693 | if (element.nodeType == 1) |
|
|
1664 | 1694 | elements.push(Element.extend(element)); |
|
|
1665 | 1695 | return elements; |
|
|
1666 | 1696 | }, |
|
|
1667 | 1697 | |
|
|
1668 | 1698 | ancestors: function(element) { |
|
|
1669 | 1699 | return $(element).recursivelyCollect('parentNode'); |
|
|
1670 | 1700 | }, |
|
|
1671 | 1701 | |
|
|
1672 | 1702 | descendants: function(element) { |
|
|
1673 |
- return $(element). |
|
|
|
1703 | + return $(element).select("*"); | |
|
|
1674 | 1704 | }, |
|
|
1675 | 1705 | |
|
|
1676 | 1706 | firstDescendant: function(element) { |
|
|
1677 | 1707 | element = $(element).firstChild; |
|
|
1678 | 1708 | while (element && element.nodeType != 1) element = element.nextSibling; |
|
|
1679 | 1709 | return $(element); |
|
|
1680 | 1710 | }, |
|
|
1681 | 1711 | |
|
|
1682 | 1712 | immediateDescendants: function(element) { |
|
|
1683 | 1713 | if (!(element = $(element).firstChild)) return []; |
|
|
1684 | 1714 | while (element && element.nodeType != 1) element = element.nextSibling; |
|
|
1685 | 1715 | if (element) return [element].concat($(element).nextSiblings()); |
|
|
1686 | 1716 | return []; |
|
|
1687 | 1717 | }, |
|
|
1688 | 1718 | |
|
|
1689 | 1719 | previousSiblings: function(element) { |
|
|
1690 | 1720 | return $(element).recursivelyCollect('previousSibling'); |
|
|
1691 | 1721 | }, |
|
|
1692 | 1722 | |
|
|
1693 | 1723 | nextSiblings: function(element) { |
|
|
1694 | 1724 | return $(element).recursivelyCollect('nextSibling'); |
|
|
1695 | 1725 | }, |
|
|
1696 | 1726 | |
|
|
1697 | 1727 | siblings: function(element) { |
|
|
1698 | 1728 | element = $(element); |
|
|
1699 | 1729 | return element.previousSiblings().reverse().concat(element.nextSiblings()); |
|
|
1700 | 1730 | }, |
|
|
1701 | 1731 | |
|
|
1702 | 1732 | match: function(element, selector) { |
|
|
1703 | 1733 | if (Object.isString(selector)) |
|
|
1704 | 1734 | selector = new Selector(selector); |
|
|
1705 | 1735 | return selector.match($(element)); |
|
|
1706 | 1736 | }, |
|
|
1707 | 1737 | |
|
|
1708 | 1738 | up: function(element, expression, index) { |
|
|
1709 | 1739 | element = $(element); |
|
|
1710 | 1740 | if (arguments.length == 1) return $(element.parentNode); |
|
|
1711 | 1741 | var ancestors = element.ancestors(); |
|
|
1712 |
- return expression ? |
|
|
|
1713 | - ancestors[index || 0]; | |
|
|
1742 | + return Object.isNumber(expression) ? ancestors[expression] : | |
|
|
1743 | + Selector.findElement(ancestors, expression, index); | |
|
|
1714 | 1744 | }, |
|
|
1715 | 1745 | |
|
|
1716 | 1746 | down: function(element, expression, index) { |
|
|
1717 | 1747 | element = $(element); |
|
|
1718 | 1748 | if (arguments.length == 1) return element.firstDescendant(); |
|
|
1719 | - var descendants = element.descendants(); | |
|
|
1720 | - return expression ? Selector.findElement(descendants, expression, index) : | |
|
|
1721 | - descendants[index || 0]; | |
|
|
1749 | + return Object.isNumber(expression) ? element.descendants()[expression] : | |
|
|
1750 | + Element.select(element, expression)[index || 0]; | |
|
|
1722 | 1751 | }, |
|
|
1723 | 1752 | |
|
|
1724 | 1753 | previous: function(element, expression, index) { |
|
|
1725 | 1754 | element = $(element); |
|
|
1726 | 1755 | if (arguments.length == 1) return $(Selector.handlers.previousElementSibling(element)); |
|
|
1727 | 1756 | var previousSiblings = element.previousSiblings(); |
|
|
1728 |
- return expression ? |
|
|
|
1729 | - previousSiblings[index || 0]; | |
|
|
1757 | + return Object.isNumber(expression) ? previousSiblings[expression] : | |
|
|
1758 | + Selector.findElement(previousSiblings, expression, index); | |
|
|
1730 | 1759 | }, |
|
|
1731 | 1760 | |
|
|
1732 | 1761 | next: function(element, expression, index) { |
|
|
1733 | 1762 | element = $(element); |
|
|
1734 | 1763 | if (arguments.length == 1) return $(Selector.handlers.nextElementSibling(element)); |
|
|
1735 | 1764 | var nextSiblings = element.nextSiblings(); |
|
|
1736 |
- return expression ? |
|
|
|
1737 | - nextSiblings[index || 0]; | |
|
|
1765 | + return Object.isNumber(expression) ? nextSiblings[expression] : | |
|
|
1766 | + Selector.findElement(nextSiblings, expression, index); | |
|
|
1738 | 1767 | }, |
|
|
1739 | 1768 | |
|
|
1740 | 1769 | select: function() { |
|
|
1741 | 1770 | var args = $A(arguments), element = $(args.shift()); |
|
|
1742 | 1771 | return Selector.findChildElements(element, args); |
|
|
1743 | 1772 | }, |
|
|
1744 | 1773 | |
|
|
1745 | 1774 | adjacent: function() { |
|
|
1746 | 1775 | var args = $A(arguments), element = $(args.shift()); |
|
|
1747 | 1776 | return Selector.findChildElements(element.parentNode, args).without(element); |
|
|
1748 | 1777 | }, |
|
|
1749 | 1778 | |
|
|
1750 | 1779 | identify: function(element) { |
|
|
1751 | 1780 | element = $(element); |
|
|
1752 | 1781 | var id = element.readAttribute('id'), self = arguments.callee; |
|
|
1753 | 1782 | if (id) return id; |
|
|
1754 | 1783 | do { id = 'anonymous_element_' + self.counter++ } while ($(id)); |
|
|
1755 | 1784 | element.writeAttribute('id', id); |
|
|
1756 | 1785 | return id; |
|
|
1757 | 1786 | }, |
|
|
1758 | 1787 | |
|
|
1759 | 1788 | readAttribute: function(element, name) { |
|
|
1760 | 1789 | element = $(element); |
|
|
1761 | 1790 | if (Prototype.Browser.IE) { |
| @@ -1827,148 +1856,141 | |||
|
|
1827 | 1856 | if (!(element = $(element))) return; |
|
|
1828 | 1857 | return element[element.hasClassName(className) ? |
|
|
1829 | 1858 | 'removeClassName' : 'addClassName'](className); |
|
|
1830 | 1859 | }, |
|
|
1831 | 1860 | |
|
|
1832 | 1861 | // removes whitespace-only text node children |
|
|
1833 | 1862 | cleanWhitespace: function(element) { |
|
|
1834 | 1863 | element = $(element); |
|
|
1835 | 1864 | var node = element.firstChild; |
|
|
1836 | 1865 | while (node) { |
|
|
1837 | 1866 | var nextNode = node.nextSibling; |
|
|
1838 | 1867 | if (node.nodeType == 3 && !/\S/.test(node.nodeValue)) |
|
|
1839 | 1868 | element.removeChild(node); |
|
|
1840 | 1869 | node = nextNode; |
|
|
1841 | 1870 | } |
|
|
1842 | 1871 | return element; |
|
|
1843 | 1872 | }, |
|
|
1844 | 1873 | |
|
|
1845 | 1874 | empty: function(element) { |
|
|
1846 | 1875 | return $(element).innerHTML.blank(); |
|
|
1847 | 1876 | }, |
|
|
1848 | 1877 | |
|
|
1849 | 1878 | descendantOf: function(element, ancestor) { |
|
|
1850 | 1879 | element = $(element), ancestor = $(ancestor); |
|
|
1851 | - var originalAncestor = ancestor; | |
|
|
1852 | 1880 | |
|
|
1853 | 1881 | if (element.compareDocumentPosition) |
|
|
1854 | 1882 | return (element.compareDocumentPosition(ancestor) & 8) === 8; |
|
|
1855 | 1883 | |
|
|
1856 | - if (element.sourceIndex && !Prototype.Browser.Opera) { | |
|
|
1857 | - var e = element.sourceIndex, a = ancestor.sourceIndex, | |
|
|
1858 | - nextAncestor = ancestor.nextSibling; | |
|
|
1859 | - if (!nextAncestor) { | |
|
|
1860 | - do { ancestor = ancestor.parentNode; } | |
|
|
1861 | - while (!(nextAncestor = ancestor.nextSibling) && ancestor.parentNode); | |
|
|
1862 | - } | |
|
|
1863 | - if (nextAncestor) return (e > a && e < nextAncestor.sourceIndex); | |
|
|
1864 | - } | |
|
|
1884 | + if (ancestor.contains) | |
|
|
1885 | + return ancestor.contains(element) && ancestor !== element; | |
|
|
1865 | 1886 | |
|
|
1866 | 1887 | while (element = element.parentNode) |
|
|
1867 |
- if (element == |
|
|
|
1888 | + if (element == ancestor) return true; | |
|
|
1889 | + | |
|
|
1868 | 1890 | return false; |
|
|
1869 | 1891 | }, |
|
|
1870 | 1892 | |
|
|
1871 | 1893 | scrollTo: function(element) { |
|
|
1872 | 1894 | element = $(element); |
|
|
1873 | 1895 | var pos = element.cumulativeOffset(); |
|
|
1874 | 1896 | window.scrollTo(pos[0], pos[1]); |
|
|
1875 | 1897 | return element; |
|
|
1876 | 1898 | }, |
|
|
1877 | 1899 | |
|
|
1878 | 1900 | getStyle: function(element, style) { |
|
|
1879 | 1901 | element = $(element); |
|
|
1880 | 1902 | style = style == 'float' ? 'cssFloat' : style.camelize(); |
|
|
1881 | 1903 | var value = element.style[style]; |
|
|
1882 | - if (!value) { | |
|
|
1904 | + if (!value || value == 'auto') { | |
|
|
1883 | 1905 | var css = document.defaultView.getComputedStyle(element, null); |
|
|
1884 | 1906 | value = css ? css[style] : null; |
|
|
1885 | 1907 | } |
|
|
1886 | 1908 | if (style == 'opacity') return value ? parseFloat(value) : 1.0; |
|
|
1887 | 1909 | return value == 'auto' ? null : value; |
|
|
1888 | 1910 | }, |
|
|
1889 | 1911 | |
|
|
1890 | 1912 | getOpacity: function(element) { |
|
|
1891 | 1913 | return $(element).getStyle('opacity'); |
|
|
1892 | 1914 | }, |
|
|
1893 | 1915 | |
|
|
1894 | 1916 | setStyle: function(element, styles) { |
|
|
1895 | 1917 | element = $(element); |
|
|
1896 | 1918 | var elementStyle = element.style, match; |
|
|
1897 | 1919 | if (Object.isString(styles)) { |
|
|
1898 | 1920 | element.style.cssText += ';' + styles; |
|
|
1899 | 1921 | return styles.include('opacity') ? |
|
|
1900 | 1922 | element.setOpacity(styles.match(/opacity:\s*(\d?\.?\d*)/)[1]) : element; |
|
|
1901 | 1923 | } |
|
|
1902 | 1924 | for (var property in styles) |
|
|
1903 | 1925 | if (property == 'opacity') element.setOpacity(styles[property]); |
|
|
1904 | 1926 | else |
|
|
1905 | 1927 | elementStyle[(property == 'float' || property == 'cssFloat') ? |
|
|
1906 | 1928 | (Object.isUndefined(elementStyle.styleFloat) ? 'cssFloat' : 'styleFloat') : |
|
|
1907 | 1929 | property] = styles[property]; |
|
|
1908 | 1930 | |
|
|
1909 | 1931 | return element; |
|
|
1910 | 1932 | }, |
|
|
1911 | 1933 | |
|
|
1912 | 1934 | setOpacity: function(element, value) { |
|
|
1913 | 1935 | element = $(element); |
|
|
1914 | 1936 | element.style.opacity = (value == 1 || value === '') ? '' : |
|
|
1915 | 1937 | (value < 0.00001) ? 0 : value; |
|
|
1916 | 1938 | return element; |
|
|
1917 | 1939 | }, |
|
|
1918 | 1940 | |
|
|
1919 | 1941 | getDimensions: function(element) { |
|
|
1920 | 1942 | element = $(element); |
|
|
1921 |
- var display = |
|
|
|
1943 | + var display = element.getStyle('display'); | |
|
|
1922 | 1944 | if (display != 'none' && display != null) // Safari bug |
|
|
1923 | 1945 | return {width: element.offsetWidth, height: element.offsetHeight}; |
|
|
1924 | 1946 | |
|
|
1925 | 1947 | // All *Width and *Height properties give 0 on elements with display none, |
|
|
1926 | 1948 | // so enable the element temporarily |
|
|
1927 | 1949 | var els = element.style; |
|
|
1928 | 1950 | var originalVisibility = els.visibility; |
|
|
1929 | 1951 | var originalPosition = els.position; |
|
|
1930 | 1952 | var originalDisplay = els.display; |
|
|
1931 | 1953 | els.visibility = 'hidden'; |
|
|
1932 | 1954 | els.position = 'absolute'; |
|
|
1933 | 1955 | els.display = 'block'; |
|
|
1934 | 1956 | var originalWidth = element.clientWidth; |
|
|
1935 | 1957 | var originalHeight = element.clientHeight; |
|
|
1936 | 1958 | els.display = originalDisplay; |
|
|
1937 | 1959 | els.position = originalPosition; |
|
|
1938 | 1960 | els.visibility = originalVisibility; |
|
|
1939 | 1961 | return {width: originalWidth, height: originalHeight}; |
|
|
1940 | 1962 | }, |
|
|
1941 | 1963 | |
|
|
1942 | 1964 | makePositioned: function(element) { |
|
|
1943 | 1965 | element = $(element); |
|
|
1944 | 1966 | var pos = Element.getStyle(element, 'position'); |
|
|
1945 | 1967 | if (pos == 'static' || !pos) { |
|
|
1946 | 1968 | element._madePositioned = true; |
|
|
1947 | 1969 | element.style.position = 'relative'; |
|
|
1948 | 1970 | // Opera returns the offset relative to the positioning context, when an |
|
|
1949 | 1971 | // element is position relative but top and left have not been defined |
|
|
1950 |
- if ( |
|
|
|
1972 | + if (Prototype.Browser.Opera) { | |
|
|
1951 | 1973 | element.style.top = 0; |
|
|
1952 | 1974 | element.style.left = 0; |
|
|
1953 | 1975 | } |
|
|
1954 | 1976 | } |
|
|
1955 | 1977 | return element; |
|
|
1956 | 1978 | }, |
|
|
1957 | 1979 | |
|
|
1958 | 1980 | undoPositioned: function(element) { |
|
|
1959 | 1981 | element = $(element); |
|
|
1960 | 1982 | if (element._madePositioned) { |
|
|
1961 | 1983 | element._madePositioned = undefined; |
|
|
1962 | 1984 | element.style.position = |
|
|
1963 | 1985 | element.style.top = |
|
|
1964 | 1986 | element.style.left = |
|
|
1965 | 1987 | element.style.bottom = |
|
|
1966 | 1988 | element.style.right = ''; |
|
|
1967 | 1989 | } |
|
|
1968 | 1990 | return element; |
|
|
1969 | 1991 | }, |
|
|
1970 | 1992 | |
|
|
1971 | 1993 | makeClipping: function(element) { |
|
|
1972 | 1994 | element = $(element); |
|
|
1973 | 1995 | if (element._overflow) return element; |
|
|
1974 | 1996 | element._overflow = Element.getStyle(element, 'overflow') || 'auto'; |
| @@ -1981,83 +2003,83 | |||
|
|
1981 | 2003 | element = $(element); |
|
|
1982 | 2004 | if (!element._overflow) return element; |
|
|
1983 | 2005 | element.style.overflow = element._overflow == 'auto' ? '' : element._overflow; |
|
|
1984 | 2006 | element._overflow = null; |
|
|
1985 | 2007 | return element; |
|
|
1986 | 2008 | }, |
|
|
1987 | 2009 | |
|
|
1988 | 2010 | cumulativeOffset: function(element) { |
|
|
1989 | 2011 | var valueT = 0, valueL = 0; |
|
|
1990 | 2012 | do { |
|
|
1991 | 2013 | valueT += element.offsetTop || 0; |
|
|
1992 | 2014 | valueL += element.offsetLeft || 0; |
|
|
1993 | 2015 | element = element.offsetParent; |
|
|
1994 | 2016 | } while (element); |
|
|
1995 | 2017 | return Element._returnOffset(valueL, valueT); |
|
|
1996 | 2018 | }, |
|
|
1997 | 2019 | |
|
|
1998 | 2020 | positionedOffset: function(element) { |
|
|
1999 | 2021 | var valueT = 0, valueL = 0; |
|
|
2000 | 2022 | do { |
|
|
2001 | 2023 | valueT += element.offsetTop || 0; |
|
|
2002 | 2024 | valueL += element.offsetLeft || 0; |
|
|
2003 | 2025 | element = element.offsetParent; |
|
|
2004 | 2026 | if (element) { |
|
|
2005 | - if (element.tagName == 'BODY') break; | |
|
|
2027 | + if (element.tagName.toUpperCase() == 'BODY') break; | |
|
|
2006 | 2028 | var p = Element.getStyle(element, 'position'); |
|
|
2007 |
- if (p == ' |
|
|
|
2029 | + if (p !== 'static') break; | |
|
|
2008 | 2030 | } |
|
|
2009 | 2031 | } while (element); |
|
|
2010 | 2032 | return Element._returnOffset(valueL, valueT); |
|
|
2011 | 2033 | }, |
|
|
2012 | 2034 | |
|
|
2013 | 2035 | absolutize: function(element) { |
|
|
2014 | 2036 | element = $(element); |
|
|
2015 | - if (element.getStyle('position') == 'absolute') return; | |
|
|
2037 | + if (element.getStyle('position') == 'absolute') return element; | |
|
|
2016 | 2038 | // Position.prepare(); // To be done manually by Scripty when it needs it. |
|
|
2017 | 2039 | |
|
|
2018 | 2040 | var offsets = element.positionedOffset(); |
|
|
2019 | 2041 | var top = offsets[1]; |
|
|
2020 | 2042 | var left = offsets[0]; |
|
|
2021 | 2043 | var width = element.clientWidth; |
|
|
2022 | 2044 | var height = element.clientHeight; |
|
|
2023 | 2045 | |
|
|
2024 | 2046 | element._originalLeft = left - parseFloat(element.style.left || 0); |
|
|
2025 | 2047 | element._originalTop = top - parseFloat(element.style.top || 0); |
|
|
2026 | 2048 | element._originalWidth = element.style.width; |
|
|
2027 | 2049 | element._originalHeight = element.style.height; |
|
|
2028 | 2050 | |
|
|
2029 | 2051 | element.style.position = 'absolute'; |
|
|
2030 | 2052 | element.style.top = top + 'px'; |
|
|
2031 | 2053 | element.style.left = left + 'px'; |
|
|
2032 | 2054 | element.style.width = width + 'px'; |
|
|
2033 | 2055 | element.style.height = height + 'px'; |
|
|
2034 | 2056 | return element; |
|
|
2035 | 2057 | }, |
|
|
2036 | 2058 | |
|
|
2037 | 2059 | relativize: function(element) { |
|
|
2038 | 2060 | element = $(element); |
|
|
2039 | - if (element.getStyle('position') == 'relative') return; | |
|
|
2061 | + if (element.getStyle('position') == 'relative') return element; | |
|
|
2040 | 2062 | // Position.prepare(); // To be done manually by Scripty when it needs it. |
|
|
2041 | 2063 | |
|
|
2042 | 2064 | element.style.position = 'relative'; |
|
|
2043 | 2065 | var top = parseFloat(element.style.top || 0) - (element._originalTop || 0); |
|
|
2044 | 2066 | var left = parseFloat(element.style.left || 0) - (element._originalLeft || 0); |
|
|
2045 | 2067 | |
|
|
2046 | 2068 | element.style.top = top + 'px'; |
|
|
2047 | 2069 | element.style.left = left + 'px'; |
|
|
2048 | 2070 | element.style.height = element._originalHeight; |
|
|
2049 | 2071 | element.style.width = element._originalWidth; |
|
|
2050 | 2072 | return element; |
|
|
2051 | 2073 | }, |
|
|
2052 | 2074 | |
|
|
2053 | 2075 | cumulativeScrollOffset: function(element) { |
|
|
2054 | 2076 | var valueT = 0, valueL = 0; |
|
|
2055 | 2077 | do { |
|
|
2056 | 2078 | valueT += element.scrollTop || 0; |
|
|
2057 | 2079 | valueL += element.scrollLeft || 0; |
|
|
2058 | 2080 | element = element.parentNode; |
|
|
2059 | 2081 | } while (element); |
|
|
2060 | 2082 | return Element._returnOffset(valueL, valueT); |
|
|
2061 | 2083 | }, |
|
|
2062 | 2084 | |
|
|
2063 | 2085 | getOffsetParent: function(element) { |
| @@ -2066,49 +2088,49 | |||
|
|
2066 | 2088 | |
|
|
2067 | 2089 | while ((element = element.parentNode) && element != document.body) |
|
|
2068 | 2090 | if (Element.getStyle(element, 'position') != 'static') |
|
|
2069 | 2091 | return $(element); |
|
|
2070 | 2092 | |
|
|
2071 | 2093 | return $(document.body); |
|
|
2072 | 2094 | }, |
|
|
2073 | 2095 | |
|
|
2074 | 2096 | viewportOffset: function(forElement) { |
|
|
2075 | 2097 | var valueT = 0, valueL = 0; |
|
|
2076 | 2098 | |
|
|
2077 | 2099 | var element = forElement; |
|
|
2078 | 2100 | do { |
|
|
2079 | 2101 | valueT += element.offsetTop || 0; |
|
|
2080 | 2102 | valueL += element.offsetLeft || 0; |
|
|
2081 | 2103 | |
|
|
2082 | 2104 | // Safari fix |
|
|
2083 | 2105 | if (element.offsetParent == document.body && |
|
|
2084 | 2106 | Element.getStyle(element, 'position') == 'absolute') break; |
|
|
2085 | 2107 | |
|
|
2086 | 2108 | } while (element = element.offsetParent); |
|
|
2087 | 2109 | |
|
|
2088 | 2110 | element = forElement; |
|
|
2089 | 2111 | do { |
|
|
2090 | - if (!Prototype.Browser.Opera || element.tagName == 'BODY') { | |
|
|
2112 | + if (!Prototype.Browser.Opera || (element.tagName && (element.tagName.toUpperCase() == 'BODY'))) { | |
|
|
2091 | 2113 | valueT -= element.scrollTop || 0; |
|
|
2092 | 2114 | valueL -= element.scrollLeft || 0; |
|
|
2093 | 2115 | } |
|
|
2094 | 2116 | } while (element = element.parentNode); |
|
|
2095 | 2117 | |
|
|
2096 | 2118 | return Element._returnOffset(valueL, valueT); |
|
|
2097 | 2119 | }, |
|
|
2098 | 2120 | |
|
|
2099 | 2121 | clonePosition: function(element, source) { |
|
|
2100 | 2122 | var options = Object.extend({ |
|
|
2101 | 2123 | setLeft: true, |
|
|
2102 | 2124 | setTop: true, |
|
|
2103 | 2125 | setWidth: true, |
|
|
2104 | 2126 | setHeight: true, |
|
|
2105 | 2127 | offsetTop: 0, |
|
|
2106 | 2128 | offsetLeft: 0 |
|
|
2107 | 2129 | }, arguments[2] || { }); |
|
|
2108 | 2130 | |
|
|
2109 | 2131 | // find page position of source |
|
|
2110 | 2132 | source = $(source); |
|
|
2111 | 2133 | var p = source.viewportOffset(); |
|
|
2112 | 2134 | |
|
|
2113 | 2135 | // find coordinate system to use |
|
|
2114 | 2136 | element = $(element); |
| @@ -2132,146 +2154,138 | |||
|
|
2132 | 2154 | if (options.setTop) element.style.top = (p[1] - delta[1] + options.offsetTop) + 'px'; |
|
|
2133 | 2155 | if (options.setWidth) element.style.width = source.offsetWidth + 'px'; |
|
|
2134 | 2156 | if (options.setHeight) element.style.height = source.offsetHeight + 'px'; |
|
|
2135 | 2157 | return element; |
|
|
2136 | 2158 | } |
|
|
2137 | 2159 | }; |
|
|
2138 | 2160 | |
|
|
2139 | 2161 | Element.Methods.identify.counter = 1; |
|
|
2140 | 2162 | |
|
|
2141 | 2163 | Object.extend(Element.Methods, { |
|
|
2142 | 2164 | getElementsBySelector: Element.Methods.select, |
|
|
2143 | 2165 | childElements: Element.Methods.immediateDescendants |
|
|
2144 | 2166 | }); |
|
|
2145 | 2167 | |
|
|
2146 | 2168 | Element._attributeTranslations = { |
|
|
2147 | 2169 | write: { |
|
|
2148 | 2170 | names: { |
|
|
2149 | 2171 | className: 'class', |
|
|
2150 | 2172 | htmlFor: 'for' |
|
|
2151 | 2173 | }, |
|
|
2152 | 2174 | values: { } |
|
|
2153 | 2175 | } |
|
|
2154 | 2176 | }; |
|
|
2155 | 2177 | |
|
|
2156 | - | |
|
|
2157 | - if (!document.createRange || Prototype.Browser.Opera) { | |
|
|
2158 | - Element.Methods.insert = function(element, insertions) { | |
|
|
2159 | - element = $(element); | |
|
|
2160 | - | |
|
|
2161 | - if (Object.isString(insertions) || Object.isNumber(insertions) || | |
|
|
2162 | - Object.isElement(insertions) || (insertions && (insertions.toElement || insertions.toHTML))) | |
|
|
2163 | - insertions = { bottom: insertions }; | |
|
|
2164 | - | |
|
|
2165 | - var t = Element._insertionTranslations, content, position, pos, tagName; | |
|
|
2166 | - | |
|
|
2167 | - for (position in insertions) { | |
|
|
2168 | - content = insertions[position]; | |
|
|
2169 | - position = position.toLowerCase(); | |
|
|
2170 | - pos = t[position]; | |
|
|
2171 | - | |
|
|
2172 | - if (content && content.toElement) content = content.toElement(); | |
|
|
2173 | - if (Object.isElement(content)) { | |
|
|
2174 | - pos.insert(element, content); | |
|
|
2175 | - continue; | |
|
|
2176 | - } | |
|
|
2177 | - | |
|
|
2178 | - content = Object.toHTML(content); | |
|
|
2179 | - tagName = ((position == 'before' || position == 'after') | |
|
|
2180 | - ? element.parentNode : element).tagName.toUpperCase(); | |
|
|
2181 | - | |
|
|
2182 | - if (t.tags[tagName]) { | |
|
|
2183 | - var fragments = Element._getContentFromAnonymousElement(tagName, content.stripScripts()); | |
|
|
2184 | - if (position == 'top' || position == 'after') fragments.reverse(); | |
|
|
2185 | - fragments.each(pos.insert.curry(element)); | |
|
|
2186 | - } | |
|
|
2187 | - else element.insertAdjacentHTML(pos.adjacency, content.stripScripts()); | |
|
|
2188 | - | |
|
|
2189 | - content.evalScripts.bind(content).defer(); | |
|
|
2190 | - } | |
|
|
2191 | - | |
|
|
2192 | - return element; | |
|
|
2193 | - }; | |
|
|
2194 | - } | |
|
|
2195 | - | |
|
|
2196 | 2178 | if (Prototype.Browser.Opera) { |
|
|
2197 | 2179 | Element.Methods.getStyle = Element.Methods.getStyle.wrap( |
|
|
2198 | 2180 | function(proceed, element, style) { |
|
|
2199 | 2181 | switch (style) { |
|
|
2200 | 2182 | case 'left': case 'top': case 'right': case 'bottom': |
|
|
2201 | 2183 | if (proceed(element, 'position') === 'static') return null; |
|
|
2202 | 2184 | case 'height': case 'width': |
|
|
2203 | 2185 | // returns '0px' for hidden elements; we want it to return null |
|
|
2204 | 2186 | if (!Element.visible(element)) return null; |
|
|
2205 | 2187 | |
|
|
2206 | 2188 | // returns the border-box dimensions rather than the content-box |
|
|
2207 | 2189 | // dimensions, so we subtract padding and borders from the value |
|
|
2208 | 2190 | var dim = parseInt(proceed(element, style), 10); |
|
|
2209 | 2191 | |
|
|
2210 | 2192 | if (dim !== element['offset' + style.capitalize()]) |
|
|
2211 | 2193 | return dim + 'px'; |
|
|
2212 | 2194 | |
|
|
2213 | 2195 | var properties; |
|
|
2214 | 2196 | if (style === 'height') { |
|
|
2215 | 2197 | properties = ['border-top-width', 'padding-top', |
|
|
2216 | 2198 | 'padding-bottom', 'border-bottom-width']; |
|
|
2217 | 2199 | } |
|
|
2218 | 2200 | else { |
|
|
2219 | 2201 | properties = ['border-left-width', 'padding-left', |
|
|
2220 | 2202 | 'padding-right', 'border-right-width']; |
|
|
2221 | 2203 | } |
|
|
2222 | 2204 | return properties.inject(dim, function(memo, property) { |
|
|
2223 | 2205 | var val = proceed(element, property); |
|
|
2224 | 2206 | return val === null ? memo : memo - parseInt(val, 10); |
|
|
2225 | 2207 | }) + 'px'; |
|
|
2226 | 2208 | default: return proceed(element, style); |
|
|
2227 | 2209 | } |
|
|
2228 | 2210 | } |
|
|
2229 | 2211 | ); |
|
|
2230 | 2212 | |
|
|
2231 | 2213 | Element.Methods.readAttribute = Element.Methods.readAttribute.wrap( |
|
|
2232 | 2214 | function(proceed, element, attribute) { |
|
|
2233 | 2215 | if (attribute === 'title') return element.title; |
|
|
2234 | 2216 | return proceed(element, attribute); |
|
|
2235 | 2217 | } |
|
|
2236 | 2218 | ); |
|
|
2237 | 2219 | } |
|
|
2238 | 2220 | |
|
|
2239 | 2221 | else if (Prototype.Browser.IE) { |
|
|
2240 | - $w('positionedOffset getOffsetParent viewportOffset').each(function(method) { | |
|
|
2222 | + // IE doesn't report offsets correctly for static elements, so we change them | |
|
|
2223 | + // to "relative" to get the values, then change them back. | |
|
|
2224 | + Element.Methods.getOffsetParent = Element.Methods.getOffsetParent.wrap( | |
|
|
2225 | + function(proceed, element) { | |
|
|
2226 | + element = $(element); | |
|
|
2227 | + // IE throws an error if element is not in document | |
|
|
2228 | + try { element.offsetParent } | |
|
|
2229 | + catch(e) { return $(document.body) } | |
|
|
2230 | + var position = element.getStyle('position'); | |
|
|
2231 | + if (position !== 'static') return proceed(element); | |
|
|
2232 | + element.setStyle({ position: 'relative' }); | |
|
|
2233 | + var value = proceed(element); | |
|
|
2234 | + element.setStyle({ position: position }); | |
|
|
2235 | + return value; | |
|
|
2236 | + } | |
|
|
2237 | + ); | |
|
|
2238 | + | |
|
|
2239 | + $w('positionedOffset viewportOffset').each(function(method) { | |
|
|
2241 | 2240 | Element.Methods[method] = Element.Methods[method].wrap( |
|
|
2242 | 2241 | function(proceed, element) { |
|
|
2243 | 2242 | element = $(element); |
|
|
2243 | + try { element.offsetParent } | |
|
|
2244 | + catch(e) { return Element._returnOffset(0,0) } | |
|
|
2244 | 2245 | var position = element.getStyle('position'); |
|
|
2245 | - if (position != 'static') return proceed(element); | |
|
|
2246 | + if (position !== 'static') return proceed(element); | |
|
|
2247 | + // Trigger hasLayout on the offset parent so that IE6 reports | |
|
|
2248 | + // accurate offsetTop and offsetLeft values for position: fixed. | |
|
|
2249 | + var offsetParent = element.getOffsetParent(); | |
|
|
2250 | + if (offsetParent && offsetParent.getStyle('position') === 'fixed') | |
|
|
2251 | + offsetParent.setStyle({ zoom: 1 }); | |
|
|
2246 | 2252 | element.setStyle({ position: 'relative' }); |
|
|
2247 | 2253 | var value = proceed(element); |
|
|
2248 | 2254 | element.setStyle({ position: position }); |
|
|
2249 | 2255 | return value; |
|
|
2250 | 2256 | } |
|
|
2251 | 2257 | ); |
|
|
2252 | 2258 | }); |
|
|
2253 | 2259 | |
|
|
2260 | + Element.Methods.cumulativeOffset = Element.Methods.cumulativeOffset.wrap( | |
|
|
2261 | + function(proceed, element) { | |
|
|
2262 | + try { element.offsetParent } | |
|
|
2263 | + catch(e) { return Element._returnOffset(0,0) } | |
|
|
2264 | + return proceed(element); | |
|
|
2265 | + } | |
|
|
2266 | + ); | |
|
|
2267 | + | |
|
|
2254 | 2268 | Element.Methods.getStyle = function(element, style) { |
|
|
2255 | 2269 | element = $(element); |
|
|
2256 | 2270 | style = (style == 'float' || style == 'cssFloat') ? 'styleFloat' : style.camelize(); |
|
|
2257 | 2271 | var value = element.style[style]; |
|
|
2258 | 2272 | if (!value && element.currentStyle) value = element.currentStyle[style]; |
|
|
2259 | 2273 | |
|
|
2260 | 2274 | if (style == 'opacity') { |
|
|
2261 | 2275 | if (value = (element.getStyle('filter') || '').match(/alpha\(opacity=(.*)\)/)) |
|
|
2262 | 2276 | if (value[1]) return parseFloat(value[1]) / 100; |
|
|
2263 | 2277 | return 1.0; |
|
|
2264 | 2278 | } |
|
|
2265 | 2279 | |
|
|
2266 | 2280 | if (value == 'auto') { |
|
|
2267 | 2281 | if ((style == 'width' || style == 'height') && (element.getStyle('display') != 'none')) |
|
|
2268 | 2282 | return element['offset' + style.capitalize()] + 'px'; |
|
|
2269 | 2283 | return null; |
|
|
2270 | 2284 | } |
|
|
2271 | 2285 | return value; |
|
|
2272 | 2286 | }; |
|
|
2273 | 2287 | |
|
|
2274 | 2288 | Element.Methods.setOpacity = function(element, value) { |
|
|
2275 | 2289 | function stripAlpha(filter){ |
|
|
2276 | 2290 | return filter.replace(/alpha\([^\)]*\)/gi,''); |
|
|
2277 | 2291 | } |
| @@ -2303,64 +2317,67 | |||
|
|
2303 | 2317 | return element.getAttribute(attribute, 2); |
|
|
2304 | 2318 | }, |
|
|
2305 | 2319 | _getAttrNode: function(element, attribute) { |
|
|
2306 | 2320 | var node = element.getAttributeNode(attribute); |
|
|
2307 | 2321 | return node ? node.value : ""; |
|
|
2308 | 2322 | }, |
|
|
2309 | 2323 | _getEv: function(element, attribute) { |
|
|
2310 | 2324 | attribute = element.getAttribute(attribute); |
|
|
2311 | 2325 | return attribute ? attribute.toString().slice(23, -2) : null; |
|
|
2312 | 2326 | }, |
|
|
2313 | 2327 | _flag: function(element, attribute) { |
|
|
2314 | 2328 | return $(element).hasAttribute(attribute) ? attribute : null; |
|
|
2315 | 2329 | }, |
|
|
2316 | 2330 | style: function(element) { |
|
|
2317 | 2331 | return element.style.cssText.toLowerCase(); |
|
|
2318 | 2332 | }, |
|
|
2319 | 2333 | title: function(element) { |
|
|
2320 | 2334 | return element.title; |
|
|
2321 | 2335 | } |
|
|
2322 | 2336 | } |
|
|
2323 | 2337 | } |
|
|
2324 | 2338 | }; |
|
|
2325 | 2339 | |
|
|
2326 | 2340 | Element._attributeTranslations.write = { |
|
|
2327 | - names: Object.clone(Element._attributeTranslations.read.names), | |
|
|
2341 | + names: Object.extend({ | |
|
|
2342 | + cellpadding: 'cellPadding', | |
|
|
2343 | + cellspacing: 'cellSpacing' | |
|
|
2344 | + }, Element._attributeTranslations.read.names), | |
|
|
2328 | 2345 | values: { |
|
|
2329 | 2346 | checked: function(element, value) { |
|
|
2330 | 2347 | element.checked = !!value; |
|
|
2331 | 2348 | }, |
|
|
2332 | 2349 | |
|
|
2333 | 2350 | style: function(element, value) { |
|
|
2334 | 2351 | element.style.cssText = value ? value : ''; |
|
|
2335 | 2352 | } |
|
|
2336 | 2353 | } |
|
|
2337 | 2354 | }; |
|
|
2338 | 2355 | |
|
|
2339 | 2356 | Element._attributeTranslations.has = {}; |
|
|
2340 | 2357 | |
|
|
2341 | 2358 | $w('colSpan rowSpan vAlign dateTime accessKey tabIndex ' + |
|
|
2342 | - 'encType maxLength readOnly longDesc').each(function(attr) { | |
|
|
2359 | + 'encType maxLength readOnly longDesc frameBorder').each(function(attr) { | |
|
|
2343 | 2360 | Element._attributeTranslations.write.names[attr.toLowerCase()] = attr; |
|
|
2344 | 2361 | Element._attributeTranslations.has[attr.toLowerCase()] = attr; |
|
|
2345 | 2362 | }); |
|
|
2346 | 2363 | |
|
|
2347 | 2364 | (function(v) { |
|
|
2348 | 2365 | Object.extend(v, { |
|
|
2349 | 2366 | href: v._getAttr, |
|
|
2350 | 2367 | src: v._getAttr, |
|
|
2351 | 2368 | type: v._getAttr, |
|
|
2352 | 2369 | action: v._getAttrNode, |
|
|
2353 | 2370 | disabled: v._flag, |
|
|
2354 | 2371 | checked: v._flag, |
|
|
2355 | 2372 | readonly: v._flag, |
|
|
2356 | 2373 | multiple: v._flag, |
|
|
2357 | 2374 | onload: v._getEv, |
|
|
2358 | 2375 | onunload: v._getEv, |
|
|
2359 | 2376 | onclick: v._getEv, |
|
|
2360 | 2377 | ondblclick: v._getEv, |
|
|
2361 | 2378 | onmousedown: v._getEv, |
|
|
2362 | 2379 | onmouseup: v._getEv, |
|
|
2363 | 2380 | onmouseover: v._getEv, |
|
|
2364 | 2381 | onmousemove: v._getEv, |
|
|
2365 | 2382 | onmouseout: v._getEv, |
|
|
2366 | 2383 | onfocus: v._getEv, |
| @@ -2371,49 +2388,49 | |||
|
|
2371 | 2388 | onsubmit: v._getEv, |
|
|
2372 | 2389 | onreset: v._getEv, |
|
|
2373 | 2390 | onselect: v._getEv, |
|
|
2374 | 2391 | onchange: v._getEv |
|
|
2375 | 2392 | }); |
|
|
2376 | 2393 | })(Element._attributeTranslations.read.values); |
|
|
2377 | 2394 | } |
|
|
2378 | 2395 | |
|
|
2379 | 2396 | else if (Prototype.Browser.Gecko && /rv:1\.8\.0/.test(navigator.userAgent)) { |
|
|
2380 | 2397 | Element.Methods.setOpacity = function(element, value) { |
|
|
2381 | 2398 | element = $(element); |
|
|
2382 | 2399 | element.style.opacity = (value == 1) ? 0.999999 : |
|
|
2383 | 2400 | (value === '') ? '' : (value < 0.00001) ? 0 : value; |
|
|
2384 | 2401 | return element; |
|
|
2385 | 2402 | }; |
|
|
2386 | 2403 | } |
|
|
2387 | 2404 | |
|
|
2388 | 2405 | else if (Prototype.Browser.WebKit) { |
|
|
2389 | 2406 | Element.Methods.setOpacity = function(element, value) { |
|
|
2390 | 2407 | element = $(element); |
|
|
2391 | 2408 | element.style.opacity = (value == 1 || value === '') ? '' : |
|
|
2392 | 2409 | (value < 0.00001) ? 0 : value; |
|
|
2393 | 2410 | |
|
|
2394 | 2411 | if (value == 1) |
|
|
2395 | - if(element.tagName == 'IMG' && element.width) { | |
|
|
2412 | + if(element.tagName.toUpperCase() == 'IMG' && element.width) { | |
|
|
2396 | 2413 | element.width++; element.width--; |
|
|
2397 | 2414 | } else try { |
|
|
2398 | 2415 | var n = document.createTextNode(' '); |
|
|
2399 | 2416 | element.appendChild(n); |
|
|
2400 | 2417 | element.removeChild(n); |
|
|
2401 | 2418 | } catch (e) { } |
|
|
2402 | 2419 | |
|
|
2403 | 2420 | return element; |
|
|
2404 | 2421 | }; |
|
|
2405 | 2422 | |
|
|
2406 | 2423 | // Safari returns margins on body which is incorrect if the child is absolutely |
|
|
2407 | 2424 | // positioned. For performance reasons, redefine Element#cumulativeOffset for |
|
|
2408 | 2425 | // KHTML/WebKit only. |
|
|
2409 | 2426 | Element.Methods.cumulativeOffset = function(element) { |
|
|
2410 | 2427 | var valueT = 0, valueL = 0; |
|
|
2411 | 2428 | do { |
|
|
2412 | 2429 | valueT += element.offsetTop || 0; |
|
|
2413 | 2430 | valueL += element.offsetLeft || 0; |
|
|
2414 | 2431 | if (element.offsetParent == document.body) |
|
|
2415 | 2432 | if (Element.getStyle(element, 'position') == 'absolute') break; |
|
|
2416 | 2433 | |
|
|
2417 | 2434 | element = element.offsetParent; |
|
|
2418 | 2435 | } while (element); |
|
|
2419 | 2436 | |
| @@ -2423,175 +2440,154 | |||
|
|
2423 | 2440 | |
|
|
2424 | 2441 | if (Prototype.Browser.IE || Prototype.Browser.Opera) { |
|
|
2425 | 2442 | // IE and Opera are missing .innerHTML support for TABLE-related and SELECT elements |
|
|
2426 | 2443 | Element.Methods.update = function(element, content) { |
|
|
2427 | 2444 | element = $(element); |
|
|
2428 | 2445 | |
|
|
2429 | 2446 | if (content && content.toElement) content = content.toElement(); |
|
|
2430 | 2447 | if (Object.isElement(content)) return element.update().insert(content); |
|
|
2431 | 2448 | |
|
|
2432 | 2449 | content = Object.toHTML(content); |
|
|
2433 | 2450 | var tagName = element.tagName.toUpperCase(); |
|
|
2434 | 2451 | |
|
|
2435 | 2452 | if (tagName in Element._insertionTranslations.tags) { |
|
|
2436 | 2453 | $A(element.childNodes).each(function(node) { element.removeChild(node) }); |
|
|
2437 | 2454 | Element._getContentFromAnonymousElement(tagName, content.stripScripts()) |
|
|
2438 | 2455 | .each(function(node) { element.appendChild(node) }); |
|
|
2439 | 2456 | } |
|
|
2440 | 2457 | else element.innerHTML = content.stripScripts(); |
|
|
2441 | 2458 | |
|
|
2442 | 2459 | content.evalScripts.bind(content).defer(); |
|
|
2443 | 2460 | return element; |
|
|
2444 | 2461 | }; |
|
|
2445 | 2462 | } |
|
|
2446 | 2463 | |
|
|
2447 |
- if (document.createElement('div') |
|
|
|
2464 | + if ('outerHTML' in document.createElement('div')) { | |
|
|
2448 | 2465 | Element.Methods.replace = function(element, content) { |
|
|
2449 | 2466 | element = $(element); |
|
|
2450 | 2467 | |
|
|
2451 | 2468 | if (content && content.toElement) content = content.toElement(); |
|
|
2452 | 2469 | if (Object.isElement(content)) { |
|
|
2453 | 2470 | element.parentNode.replaceChild(content, element); |
|
|
2454 | 2471 | return element; |
|
|
2455 | 2472 | } |
|
|
2456 | 2473 | |
|
|
2457 | 2474 | content = Object.toHTML(content); |
|
|
2458 | 2475 | var parent = element.parentNode, tagName = parent.tagName.toUpperCase(); |
|
|
2459 | 2476 | |
|
|
2460 | 2477 | if (Element._insertionTranslations.tags[tagName]) { |
|
|
2461 | 2478 | var nextSibling = element.next(); |
|
|
2462 | 2479 | var fragments = Element._getContentFromAnonymousElement(tagName, content.stripScripts()); |
|
|
2463 | 2480 | parent.removeChild(element); |
|
|
2464 | 2481 | if (nextSibling) |
|
|
2465 | 2482 | fragments.each(function(node) { parent.insertBefore(node, nextSibling) }); |
|
|
2466 | 2483 | else |
|
|
2467 | 2484 | fragments.each(function(node) { parent.appendChild(node) }); |
|
|
2468 | 2485 | } |
|
|
2469 | 2486 | else element.outerHTML = content.stripScripts(); |
|
|
2470 | 2487 | |
|
|
2471 | 2488 | content.evalScripts.bind(content).defer(); |
|
|
2472 | 2489 | return element; |
|
|
2473 | 2490 | }; |
|
|
2474 | 2491 | } |
|
|
2475 | 2492 | |
|
|
2476 | 2493 | Element._returnOffset = function(l, t) { |
|
|
2477 | 2494 | var result = [l, t]; |
|
|
2478 | 2495 | result.left = l; |
|
|
2479 | 2496 | result.top = t; |
|
|
2480 | 2497 | return result; |
|
|
2481 | 2498 | }; |
|
|
2482 | 2499 | |
|
|
2483 | 2500 | Element._getContentFromAnonymousElement = function(tagName, html) { |
|
|
2484 | 2501 | var div = new Element('div'), t = Element._insertionTranslations.tags[tagName]; |
|
|
2502 | + if (t) { | |
|
|
2485 | 2503 | div.innerHTML = t[0] + html + t[1]; |
|
|
2486 | 2504 | t[2].times(function() { div = div.firstChild }); |
|
|
2505 | + } else div.innerHTML = html; | |
|
|
2487 | 2506 | return $A(div.childNodes); |
|
|
2488 | 2507 | }; |
|
|
2489 | 2508 | |
|
|
2490 | 2509 | Element._insertionTranslations = { |
|
|
2491 | - before: { | |
|
|
2492 | - adjacency: 'beforeBegin', | |
|
|
2493 | - insert: function(element, node) { | |
|
|
2510 | + before: function(element, node) { | |
|
|
2494 | 2511 |
|
|
|
2495 | 2512 |
|
|
|
2496 |
- |
|
|
|
2497 | - range.setStartBefore(element); | |
|
|
2498 | - } | |
|
|
2499 | - }, | |
|
|
2500 | - top: { | |
|
|
2501 | - adjacency: 'afterBegin', | |
|
|
2502 | - insert: function(element, node) { | |
|
|
2513 | + top: function(element, node) { | |
|
|
2503 | 2514 |
|
|
|
2504 | 2515 |
|
|
|
2505 |
- |
|
|
|
2506 | - range.selectNodeContents(element); | |
|
|
2507 | - range.collapse(true); | |
|
|
2508 | - } | |
|
|
2509 | - }, | |
|
|
2510 | - bottom: { | |
|
|
2511 | - adjacency: 'beforeEnd', | |
|
|
2512 | - insert: function(element, node) { | |
|
|
2516 | + bottom: function(element, node) { | |
|
|
2513 | 2517 |
|
|
|
2514 |
- |
|
|
|
2515 | - }, | |
|
|
2516 | - after: { | |
|
|
2517 | - adjacency: 'afterEnd', | |
|
|
2518 | - insert: function(element, node) { | |
|
|
2518 | + }, | |
|
|
2519 | + after: function(element, node) { | |
|
|
2519 | 2520 |
|
|
|
2520 | 2521 |
|
|
|
2521 | - initializeRange: function(element, range) { | |
|
|
2522 | - range.setStartAfter(element); | |
|
|
2523 | - } | |
|
|
2524 | - }, | |
|
|
2525 | 2522 | tags: { |
|
|
2526 | 2523 | TABLE: ['<table>', '</table>', 1], |
|
|
2527 | 2524 | TBODY: ['<table><tbody>', '</tbody></table>', 2], |
|
|
2528 | 2525 | TR: ['<table><tbody><tr>', '</tr></tbody></table>', 3], |
|
|
2529 | 2526 | TD: ['<table><tbody><tr><td>', '</td></tr></tbody></table>', 4], |
|
|
2530 | 2527 | SELECT: ['<select>', '</select>', 1] |
|
|
2531 | 2528 | } |
|
|
2532 | 2529 | }; |
|
|
2533 | 2530 | |
|
|
2534 | 2531 | (function() { |
|
|
2535 | - this.bottom.initializeRange = this.top.initializeRange; | |
|
|
2536 | 2532 | Object.extend(this.tags, { |
|
|
2537 | 2533 | THEAD: this.tags.TBODY, |
|
|
2538 | 2534 | TFOOT: this.tags.TBODY, |
|
|
2539 | 2535 | TH: this.tags.TD |
|
|
2540 | 2536 | }); |
|
|
2541 | 2537 | }).call(Element._insertionTranslations); |
|
|
2542 | 2538 | |
|
|
2543 | 2539 | Element.Methods.Simulated = { |
|
|
2544 | 2540 | hasAttribute: function(element, attribute) { |
|
|
2545 | 2541 | attribute = Element._attributeTranslations.has[attribute] || attribute; |
|
|
2546 | 2542 | var node = $(element).getAttributeNode(attribute); |
|
|
2547 | - return node && node.specified; | |
|
|
2543 | + return !!(node && node.specified); | |
|
|
2548 | 2544 | } |
|
|
2549 | 2545 | }; |
|
|
2550 | 2546 | |
|
|
2551 | 2547 | Element.Methods.ByTag = { }; |
|
|
2552 | 2548 | |
|
|
2553 | 2549 | Object.extend(Element, Element.Methods); |
|
|
2554 | 2550 | |
|
|
2555 | 2551 | if (!Prototype.BrowserFeatures.ElementExtensions && |
|
|
2556 |
- document.createElement('div') |
|
|
|
2552 | + document.createElement('div')['__proto__']) { | |
|
|
2557 | 2553 | window.HTMLElement = { }; |
|
|
2558 |
- window.HTMLElement.prototype = document.createElement('div') |
|
|
|
2554 | + window.HTMLElement.prototype = document.createElement('div')['__proto__']; | |
|
|
2559 | 2555 | Prototype.BrowserFeatures.ElementExtensions = true; |
|
|
2560 | 2556 | } |
|
|
2561 | 2557 | |
|
|
2562 | 2558 | Element.extend = (function() { |
|
|
2563 | 2559 | if (Prototype.BrowserFeatures.SpecificElementExtensions) |
|
|
2564 | 2560 | return Prototype.K; |
|
|
2565 | 2561 | |
|
|
2566 | 2562 | var Methods = { }, ByTag = Element.Methods.ByTag; |
|
|
2567 | 2563 | |
|
|
2568 | 2564 | var extend = Object.extend(function(element) { |
|
|
2569 | 2565 | if (!element || element._extendedByPrototype || |
|
|
2570 | 2566 | element.nodeType != 1 || element == window) return element; |
|
|
2571 | 2567 | |
|
|
2572 | 2568 | var methods = Object.clone(Methods), |
|
|
2573 | - tagName = element.tagName, property, value; | |
|
|
2569 | + tagName = element.tagName.toUpperCase(), property, value; | |
|
|
2574 | 2570 | |
|
|
2575 | 2571 | // extend methods for specific tags |
|
|
2576 | 2572 | if (ByTag[tagName]) Object.extend(methods, ByTag[tagName]); |
|
|
2577 | 2573 | |
|
|
2578 | 2574 | for (property in methods) { |
|
|
2579 | 2575 | value = methods[property]; |
|
|
2580 | 2576 | if (Object.isFunction(value) && !(property in element)) |
|
|
2581 | 2577 | element[property] = value.methodize(); |
|
|
2582 | 2578 | } |
|
|
2583 | 2579 | |
|
|
2584 | 2580 | element._extendedByPrototype = Prototype.emptyFunction; |
|
|
2585 | 2581 | return element; |
|
|
2586 | 2582 | |
|
|
2587 | 2583 | }, { |
|
|
2588 | 2584 | refresh: function() { |
|
|
2589 | 2585 | // extend methods for all tags (Safari doesn't need this) |
|
|
2590 | 2586 | if (!Prototype.BrowserFeatures.ElementExtensions) { |
|
|
2591 | 2587 | Object.extend(Methods, Element.Methods); |
|
|
2592 | 2588 | Object.extend(Methods, Element.Methods.Simulated); |
|
|
2593 | 2589 | } |
|
|
2594 | 2590 | } |
|
|
2595 | 2591 | }); |
|
|
2596 | 2592 | |
|
|
2597 | 2593 | extend.refresh(); |
| @@ -2645,130 +2641,159 | |||
|
|
2645 | 2641 | } |
|
|
2646 | 2642 | } |
|
|
2647 | 2643 | |
|
|
2648 | 2644 | function findDOMClass(tagName) { |
|
|
2649 | 2645 | var klass; |
|
|
2650 | 2646 | var trans = { |
|
|
2651 | 2647 | "OPTGROUP": "OptGroup", "TEXTAREA": "TextArea", "P": "Paragraph", |
|
|
2652 | 2648 | "FIELDSET": "FieldSet", "UL": "UList", "OL": "OList", "DL": "DList", |
|
|
2653 | 2649 | "DIR": "Directory", "H1": "Heading", "H2": "Heading", "H3": "Heading", |
|
|
2654 | 2650 | "H4": "Heading", "H5": "Heading", "H6": "Heading", "Q": "Quote", |
|
|
2655 | 2651 | "INS": "Mod", "DEL": "Mod", "A": "Anchor", "IMG": "Image", "CAPTION": |
|
|
2656 | 2652 | "TableCaption", "COL": "TableCol", "COLGROUP": "TableCol", "THEAD": |
|
|
2657 | 2653 | "TableSection", "TFOOT": "TableSection", "TBODY": "TableSection", "TR": |
|
|
2658 | 2654 | "TableRow", "TH": "TableCell", "TD": "TableCell", "FRAMESET": |
|
|
2659 | 2655 | "FrameSet", "IFRAME": "IFrame" |
|
|
2660 | 2656 | }; |
|
|
2661 | 2657 | if (trans[tagName]) klass = 'HTML' + trans[tagName] + 'Element'; |
|
|
2662 | 2658 | if (window[klass]) return window[klass]; |
|
|
2663 | 2659 | klass = 'HTML' + tagName + 'Element'; |
|
|
2664 | 2660 | if (window[klass]) return window[klass]; |
|
|
2665 | 2661 | klass = 'HTML' + tagName.capitalize() + 'Element'; |
|
|
2666 | 2662 | if (window[klass]) return window[klass]; |
|
|
2667 | 2663 | |
|
|
2668 | 2664 | window[klass] = { }; |
|
|
2669 |
- window[klass].prototype = document.createElement(tagName) |
|
|
|
2665 | + window[klass].prototype = document.createElement(tagName)['__proto__']; | |
|
|
2670 | 2666 | return window[klass]; |
|
|
2671 | 2667 | } |
|
|
2672 | 2668 | |
|
|
2673 | 2669 | if (F.ElementExtensions) { |
|
|
2674 | 2670 | copy(Element.Methods, HTMLElement.prototype); |
|
|
2675 | 2671 | copy(Element.Methods.Simulated, HTMLElement.prototype, true); |
|
|
2676 | 2672 | } |
|
|
2677 | 2673 | |
|
|
2678 | 2674 | if (F.SpecificElementExtensions) { |
|
|
2679 | 2675 | for (var tag in Element.Methods.ByTag) { |
|
|
2680 | 2676 | var klass = findDOMClass(tag); |
|
|
2681 | 2677 | if (Object.isUndefined(klass)) continue; |
|
|
2682 | 2678 | copy(T[tag], klass.prototype); |
|
|
2683 | 2679 | } |
|
|
2684 | 2680 | } |
|
|
2685 | 2681 | |
|
|
2686 | 2682 | Object.extend(Element, Element.Methods); |
|
|
2687 | 2683 | delete Element.ByTag; |
|
|
2688 | 2684 | |
|
|
2689 | 2685 | if (Element.extend.refresh) Element.extend.refresh(); |
|
|
2690 | 2686 | Element.cache = { }; |
|
|
2691 | 2687 | }; |
|
|
2692 | 2688 | |
|
|
2693 | 2689 | document.viewport = { |
|
|
2694 | 2690 | getDimensions: function() { |
|
|
2695 | - var dimensions = { }; | |
|
|
2696 | - var B = Prototype.Browser; | |
|
|
2691 | + var dimensions = { }, B = Prototype.Browser; | |
|
|
2697 | 2692 | $w('width height').each(function(d) { |
|
|
2698 | 2693 | var D = d.capitalize(); |
|
|
2699 |
- |
|
|
|
2700 | - (B.Opera) ? document.body['client' + D] : document.documentElement['client' + D]; | |
|
|
2694 | + if (B.WebKit && !document.evaluate) { | |
|
|
2695 | + // Safari <3.0 needs self.innerWidth/Height | |
|
|
2696 | + dimensions[d] = self['inner' + D]; | |
|
|
2697 | + } else if (B.Opera && parseFloat(window.opera.version()) < 9.5) { | |
|
|
2698 | + // Opera <9.5 needs document.body.clientWidth/Height | |
|
|
2699 | + dimensions[d] = document.body['client' + D] | |
|
|
2700 | + } else { | |
|
|
2701 | + dimensions[d] = document.documentElement['client' + D]; | |
|
|
2702 | + } | |
|
|
2701 | 2703 | }); |
|
|
2702 | 2704 | return dimensions; |
|
|
2703 | 2705 | }, |
|
|
2704 | 2706 | |
|
|
2705 | 2707 | getWidth: function() { |
|
|
2706 | 2708 | return this.getDimensions().width; |
|
|
2707 | 2709 | }, |
|
|
2708 | 2710 | |
|
|
2709 | 2711 | getHeight: function() { |
|
|
2710 | 2712 | return this.getDimensions().height; |
|
|
2711 | 2713 | }, |
|
|
2712 | 2714 | |
|
|
2713 | 2715 | getScrollOffsets: function() { |
|
|
2714 | 2716 | return Element._returnOffset( |
|
|
2715 | 2717 | window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft, |
|
|
2716 | 2718 | window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop); |
|
|
2717 | 2719 | } |
|
|
2718 | 2720 | }; |
|
|
2719 |
- /* Portions of the Selector class are derived from Jack Slocum |
|
|
|
2721 | + /* Portions of the Selector class are derived from Jack Slocum's DomQuery, | |
|
|
2720 | 2722 | * part of YUI-Ext version 0.40, distributed under the terms of an MIT-style |
|
|
2721 | 2723 | * license. Please see http://www.yui-ext.com/ for more information. */ |
|
|
2722 | 2724 | |
|
|
2723 | 2725 | var Selector = Class.create({ |
|
|
2724 | 2726 | initialize: function(expression) { |
|
|
2725 | 2727 | this.expression = expression.strip(); |
|
|
2728 | + | |
|
|
2729 | + if (this.shouldUseSelectorsAPI()) { | |
|
|
2730 | + this.mode = 'selectorsAPI'; | |
|
|
2731 | + } else if (this.shouldUseXPath()) { | |
|
|
2732 | + this.mode = 'xpath'; | |
|
|
2733 | + this.compileXPathMatcher(); | |
|
|
2734 | + } else { | |
|
|
2735 | + this.mode = "normal"; | |
|
|
2726 | 2736 | this.compileMatcher(); |
|
|
2737 | + } | |
|
|
2738 | + | |
|
|
2727 | 2739 | }, |
|
|
2728 | 2740 | |
|
|
2729 | 2741 | shouldUseXPath: function() { |
|
|
2730 | 2742 | if (!Prototype.BrowserFeatures.XPath) return false; |
|
|
2731 | 2743 | |
|
|
2732 | 2744 | var e = this.expression; |
|
|
2733 | 2745 | |
|
|
2734 | 2746 | // Safari 3 chokes on :*-of-type and :empty |
|
|
2735 | 2747 | if (Prototype.Browser.WebKit && |
|
|
2736 | 2748 | (e.include("-of-type") || e.include(":empty"))) |
|
|
2737 | 2749 | return false; |
|
|
2738 | 2750 | |
|
|
2739 | 2751 | // XPath can't do namespaced attributes, nor can it read |
|
|
2740 | 2752 | // the "checked" property from DOM nodes |
|
|
2741 |
- if ((/(\[[\w-]*?:|:checked)/).test( |
|
|
|
2753 | + if ((/(\[[\w-]*?:|:checked)/).test(e)) | |
|
|
2742 | 2754 | return false; |
|
|
2743 | 2755 | |
|
|
2744 | 2756 | return true; |
|
|
2745 | 2757 | }, |
|
|
2746 | 2758 | |
|
|
2759 | + shouldUseSelectorsAPI: function() { | |
|
|
2760 | + if (!Prototype.BrowserFeatures.SelectorsAPI) return false; | |
|
|
2761 | + | |
|
|
2762 | + if (!Selector._div) Selector._div = new Element('div'); | |
|
|
2763 | + | |
|
|
2764 | + // Make sure the browser treats the selector as valid. Test on an | |
|
|
2765 | + // isolated element to minimize cost of this check. | |
|
|
2766 | + try { | |
|
|
2767 | + Selector._div.querySelector(this.expression); | |
|
|
2768 | + } catch(e) { | |
|
|
2769 | + return false; | |
|
|
2770 | + } | |
|
|
2771 | + | |
|
|
2772 | + return true; | |
|
|
2773 | + }, | |
|
|
2774 | + | |
|
|
2747 | 2775 | compileMatcher: function() { |
|
|
2748 | - if (this.shouldUseXPath()) | |
|
|
2749 | - return this.compileXPathMatcher(); | |
|
|
2750 | - | |
|
|
2751 | 2776 | var e = this.expression, ps = Selector.patterns, h = Selector.handlers, |
|
|
2752 | 2777 | c = Selector.criteria, le, p, m; |
|
|
2753 | 2778 | |
|
|
2754 | 2779 | if (Selector._cache[e]) { |
|
|
2755 | 2780 | this.matcher = Selector._cache[e]; |
|
|
2756 | 2781 | return; |
|
|
2757 | 2782 | } |
|
|
2758 | 2783 | |
|
|
2759 | 2784 | this.matcher = ["this.matcher = function(root) {", |
|
|
2760 | 2785 | "var r = root, h = Selector.handlers, c = false, n;"]; |
|
|
2761 | 2786 | |
|
|
2762 | 2787 | while (e && le != e && (/\S/).test(e)) { |
|
|
2763 | 2788 | le = e; |
|
|
2764 | 2789 | for (var i in ps) { |
|
|
2765 | 2790 | p = ps[i]; |
|
|
2766 | 2791 | if (m = e.match(p)) { |
|
|
2767 | 2792 | this.matcher.push(Object.isFunction(c[i]) ? c[i](m) : |
|
|
2768 | 2793 |
|
|
|
2769 | 2794 | e = e.replace(m[0], ''); |
|
|
2770 | 2795 | break; |
|
|
2771 | 2796 | } |
|
|
2772 | 2797 | } |
|
|
2773 | 2798 | } |
|
|
2774 | 2799 | |
| @@ -2783,50 +2808,69 | |||
|
|
2783 | 2808 | |
|
|
2784 | 2809 | if (Selector._cache[e]) { |
|
|
2785 | 2810 | this.xpath = Selector._cache[e]; return; |
|
|
2786 | 2811 | } |
|
|
2787 | 2812 | |
|
|
2788 | 2813 | this.matcher = ['.//*']; |
|
|
2789 | 2814 | while (e && le != e && (/\S/).test(e)) { |
|
|
2790 | 2815 | le = e; |
|
|
2791 | 2816 | for (var i in ps) { |
|
|
2792 | 2817 | if (m = e.match(ps[i])) { |
|
|
2793 | 2818 | this.matcher.push(Object.isFunction(x[i]) ? x[i](m) : |
|
|
2794 | 2819 | new Template(x[i]).evaluate(m)); |
|
|
2795 | 2820 | e = e.replace(m[0], ''); |
|
|
2796 | 2821 | break; |
|
|
2797 | 2822 | } |
|
|
2798 | 2823 | } |
|
|
2799 | 2824 | } |
|
|
2800 | 2825 | |
|
|
2801 | 2826 | this.xpath = this.matcher.join(''); |
|
|
2802 | 2827 | Selector._cache[this.expression] = this.xpath; |
|
|
2803 | 2828 | }, |
|
|
2804 | 2829 | |
|
|
2805 | 2830 | findElements: function(root) { |
|
|
2806 | 2831 | root = root || document; |
|
|
2807 | - if (this.xpath) return document._getElementsByXPath(this.xpath, root); | |
|
|
2832 | + var e = this.expression, results; | |
|
|
2833 | + | |
|
|
2834 | + switch (this.mode) { | |
|
|
2835 | + case 'selectorsAPI': | |
|
|
2836 | + // querySelectorAll queries document-wide, then filters to descendants | |
|
|
2837 | + // of the context element. That's not what we want. | |
|
|
2838 | + // Add an explicit context to the selector if necessary. | |
|
|
2839 | + if (root !== document) { | |
|
|
2840 | + var oldId = root.id, id = $(root).identify(); | |
|
|
2841 | + e = "#" + id + " " + e; | |
|
|
2842 | + } | |
|
|
2843 | + | |
|
|
2844 | + results = $A(root.querySelectorAll(e)).map(Element.extend); | |
|
|
2845 | + root.id = oldId; | |
|
|
2846 | + | |
|
|
2847 | + return results; | |
|
|
2848 | + case 'xpath': | |
|
|
2849 | + return document._getElementsByXPath(this.xpath, root); | |
|
|
2850 | + default: | |
|
|
2808 | 2851 | return this.matcher(root); |
|
|
2852 | + } | |
|
|
2809 | 2853 | }, |
|
|
2810 | 2854 | |
|
|
2811 | 2855 | match: function(element) { |
|
|
2812 | 2856 | this.tokens = []; |
|
|
2813 | 2857 | |
|
|
2814 | 2858 | var e = this.expression, ps = Selector.patterns, as = Selector.assertions; |
|
|
2815 | 2859 | var le, p, m; |
|
|
2816 | 2860 | |
|
|
2817 | 2861 | while (e && le !== e && (/\S/).test(e)) { |
|
|
2818 | 2862 | le = e; |
|
|
2819 | 2863 | for (var i in ps) { |
|
|
2820 | 2864 | p = ps[i]; |
|
|
2821 | 2865 | if (m = e.match(p)) { |
|
|
2822 | 2866 | // use the Selector.assertions methods unless the selector |
|
|
2823 | 2867 | // is too complex. |
|
|
2824 | 2868 | if (as[i]) { |
|
|
2825 | 2869 | this.tokens.push([i, Object.clone(m)]); |
|
|
2826 | 2870 | e = e.replace(m[0], ''); |
|
|
2827 | 2871 | } else { |
|
|
2828 | 2872 | // reluctantly do a document-wide search |
|
|
2829 | 2873 | // and look for a match in the array |
|
|
2830 | 2874 | return this.findElements(document).include(element); |
|
|
2831 | 2875 | } |
|
|
2832 | 2876 | } |
| @@ -2875,52 +2919,52 | |||
|
|
2875 | 2919 | attr: function(m) { |
|
|
2876 | 2920 | m[1] = m[1].toLowerCase(); |
|
|
2877 | 2921 | m[3] = m[5] || m[6]; |
|
|
2878 | 2922 | return new Template(Selector.xpath.operators[m[2]]).evaluate(m); |
|
|
2879 | 2923 | }, |
|
|
2880 | 2924 | pseudo: function(m) { |
|
|
2881 | 2925 | var h = Selector.xpath.pseudos[m[1]]; |
|
|
2882 | 2926 | if (!h) return ''; |
|
|
2883 | 2927 | if (Object.isFunction(h)) return h(m); |
|
|
2884 | 2928 | return new Template(Selector.xpath.pseudos[m[1]]).evaluate(m); |
|
|
2885 | 2929 | }, |
|
|
2886 | 2930 | operators: { |
|
|
2887 | 2931 | '=': "[@#{1}='#{3}']", |
|
|
2888 | 2932 | '!=': "[@#{1}!='#{3}']", |
|
|
2889 | 2933 | '^=': "[starts-with(@#{1}, '#{3}')]", |
|
|
2890 | 2934 | '$=': "[substring(@#{1}, (string-length(@#{1}) - string-length('#{3}') + 1))='#{3}']", |
|
|
2891 | 2935 | '*=': "[contains(@#{1}, '#{3}')]", |
|
|
2892 | 2936 | '~=': "[contains(concat(' ', @#{1}, ' '), ' #{3} ')]", |
|
|
2893 | 2937 | '|=': "[contains(concat('-', @#{1}, '-'), '-#{3}-')]" |
|
|
2894 | 2938 | }, |
|
|
2895 | 2939 | pseudos: { |
|
|
2896 | 2940 | 'first-child': '[not(preceding-sibling::*)]', |
|
|
2897 | 2941 | 'last-child': '[not(following-sibling::*)]', |
|
|
2898 | 2942 | 'only-child': '[not(preceding-sibling::* or following-sibling::*)]', |
|
|
2899 |
- 'empty': "[count(*) = 0 and (count(text()) = 0 |
|
|
|
2943 | + 'empty': "[count(*) = 0 and (count(text()) = 0)]", | |
|
|
2900 | 2944 | 'checked': "[@checked]", |
|
|
2901 | - 'disabled': "[@disabled]", | |
|
|
2902 | - 'enabled': "[not(@disabled)]", | |
|
|
2945 | + 'disabled': "[(@disabled) and (@type!='hidden')]", | |
|
|
2946 | + 'enabled': "[not(@disabled) and (@type!='hidden')]", | |
|
|
2903 | 2947 | 'not': function(m) { |
|
|
2904 | 2948 | var e = m[6], p = Selector.patterns, |
|
|
2905 | 2949 | x = Selector.xpath, le, v; |
|
|
2906 | 2950 | |
|
|
2907 | 2951 | var exclusion = []; |
|
|
2908 | 2952 | while (e && le != e && (/\S/).test(e)) { |
|
|
2909 | 2953 | le = e; |
|
|
2910 | 2954 | for (var i in p) { |
|
|
2911 | 2955 | if (m = e.match(p[i])) { |
|
|
2912 | 2956 | v = Object.isFunction(x[i]) ? x[i](m) : new Template(x[i]).evaluate(m); |
|
|
2913 | 2957 | exclusion.push("(" + v.substring(1, v.length - 1) + ")"); |
|
|
2914 | 2958 | e = e.replace(m[0], ''); |
|
|
2915 | 2959 | break; |
|
|
2916 | 2960 | } |
|
|
2917 | 2961 | } |
|
|
2918 | 2962 | } |
|
|
2919 | 2963 | return "[not(" + exclusion.join(" and ") + ")]"; |
|
|
2920 | 2964 | }, |
|
|
2921 | 2965 | 'nth-child': function(m) { |
|
|
2922 | 2966 | return Selector.xpath.pseudos.nth("(count(./preceding-sibling::*) + 1) ", m); |
|
|
2923 | 2967 | }, |
|
|
2924 | 2968 | 'nth-last-child': function(m) { |
|
|
2925 | 2969 | return Selector.xpath.pseudos.nth("(count(./following-sibling::*) + 1) ", m); |
|
|
2926 | 2970 | }, |
| @@ -2941,149 +2985,151 | |||
|
|
2941 | 2985 | }, |
|
|
2942 | 2986 | nth: function(fragment, m) { |
|
|
2943 | 2987 | var mm, formula = m[6], predicate; |
|
|
2944 | 2988 | if (formula == 'even') formula = '2n+0'; |
|
|
2945 | 2989 | if (formula == 'odd') formula = '2n+1'; |
|
|
2946 | 2990 | if (mm = formula.match(/^(\d+)$/)) // digit only |
|
|
2947 | 2991 | return '[' + fragment + "= " + mm[1] + ']'; |
|
|
2948 | 2992 | if (mm = formula.match(/^(-?\d*)?n(([+-])(\d+))?/)) { // an+b |
|
|
2949 | 2993 | if (mm[1] == "-") mm[1] = -1; |
|
|
2950 | 2994 | var a = mm[1] ? Number(mm[1]) : 1; |
|
|
2951 | 2995 | var b = mm[2] ? Number(mm[2]) : 0; |
|
|
2952 | 2996 | predicate = "[((#{fragment} - #{b}) mod #{a} = 0) and " + |
|
|
2953 | 2997 | "((#{fragment} - #{b}) div #{a} >= 0)]"; |
|
|
2954 | 2998 | return new Template(predicate).evaluate({ |
|
|
2955 | 2999 | fragment: fragment, a: a, b: b }); |
|
|
2956 | 3000 | } |
|
|
2957 | 3001 | } |
|
|
2958 | 3002 | } |
|
|
2959 | 3003 | }, |
|
|
2960 | 3004 | |
|
|
2961 | 3005 | criteria: { |
|
|
2962 | 3006 | tagName: 'n = h.tagName(n, r, "#{1}", c); c = false;', |
|
|
2963 | 3007 | className: 'n = h.className(n, r, "#{1}", c); c = false;', |
|
|
2964 | 3008 | id: 'n = h.id(n, r, "#{1}", c); c = false;', |
|
|
2965 | - attrPresence: 'n = h.attrPresence(n, r, "#{1}"); c = false;', | |
|
|
3009 | + attrPresence: 'n = h.attrPresence(n, r, "#{1}", c); c = false;', | |
|
|
2966 | 3010 | attr: function(m) { |
|
|
2967 | 3011 | m[3] = (m[5] || m[6]); |
|
|
2968 | - return new Template('n = h.attr(n, r, "#{1}", "#{3}", "#{2}"); c = false;').evaluate(m); | |
|
|
3012 | + return new Template('n = h.attr(n, r, "#{1}", "#{3}", "#{2}", c); c = false;').evaluate(m); | |
|
|
2969 | 3013 | }, |
|
|
2970 | 3014 | pseudo: function(m) { |
|
|
2971 | 3015 | if (m[6]) m[6] = m[6].replace(/"/g, '\\"'); |
|
|
2972 | 3016 | return new Template('n = h.pseudo(n, "#{1}", "#{6}", r, c); c = false;').evaluate(m); |
|
|
2973 | 3017 | }, |
|
|
2974 | 3018 | descendant: 'c = "descendant";', |
|
|
2975 | 3019 | child: 'c = "child";', |
|
|
2976 | 3020 | adjacent: 'c = "adjacent";', |
|
|
2977 | 3021 | laterSibling: 'c = "laterSibling";' |
|
|
2978 | 3022 | }, |
|
|
2979 | 3023 | |
|
|
2980 | 3024 | patterns: { |
|
|
2981 | 3025 | // combinators must be listed first |
|
|
2982 | 3026 | // (and descendant needs to be last combinator) |
|
|
2983 | 3027 | laterSibling: /^\s*~\s*/, |
|
|
2984 | 3028 | child: /^\s*>\s*/, |
|
|
2985 | 3029 | adjacent: /^\s*\+\s*/, |
|
|
2986 | 3030 | descendant: /^\s/, |
|
|
2987 | 3031 | |
|
|
2988 | 3032 | // selectors follow |
|
|
2989 | 3033 | tagName: /^\s*(\*|[\w\-]+)(\b|$)?/, |
|
|
2990 | 3034 | id: /^#([\w\-\*]+)(\b|$)/, |
|
|
2991 | 3035 | className: /^\.([\w\-\*]+)(\b|$)/, |
|
|
2992 | - pseudo: /^:((first|last|nth|nth-last|only)(-child|-of-type)|empty|checked|(en|dis)abled|not)(\((.*?)\))?(\b|$|(?=\s)|(?=:))/, | |
|
|
2993 | - attrPresence: /^\[([\w]+)\]/, | |
|
|
3036 | + pseudo: | |
|
|
3037 | + /^:((first|last|nth|nth-last|only)(-child|-of-type)|empty|checked|(en|dis)abled|not)(\((.*?)\))?(\b|$|(?=\s|[:+~>]))/, | |
|
|
3038 | + attrPresence: /^\[((?:[\w]+:)?[\w]+)\]/, | |
|
|
2994 | 3039 | attr: /\[((?:[\w-]*:)?[\w-]+)\s*(?:([!^$*~|]?=)\s*((['"])([^\4]*?)\4|([^'"][^\]]*?)))?\]/ |
|
|
2995 | 3040 | }, |
|
|
2996 | 3041 | |
|
|
2997 | 3042 | // for Selector.match and Element#match |
|
|
2998 | 3043 | assertions: { |
|
|
2999 | 3044 | tagName: function(element, matches) { |
|
|
3000 | 3045 | return matches[1].toUpperCase() == element.tagName.toUpperCase(); |
|
|
3001 | 3046 | }, |
|
|
3002 | 3047 | |
|
|
3003 | 3048 | className: function(element, matches) { |
|
|
3004 | 3049 | return Element.hasClassName(element, matches[1]); |
|
|
3005 | 3050 | }, |
|
|
3006 | 3051 | |
|
|
3007 | 3052 | id: function(element, matches) { |
|
|
3008 | 3053 | return element.id === matches[1]; |
|
|
3009 | 3054 | }, |
|
|
3010 | 3055 | |
|
|
3011 | 3056 | attrPresence: function(element, matches) { |
|
|
3012 | 3057 | return Element.hasAttribute(element, matches[1]); |
|
|
3013 | 3058 | }, |
|
|
3014 | 3059 | |
|
|
3015 | 3060 | attr: function(element, matches) { |
|
|
3016 | 3061 | var nodeValue = Element.readAttribute(element, matches[1]); |
|
|
3017 |
- return Selector.operators[matches[2]](nodeValue, matches[ |
|
|
|
3062 | + return nodeValue && Selector.operators[matches[2]](nodeValue, matches[5] || matches[6]); | |
|
|
3018 | 3063 | } |
|
|
3019 | 3064 | }, |
|
|
3020 | 3065 | |
|
|
3021 | 3066 | handlers: { |
|
|
3022 | 3067 | // UTILITY FUNCTIONS |
|
|
3023 | 3068 | // joins two collections |
|
|
3024 | 3069 | concat: function(a, b) { |
|
|
3025 | 3070 | for (var i = 0, node; node = b[i]; i++) |
|
|
3026 | 3071 | a.push(node); |
|
|
3027 | 3072 | return a; |
|
|
3028 | 3073 | }, |
|
|
3029 | 3074 | |
|
|
3030 | 3075 | // marks an array of nodes for counting |
|
|
3031 | 3076 | mark: function(nodes) { |
|
|
3077 | + var _true = Prototype.emptyFunction; | |
|
|
3032 | 3078 | for (var i = 0, node; node = nodes[i]; i++) |
|
|
3033 | - node._counted = true; | |
|
|
3079 | + node._countedByPrototype = _true; | |
|
|
3034 | 3080 | return nodes; |
|
|
3035 | 3081 | }, |
|
|
3036 | 3082 | |
|
|
3037 | 3083 | unmark: function(nodes) { |
|
|
3038 | 3084 | for (var i = 0, node; node = nodes[i]; i++) |
|
|
3039 | - node._counted = undefined; | |
|
|
3085 | + node._countedByPrototype = undefined; | |
|
|
3040 | 3086 | return nodes; |
|
|
3041 | 3087 | }, |
|
|
3042 | 3088 | |
|
|
3043 | 3089 | // mark each child node with its position (for nth calls) |
|
|
3044 | 3090 | // "ofType" flag indicates whether we're indexing for nth-of-type |
|
|
3045 | 3091 | // rather than nth-child |
|
|
3046 | 3092 | index: function(parentNode, reverse, ofType) { |
|
|
3047 |
- parentNode._counted = |
|
|
|
3093 | + parentNode._countedByPrototype = Prototype.emptyFunction; | |
|
|
3048 | 3094 | if (reverse) { |
|
|
3049 | 3095 | for (var nodes = parentNode.childNodes, i = nodes.length - 1, j = 1; i >= 0; i--) { |
|
|
3050 | 3096 | var node = nodes[i]; |
|
|
3051 | - if (node.nodeType == 1 && (!ofType || node._counted)) node.nodeIndex = j++; | |
|
|
3097 | + if (node.nodeType == 1 && (!ofType || node._countedByPrototype)) node.nodeIndex = j++; | |
|
|
3052 | 3098 | } |
|
|
3053 | 3099 | } else { |
|
|
3054 | 3100 | for (var i = 0, j = 1, nodes = parentNode.childNodes; node = nodes[i]; i++) |
|
|
3055 | - if (node.nodeType == 1 && (!ofType || node._counted)) node.nodeIndex = j++; | |
|
|
3101 | + if (node.nodeType == 1 && (!ofType || node._countedByPrototype)) node.nodeIndex = j++; | |
|
|
3056 | 3102 | } |
|
|
3057 | 3103 | }, |
|
|
3058 | 3104 | |
|
|
3059 | 3105 | // filters out duplicates and extends all nodes |
|
|
3060 | 3106 | unique: function(nodes) { |
|
|
3061 | 3107 | if (nodes.length == 0) return nodes; |
|
|
3062 | 3108 | var results = [], n; |
|
|
3063 | 3109 | for (var i = 0, l = nodes.length; i < l; i++) |
|
|
3064 | - if (!(n = nodes[i])._counted) { | |
|
|
3065 |
- n._counted = |
|
|
|
3110 | + if (!(n = nodes[i])._countedByPrototype) { | |
|
|
3111 | + n._countedByPrototype = Prototype.emptyFunction; | |
|
|
3066 | 3112 | results.push(Element.extend(n)); |
|
|
3067 | 3113 | } |
|
|
3068 | 3114 | return Selector.handlers.unmark(results); |
|
|
3069 | 3115 | }, |
|
|
3070 | 3116 | |
|
|
3071 | 3117 | // COMBINATOR FUNCTIONS |
|
|
3072 | 3118 | descendant: function(nodes) { |
|
|
3073 | 3119 | var h = Selector.handlers; |
|
|
3074 | 3120 | for (var i = 0, results = [], node; node = nodes[i]; i++) |
|
|
3075 | 3121 | h.concat(results, node.getElementsByTagName('*')); |
|
|
3076 | 3122 | return results; |
|
|
3077 | 3123 | }, |
|
|
3078 | 3124 | |
|
|
3079 | 3125 | child: function(nodes) { |
|
|
3080 | 3126 | var h = Selector.handlers; |
|
|
3081 | 3127 | for (var i = 0, results = [], node; node = nodes[i]; i++) { |
|
|
3082 | 3128 | for (var j = 0, child; child = node.childNodes[j]; j++) |
|
|
3083 | 3129 | if (child.nodeType == 1 && child.tagName != '!') results.push(child); |
|
|
3084 | 3130 | } |
|
|
3085 | 3131 | return results; |
|
|
3086 | 3132 | }, |
|
|
3087 | 3133 | |
|
|
3088 | 3134 | adjacent: function(nodes) { |
|
|
3089 | 3135 | for (var i = 0, results = [], node; node = nodes[i]; i++) { |
| @@ -3093,118 +3139,120 | |||
|
|
3093 | 3139 | return results; |
|
|
3094 | 3140 | }, |
|
|
3095 | 3141 | |
|
|
3096 | 3142 | laterSibling: function(nodes) { |
|
|
3097 | 3143 | var h = Selector.handlers; |
|
|
3098 | 3144 | for (var i = 0, results = [], node; node = nodes[i]; i++) |
|
|
3099 | 3145 | h.concat(results, Element.nextSiblings(node)); |
|
|
3100 | 3146 | return results; |
|
|
3101 | 3147 | }, |
|
|
3102 | 3148 | |
|
|
3103 | 3149 | nextElementSibling: function(node) { |
|
|
3104 | 3150 | while (node = node.nextSibling) |
|
|
3105 | 3151 |
|
|
|
3106 | 3152 | return null; |
|
|
3107 | 3153 | }, |
|
|
3108 | 3154 | |
|
|
3109 | 3155 | previousElementSibling: function(node) { |
|
|
3110 | 3156 | while (node = node.previousSibling) |
|
|
3111 | 3157 | if (node.nodeType == 1) return node; |
|
|
3112 | 3158 | return null; |
|
|
3113 | 3159 | }, |
|
|
3114 | 3160 | |
|
|
3115 | 3161 | // TOKEN FUNCTIONS |
|
|
3116 | 3162 | tagName: function(nodes, root, tagName, combinator) { |
|
|
3117 |
- |
|
|
|
3163 | + var uTagName = tagName.toUpperCase(); | |
|
|
3118 | 3164 | var results = [], h = Selector.handlers; |
|
|
3119 | 3165 | if (nodes) { |
|
|
3120 | 3166 | if (combinator) { |
|
|
3121 | 3167 | // fastlane for ordinary descendant combinators |
|
|
3122 | 3168 | if (combinator == "descendant") { |
|
|
3123 | 3169 | for (var i = 0, node; node = nodes[i]; i++) |
|
|
3124 | 3170 | h.concat(results, node.getElementsByTagName(tagName)); |
|
|
3125 | 3171 | return results; |
|
|
3126 | 3172 | } else nodes = this[combinator](nodes); |
|
|
3127 | 3173 | if (tagName == "*") return nodes; |
|
|
3128 | 3174 | } |
|
|
3129 | 3175 | for (var i = 0, node; node = nodes[i]; i++) |
|
|
3130 |
- if (node.tagName.toUpperCase() == |
|
|
|
3176 | + if (node.tagName.toUpperCase() === uTagName) results.push(node); | |
|
|
3131 | 3177 | return results; |
|
|
3132 | 3178 | } else return root.getElementsByTagName(tagName); |
|
|
3133 | 3179 | }, |
|
|
3134 | 3180 | |
|
|
3135 | 3181 | id: function(nodes, root, id, combinator) { |
|
|
3136 | 3182 | var targetNode = $(id), h = Selector.handlers; |
|
|
3137 | 3183 | if (!targetNode) return []; |
|
|
3138 | 3184 | if (!nodes && root == document) return [targetNode]; |
|
|
3139 | 3185 | if (nodes) { |
|
|
3140 | 3186 | if (combinator) { |
|
|
3141 | 3187 | if (combinator == 'child') { |
|
|
3142 | 3188 | for (var i = 0, node; node = nodes[i]; i++) |
|
|
3143 | 3189 | if (targetNode.parentNode == node) return [targetNode]; |
|
|
3144 | 3190 | } else if (combinator == 'descendant') { |
|
|
3145 | 3191 | for (var i = 0, node; node = nodes[i]; i++) |
|
|
3146 | 3192 | if (Element.descendantOf(targetNode, node)) return [targetNode]; |
|
|
3147 | 3193 | } else if (combinator == 'adjacent') { |
|
|
3148 | 3194 | for (var i = 0, node; node = nodes[i]; i++) |
|
|
3149 | 3195 | if (Selector.handlers.previousElementSibling(targetNode) == node) |
|
|
3150 | 3196 | return [targetNode]; |
|
|
3151 | 3197 | } else nodes = h[combinator](nodes); |
|
|
3152 | 3198 | } |
|
|
3153 | 3199 | for (var i = 0, node; node = nodes[i]; i++) |
|
|
3154 | 3200 | if (node == targetNode) return [targetNode]; |
|
|
3155 | 3201 | return []; |
|
|
3156 | 3202 | } |
|
|
3157 | 3203 | return (targetNode && Element.descendantOf(targetNode, root)) ? [targetNode] : []; |
|
|
3158 | 3204 | }, |
|
|
3159 | 3205 | |
|
|
3160 | 3206 | className: function(nodes, root, className, combinator) { |
|
|
3161 | 3207 | if (nodes && combinator) nodes = this[combinator](nodes); |
|
|
3162 | 3208 | return Selector.handlers.byClassName(nodes, root, className); |
|
|
3163 | 3209 | }, |
|
|
3164 | 3210 | |
|
|
3165 | 3211 | byClassName: function(nodes, root, className) { |
|
|
3166 | 3212 | if (!nodes) nodes = Selector.handlers.descendant([root]); |
|
|
3167 | 3213 | var needle = ' ' + className + ' '; |
|
|
3168 | 3214 | for (var i = 0, results = [], node, nodeClassName; node = nodes[i]; i++) { |
|
|
3169 | 3215 | nodeClassName = node.className; |
|
|
3170 | 3216 | if (nodeClassName.length == 0) continue; |
|
|
3171 | 3217 | if (nodeClassName == className || (' ' + nodeClassName + ' ').include(needle)) |
|
|
3172 | 3218 | results.push(node); |
|
|
3173 | 3219 | } |
|
|
3174 | 3220 | return results; |
|
|
3175 | 3221 | }, |
|
|
3176 | 3222 | |
|
|
3177 | - attrPresence: function(nodes, root, attr) { | |
|
|
3223 | + attrPresence: function(nodes, root, attr, combinator) { | |
|
|
3178 | 3224 | if (!nodes) nodes = root.getElementsByTagName("*"); |
|
|
3225 | + if (nodes && combinator) nodes = this[combinator](nodes); | |
|
|
3179 | 3226 | var results = []; |
|
|
3180 | 3227 | for (var i = 0, node; node = nodes[i]; i++) |
|
|
3181 | 3228 | if (Element.hasAttribute(node, attr)) results.push(node); |
|
|
3182 | 3229 | return results; |
|
|
3183 | 3230 | }, |
|
|
3184 | 3231 | |
|
|
3185 | - attr: function(nodes, root, attr, value, operator) { | |
|
|
3232 | + attr: function(nodes, root, attr, value, operator, combinator) { | |
|
|
3186 | 3233 | if (!nodes) nodes = root.getElementsByTagName("*"); |
|
|
3234 | + if (nodes && combinator) nodes = this[combinator](nodes); | |
|
|
3187 | 3235 | var handler = Selector.operators[operator], results = []; |
|
|
3188 | 3236 | for (var i = 0, node; node = nodes[i]; i++) { |
|
|
3189 | 3237 | var nodeValue = Element.readAttribute(node, attr); |
|
|
3190 | 3238 | if (nodeValue === null) continue; |
|
|
3191 | 3239 | if (handler(nodeValue, value)) results.push(node); |
|
|
3192 | 3240 | } |
|
|
3193 | 3241 | return results; |
|
|
3194 | 3242 | }, |
|
|
3195 | 3243 | |
|
|
3196 | 3244 | pseudo: function(nodes, name, value, root, combinator) { |
|
|
3197 | 3245 | if (nodes && combinator) nodes = this[combinator](nodes); |
|
|
3198 | 3246 | if (!nodes) nodes = root.getElementsByTagName("*"); |
|
|
3199 | 3247 | return Selector.pseudos[name](nodes, value, root); |
|
|
3200 | 3248 | } |
|
|
3201 | 3249 | }, |
|
|
3202 | 3250 | |
|
|
3203 | 3251 | pseudos: { |
|
|
3204 | 3252 | 'first-child': function(nodes, value, root) { |
|
|
3205 | 3253 | for (var i = 0, results = [], node; node = nodes[i]; i++) { |
|
|
3206 | 3254 | if (Selector.handlers.previousElementSibling(node)) continue; |
|
|
3207 | 3255 | results.push(node); |
|
|
3208 | 3256 | } |
|
|
3209 | 3257 | return results; |
|
|
3210 | 3258 | }, |
| @@ -3241,179 +3289,196 | |||
|
|
3241 | 3289 | return Selector.pseudos.nth(nodes, "1", root, true, true); |
|
|
3242 | 3290 | }, |
|
|
3243 | 3291 | 'only-of-type': function(nodes, formula, root) { |
|
|
3244 | 3292 | var p = Selector.pseudos; |
|
|
3245 | 3293 | return p['last-of-type'](p['first-of-type'](nodes, formula, root), formula, root); |
|
|
3246 | 3294 | }, |
|
|
3247 | 3295 | |
|
|
3248 | 3296 | // handles the an+b logic |
|
|
3249 | 3297 | getIndices: function(a, b, total) { |
|
|
3250 | 3298 | if (a == 0) return b > 0 ? [b] : []; |
|
|
3251 | 3299 | return $R(1, total).inject([], function(memo, i) { |
|
|
3252 | 3300 | if (0 == (i - b) % a && (i - b) / a >= 0) memo.push(i); |
|
|
3253 | 3301 | return memo; |
|
|
3254 | 3302 | }); |
|
|
3255 | 3303 | }, |
|
|
3256 | 3304 | |
|
|
3257 | 3305 | // handles nth(-last)-child, nth(-last)-of-type, and (first|last)-of-type |
|
|
3258 | 3306 | nth: function(nodes, formula, root, reverse, ofType) { |
|
|
3259 | 3307 | if (nodes.length == 0) return []; |
|
|
3260 | 3308 | if (formula == 'even') formula = '2n+0'; |
|
|
3261 | 3309 | if (formula == 'odd') formula = '2n+1'; |
|
|
3262 | 3310 | var h = Selector.handlers, results = [], indexed = [], m; |
|
|
3263 | 3311 | h.mark(nodes); |
|
|
3264 | 3312 | for (var i = 0, node; node = nodes[i]; i++) { |
|
|
3265 | - if (!node.parentNode._counted) { | |
|
|
3313 | + if (!node.parentNode._countedByPrototype) { | |
|
|
3266 | 3314 | h.index(node.parentNode, reverse, ofType); |
|
|
3267 | 3315 | indexed.push(node.parentNode); |
|
|
3268 | 3316 | } |
|
|
3269 | 3317 | } |
|
|
3270 | 3318 | if (formula.match(/^\d+$/)) { // just a number |
|
|
3271 | 3319 | formula = Number(formula); |
|
|
3272 | 3320 | for (var i = 0, node; node = nodes[i]; i++) |
|
|
3273 | 3321 | if (node.nodeIndex == formula) results.push(node); |
|
|
3274 | 3322 | } else if (m = formula.match(/^(-?\d*)?n(([+-])(\d+))?/)) { // an+b |
|
|
3275 | 3323 | if (m[1] == "-") m[1] = -1; |
|
|
3276 | 3324 | var a = m[1] ? Number(m[1]) : 1; |
|
|
3277 | 3325 | var b = m[2] ? Number(m[2]) : 0; |
|
|
3278 | 3326 | var indices = Selector.pseudos.getIndices(a, b, nodes.length); |
|
|
3279 | 3327 | for (var i = 0, node, l = indices.length; node = nodes[i]; i++) { |
|
|
3280 | 3328 | for (var j = 0; j < l; j++) |
|
|
3281 | 3329 | if (node.nodeIndex == indices[j]) results.push(node); |
|
|
3282 | 3330 | } |
|
|
3283 | 3331 | } |
|
|
3284 | 3332 | h.unmark(nodes); |
|
|
3285 | 3333 | h.unmark(indexed); |
|
|
3286 | 3334 | return results; |
|
|
3287 | 3335 | }, |
|
|
3288 | 3336 | |
|
|
3289 | 3337 | 'empty': function(nodes, value, root) { |
|
|
3290 | 3338 | for (var i = 0, results = [], node; node = nodes[i]; i++) { |
|
|
3291 | 3339 | // IE treats comments as element nodes |
|
|
3292 |
- if (node.tagName == '!' || |
|
|
|
3340 | + if (node.tagName == '!' || node.firstChild) continue; | |
|
|
3293 | 3341 | results.push(node); |
|
|
3294 | 3342 | } |
|
|
3295 | 3343 | return results; |
|
|
3296 | 3344 | }, |
|
|
3297 | 3345 | |
|
|
3298 | 3346 | 'not': function(nodes, selector, root) { |
|
|
3299 | 3347 | var h = Selector.handlers, selectorType, m; |
|
|
3300 | 3348 | var exclusions = new Selector(selector).findElements(root); |
|
|
3301 | 3349 | h.mark(exclusions); |
|
|
3302 | 3350 | for (var i = 0, results = [], node; node = nodes[i]; i++) |
|
|
3303 | - if (!node._counted) results.push(node); | |
|
|
3351 | + if (!node._countedByPrototype) results.push(node); | |
|
|
3304 | 3352 | h.unmark(exclusions); |
|
|
3305 | 3353 | return results; |
|
|
3306 | 3354 | }, |
|
|
3307 | 3355 | |
|
|
3308 | 3356 | 'enabled': function(nodes, value, root) { |
|
|
3309 | 3357 | for (var i = 0, results = [], node; node = nodes[i]; i++) |
|
|
3310 | - if (!node.disabled) results.push(node); | |
|
|
3358 | + if (!node.disabled && (!node.type || node.type !== 'hidden')) | |
|
|
3359 | + results.push(node); | |
|
|
3311 | 3360 | return results; |
|
|
3312 | 3361 | }, |
|
|
3313 | 3362 | |
|
|
3314 | 3363 | 'disabled': function(nodes, value, root) { |
|
|
3315 | 3364 | for (var i = 0, results = [], node; node = nodes[i]; i++) |
|
|
3316 | 3365 | if (node.disabled) results.push(node); |
|
|
3317 | 3366 | return results; |
|
|
3318 | 3367 | }, |
|
|
3319 | 3368 | |
|
|
3320 | 3369 | 'checked': function(nodes, value, root) { |
|
|
3321 | 3370 | for (var i = 0, results = [], node; node = nodes[i]; i++) |
|
|
3322 | 3371 | if (node.checked) results.push(node); |
|
|
3323 | 3372 | return results; |
|
|
3324 | 3373 | } |
|
|
3325 | 3374 | }, |
|
|
3326 | 3375 | |
|
|
3327 | 3376 | operators: { |
|
|
3328 | 3377 | '=': function(nv, v) { return nv == v; }, |
|
|
3329 | 3378 | '!=': function(nv, v) { return nv != v; }, |
|
|
3330 | - '^=': function(nv, v) { return nv.startsWith(v); }, | |
|
|
3379 | + '^=': function(nv, v) { return nv == v || nv && nv.startsWith(v); }, | |
|
|
3380 | + '$=': function(nv, v) { return nv == v || nv && nv.endsWith(v); }, | |
|
|
3381 | + '*=': function(nv, v) { return nv == v || nv && nv.include(v); }, | |
|
|
3331 | 3382 | '$=': function(nv, v) { return nv.endsWith(v); }, |
|
|
3332 | 3383 | '*=': function(nv, v) { return nv.include(v); }, |
|
|
3333 | 3384 | '~=': function(nv, v) { return (' ' + nv + ' ').include(' ' + v + ' '); }, |
|
|
3334 |
- '|=': function(nv, v) { return ('-' + nv.toUpperCase() + |
|
|
|
3385 | + '|=': function(nv, v) { return ('-' + (nv || "").toUpperCase() + | |
|
|
3386 | + '-').include('-' + (v || "").toUpperCase() + '-'); } | |
|
|
3387 | + }, | |
|
|
3388 | + | |
|
|
3389 | + split: function(expression) { | |
|
|
3390 | + var expressions = []; | |
|
|
3391 | + expression.scan(/(([\w#:.~>+()\s-]+|\*|\[.*?\])+)\s*(,|$)/, function(m) { | |
|
|
3392 | + expressions.push(m[1].strip()); | |
|
|
3393 | + }); | |
|
|
3394 | + return expressions; | |
|
|
3335 | 3395 | }, |
|
|
3336 | 3396 | |
|
|
3337 | 3397 | matchElements: function(elements, expression) { |
|
|
3338 |
- var matches = |
|
|
|
3398 | + var matches = $$(expression), h = Selector.handlers; | |
|
|
3339 | 3399 | h.mark(matches); |
|
|
3340 | 3400 | for (var i = 0, results = [], element; element = elements[i]; i++) |
|
|
3341 | - if (element._counted) results.push(element); | |
|
|
3401 | + if (element._countedByPrototype) results.push(element); | |
|
|
3342 | 3402 | h.unmark(matches); |
|
|
3343 | 3403 | return results; |
|
|
3344 | 3404 | }, |
|
|
3345 | 3405 | |
|
|
3346 | 3406 | findElement: function(elements, expression, index) { |
|
|
3347 | 3407 | if (Object.isNumber(expression)) { |
|
|
3348 | 3408 | index = expression; expression = false; |
|
|
3349 | 3409 | } |
|
|
3350 | 3410 | return Selector.matchElements(elements, expression || '*')[index || 0]; |
|
|
3351 | 3411 | }, |
|
|
3352 | 3412 | |
|
|
3353 | 3413 | findChildElements: function(element, expressions) { |
|
|
3354 |
- |
|
|
|
3355 | - expressions = []; | |
|
|
3356 | - exprs.scan(/(([\w#:.~>+()\s-]+|\*|\[.*?\])+)\s*(,|$)/, function(m) { | |
|
|
3357 | - expressions.push(m[1].strip()); | |
|
|
3358 | - }); | |
|
|
3414 | + expressions = Selector.split(expressions.join(',')); | |
|
|
3359 | 3415 | var results = [], h = Selector.handlers; |
|
|
3360 | 3416 | for (var i = 0, l = expressions.length, selector; i < l; i++) { |
|
|
3361 | 3417 | selector = new Selector(expressions[i].strip()); |
|
|
3362 | 3418 | h.concat(results, selector.findElements(element)); |
|
|
3363 | 3419 | } |
|
|
3364 | 3420 | return (l > 1) ? h.unique(results) : results; |
|
|
3365 | 3421 | } |
|
|
3366 | 3422 | }); |
|
|
3367 | 3423 | |
|
|
3368 | 3424 | if (Prototype.Browser.IE) { |
|
|
3425 | + Object.extend(Selector.handlers, { | |
|
|
3369 | 3426 | // IE returns comment nodes on getElementsByTagName("*"). |
|
|
3370 | 3427 | // Filter them out. |
|
|
3371 |
- |
|
|
|
3428 | + concat: function(a, b) { | |
|
|
3372 | 3429 | for (var i = 0, node; node = b[i]; i++) |
|
|
3373 | 3430 | if (node.tagName !== "!") a.push(node); |
|
|
3374 | 3431 | return a; |
|
|
3375 |
- } |
|
|
|
3432 | + }, | |
|
|
3433 | + | |
|
|
3434 | + // IE improperly serializes _countedByPrototype in (inner|outer)HTML. | |
|
|
3435 | + unmark: function(nodes) { | |
|
|
3436 | + for (var i = 0, node; node = nodes[i]; i++) | |
|
|
3437 | + node.removeAttribute('_countedByPrototype'); | |
|
|
3438 | + return nodes; | |
|
|
3439 | + } | |
|
|
3440 | + }); | |
|
|
3376 | 3441 | } |
|
|
3377 | 3442 | |
|
|
3378 | 3443 | function $$() { |
|
|
3379 | 3444 | return Selector.findChildElements(document, $A(arguments)); |
|
|
3380 | 3445 | } |
|
|
3381 | 3446 | var Form = { |
|
|
3382 | 3447 | reset: function(form) { |
|
|
3383 | 3448 | $(form).reset(); |
|
|
3384 | 3449 | return form; |
|
|
3385 | 3450 | }, |
|
|
3386 | 3451 | |
|
|
3387 | 3452 | serializeElements: function(elements, options) { |
|
|
3388 | 3453 | if (typeof options != 'object') options = { hash: !!options }; |
|
|
3389 | 3454 | else if (Object.isUndefined(options.hash)) options.hash = true; |
|
|
3390 | 3455 | var key, value, submitted = false, submit = options.submit; |
|
|
3391 | 3456 | |
|
|
3392 | 3457 | var data = elements.inject({ }, function(result, element) { |
|
|
3393 | 3458 | if (!element.disabled && element.name) { |
|
|
3394 | 3459 | key = element.name; value = $(element).getValue(); |
|
|
3395 | - if (value != null && (element.type != 'submit' || (!submitted && | |
|
|
3460 | + if (value != null && element.type != 'file' && (element.type != 'submit' || (!submitted && | |
|
|
3396 | 3461 | submit !== false && (!submit || key == submit) && (submitted = true)))) { |
|
|
3397 | 3462 | if (key in result) { |
|
|
3398 | 3463 | // a key is already present; construct an array of values |
|
|
3399 | 3464 | if (!Object.isArray(result[key])) result[key] = [result[key]]; |
|
|
3400 | 3465 | result[key].push(value); |
|
|
3401 | 3466 | } |
|
|
3402 | 3467 | else result[key] = value; |
|
|
3403 | 3468 | } |
|
|
3404 | 3469 | } |
|
|
3405 | 3470 | return result; |
|
|
3406 | 3471 | }); |
|
|
3407 | 3472 | |
|
|
3408 | 3473 | return options.hash ? data : Object.toQueryString(data); |
|
|
3409 | 3474 | } |
|
|
3410 | 3475 | }; |
|
|
3411 | 3476 | |
|
|
3412 | 3477 | Form.Methods = { |
|
|
3413 | 3478 | serialize: function(form, options) { |
|
|
3414 | 3479 | return Form.serializeElements(Form.getElements(form), options); |
|
|
3415 | 3480 | }, |
|
|
3416 | 3481 | |
|
|
3417 | 3482 | getElements: function(form) { |
|
|
3418 | 3483 | return $A($(form).getElementsByTagName('*')).inject([], |
|
|
3419 | 3484 | function(elements, child) { |
| @@ -3532,104 +3597,103 | |||
|
|
3532 | 3597 | }, |
|
|
3533 | 3598 | |
|
|
3534 | 3599 | clear: function(element) { |
|
|
3535 | 3600 | $(element).value = ''; |
|
|
3536 | 3601 | return element; |
|
|
3537 | 3602 | }, |
|
|
3538 | 3603 | |
|
|
3539 | 3604 | present: function(element) { |
|
|
3540 | 3605 | return $(element).value != ''; |
|
|
3541 | 3606 | }, |
|
|
3542 | 3607 | |
|
|
3543 | 3608 | activate: function(element) { |
|
|
3544 | 3609 | element = $(element); |
|
|
3545 | 3610 | try { |
|
|
3546 | 3611 | element.focus(); |
|
|
3547 | 3612 | if (element.select && (element.tagName.toLowerCase() != 'input' || |
|
|
3548 | 3613 | !['button', 'reset', 'submit'].include(element.type))) |
|
|
3549 | 3614 | element.select(); |
|
|
3550 | 3615 | } catch (e) { } |
|
|
3551 | 3616 | return element; |
|
|
3552 | 3617 | }, |
|
|
3553 | 3618 | |
|
|
3554 | 3619 | disable: function(element) { |
|
|
3555 | 3620 | element = $(element); |
|
|
3556 | - element.blur(); | |
|
|
3557 | 3621 | element.disabled = true; |
|
|
3558 | 3622 | return element; |
|
|
3559 | 3623 | }, |
|
|
3560 | 3624 | |
|
|
3561 | 3625 | enable: function(element) { |
|
|
3562 | 3626 | element = $(element); |
|
|
3563 | 3627 | element.disabled = false; |
|
|
3564 | 3628 | return element; |
|
|
3565 | 3629 | } |
|
|
3566 | 3630 | }; |
|
|
3567 | 3631 | |
|
|
3568 | 3632 | /*--------------------------------------------------------------------------*/ |
|
|
3569 | 3633 | |
|
|
3570 | 3634 | var Field = Form.Element; |
|
|
3571 | 3635 | var $F = Form.Element.Methods.getValue; |
|
|
3572 | 3636 | |
|
|
3573 | 3637 | /*--------------------------------------------------------------------------*/ |
|
|
3574 | 3638 | |
|
|
3575 | 3639 | Form.Element.Serializers = { |
|
|
3576 | 3640 | input: function(element, value) { |
|
|
3577 | 3641 | switch (element.type.toLowerCase()) { |
|
|
3578 | 3642 | case 'checkbox': |
|
|
3579 | 3643 | case 'radio': |
|
|
3580 | 3644 | return Form.Element.Serializers.inputSelector(element, value); |
|
|
3581 | 3645 | default: |
|
|
3582 | 3646 | return Form.Element.Serializers.textarea(element, value); |
|
|
3583 | 3647 | } |
|
|
3584 | 3648 | }, |
|
|
3585 | 3649 | |
|
|
3586 | 3650 | inputSelector: function(element, value) { |
|
|
3587 | 3651 | if (Object.isUndefined(value)) return element.checked ? element.value : null; |
|
|
3588 | 3652 | else element.checked = !!value; |
|
|
3589 | 3653 | }, |
|
|
3590 | 3654 | |
|
|
3591 | 3655 | textarea: function(element, value) { |
|
|
3592 | 3656 | if (Object.isUndefined(value)) return element.value; |
|
|
3593 | 3657 | else element.value = value; |
|
|
3594 | 3658 | }, |
|
|
3595 | 3659 | |
|
|
3596 |
- select: function(element, |
|
|
|
3597 |
- if (Object.isUndefined( |
|
|
|
3660 | + select: function(element, value) { | |
|
|
3661 | + if (Object.isUndefined(value)) | |
|
|
3598 | 3662 | return this[element.type == 'select-one' ? |
|
|
3599 | 3663 | 'selectOne' : 'selectMany'](element); |
|
|
3600 | 3664 | else { |
|
|
3601 |
- var opt, |
|
|
|
3665 | + var opt, currentValue, single = !Object.isArray(value); | |
|
|
3602 | 3666 | for (var i = 0, length = element.length; i < length; i++) { |
|
|
3603 | 3667 | opt = element.options[i]; |
|
|
3604 |
- |
|
|
|
3668 | + currentValue = this.optionValue(opt); | |
|
|
3605 | 3669 | if (single) { |
|
|
3606 |
- if ( |
|
|
|
3670 | + if (currentValue == value) { | |
|
|
3607 | 3671 | opt.selected = true; |
|
|
3608 | 3672 | return; |
|
|
3609 | 3673 | } |
|
|
3610 | 3674 | } |
|
|
3611 |
- else opt.selected = |
|
|
|
3675 | + else opt.selected = value.include(currentValue); | |
|
|
3612 | 3676 | } |
|
|
3613 | 3677 | } |
|
|
3614 | 3678 | }, |
|
|
3615 | 3679 | |
|
|
3616 | 3680 | selectOne: function(element) { |
|
|
3617 | 3681 | var index = element.selectedIndex; |
|
|
3618 | 3682 | return index >= 0 ? this.optionValue(element.options[index]) : null; |
|
|
3619 | 3683 | }, |
|
|
3620 | 3684 | |
|
|
3621 | 3685 | selectMany: function(element) { |
|
|
3622 | 3686 | var values, length = element.length; |
|
|
3623 | 3687 | if (!length) return null; |
|
|
3624 | 3688 | |
|
|
3625 | 3689 | for (var i = 0, values = []; i < length; i++) { |
|
|
3626 | 3690 | var opt = element.options[i]; |
|
|
3627 | 3691 | if (opt.selected) values.push(this.optionValue(opt)); |
|
|
3628 | 3692 | } |
|
|
3629 | 3693 | return values; |
|
|
3630 | 3694 | }, |
|
|
3631 | 3695 | |
|
|
3632 | 3696 | optionValue: function(opt) { |
|
|
3633 | 3697 | // extend element because hasAttribute may not be native |
|
|
3634 | 3698 | return Element.extend(opt).hasAttribute('value') ? opt.value : opt.text; |
|
|
3635 | 3699 | } |
| @@ -3758,178 +3822,207 | |||
|
|
3758 | 3822 | return event.button == buttonMap[code]; |
|
|
3759 | 3823 | }; |
|
|
3760 | 3824 | |
|
|
3761 | 3825 | } else if (Prototype.Browser.WebKit) { |
|
|
3762 | 3826 | isButton = function(event, code) { |
|
|
3763 | 3827 | switch (code) { |
|
|
3764 | 3828 | case 0: return event.which == 1 && !event.metaKey; |
|
|
3765 | 3829 | case 1: return event.which == 1 && event.metaKey; |
|
|
3766 | 3830 | default: return false; |
|
|
3767 | 3831 | } |
|
|
3768 | 3832 | }; |
|
|
3769 | 3833 | |
|
|
3770 | 3834 | } else { |
|
|
3771 | 3835 | isButton = function(event, code) { |
|
|
3772 | 3836 | return event.which ? (event.which === code + 1) : (event.button === code); |
|
|
3773 | 3837 | }; |
|
|
3774 | 3838 | } |
|
|
3775 | 3839 | |
|
|
3776 | 3840 | return { |
|
|
3777 | 3841 | isLeftClick: function(event) { return isButton(event, 0) }, |
|
|
3778 | 3842 | isMiddleClick: function(event) { return isButton(event, 1) }, |
|
|
3779 | 3843 | isRightClick: function(event) { return isButton(event, 2) }, |
|
|
3780 | 3844 | |
|
|
3781 | 3845 | element: function(event) { |
|
|
3782 |
- |
|
|
|
3783 | - return Element.extend(node.nodeType == Node.TEXT_NODE ? node.parentNode : node); | |
|
|
3846 | + event = Event.extend(event); | |
|
|
3847 | + | |
|
|
3848 | + var node = event.target, | |
|
|
3849 | + type = event.type, | |
|
|
3850 | + currentTarget = event.currentTarget; | |
|
|
3851 | + | |
|
|
3852 | + if (currentTarget && currentTarget.tagName) { | |
|
|
3853 | + // Firefox screws up the "click" event when moving between radio buttons | |
|
|
3854 | + // via arrow keys. It also screws up the "load" and "error" events on images, | |
|
|
3855 | + // reporting the document as the target instead of the original image. | |
|
|
3856 | + if (type === 'load' || type === 'error' || | |
|
|
3857 | + (type === 'click' && currentTarget.tagName.toLowerCase() === 'input' | |
|
|
3858 | + && currentTarget.type === 'radio')) | |
|
|
3859 | + node = currentTarget; | |
|
|
3860 | + } | |
|
|
3861 | + if (node.nodeType == Node.TEXT_NODE) node = node.parentNode; | |
|
|
3862 | + return Element.extend(node); | |
|
|
3784 | 3863 | }, |
|
|
3785 | 3864 | |
|
|
3786 | 3865 | findElement: function(event, expression) { |
|
|
3787 | 3866 | var element = Event.element(event); |
|
|
3788 | 3867 | if (!expression) return element; |
|
|
3789 | 3868 | var elements = [element].concat(element.ancestors()); |
|
|
3790 | 3869 | return Selector.findElement(elements, expression, 0); |
|
|
3791 | 3870 | }, |
|
|
3792 | 3871 | |
|
|
3793 | 3872 | pointer: function(event) { |
|
|
3873 | + var docElement = document.documentElement, | |
|
|
3874 | + body = document.body || { scrollLeft: 0, scrollTop: 0 }; | |
|
|
3794 | 3875 | return { |
|
|
3795 | 3876 | x: event.pageX || (event.clientX + |
|
|
3796 |
- (doc |
|
|
|
3877 | + (docElement.scrollLeft || body.scrollLeft) - | |
|
|
3878 | + (docElement.clientLeft || 0)), | |
|
|
3797 | 3879 | y: event.pageY || (event.clientY + |
|
|
3798 |
- (doc |
|
|
|
3880 | + (docElement.scrollTop || body.scrollTop) - | |
|
|
3881 | + (docElement.clientTop || 0)) | |
|
|
3799 | 3882 | }; |
|
|
3800 | 3883 | }, |
|
|
3801 | 3884 | |
|
|
3802 | 3885 | pointerX: function(event) { return Event.pointer(event).x }, |
|
|
3803 | 3886 | pointerY: function(event) { return Event.pointer(event).y }, |
|
|
3804 | 3887 | |
|
|
3805 | 3888 | stop: function(event) { |
|
|
3806 | 3889 | Event.extend(event); |
|
|
3807 | 3890 | event.preventDefault(); |
|
|
3808 | 3891 | event.stopPropagation(); |
|
|
3809 | 3892 | event.stopped = true; |
|
|
3810 | 3893 | } |
|
|
3811 | 3894 | }; |
|
|
3812 | 3895 | })(); |
|
|
3813 | 3896 | |
|
|
3814 | 3897 | Event.extend = (function() { |
|
|
3815 | 3898 | var methods = Object.keys(Event.Methods).inject({ }, function(m, name) { |
|
|
3816 | 3899 | m[name] = Event.Methods[name].methodize(); |
|
|
3817 | 3900 | return m; |
|
|
3818 | 3901 | }); |
|
|
3819 | 3902 | |
|
|
3820 | 3903 | if (Prototype.Browser.IE) { |
|
|
3821 | 3904 | Object.extend(methods, { |
|
|
3822 | 3905 | stopPropagation: function() { this.cancelBubble = true }, |
|
|
3823 | 3906 | preventDefault: function() { this.returnValue = false }, |
|
|
3824 | 3907 | inspect: function() { return "[object Event]" } |
|
|
3825 | 3908 | }); |
|
|
3826 | 3909 | |
|
|
3827 | 3910 | return function(event) { |
|
|
3828 | 3911 | if (!event) return false; |
|
|
3829 | 3912 | if (event._extendedByPrototype) return event; |
|
|
3830 | 3913 | |
|
|
3831 | 3914 | event._extendedByPrototype = Prototype.emptyFunction; |
|
|
3832 | 3915 | var pointer = Event.pointer(event); |
|
|
3833 | 3916 | Object.extend(event, { |
|
|
3834 | 3917 | target: event.srcElement, |
|
|
3835 | 3918 | relatedTarget: Event.relatedTarget(event), |
|
|
3836 | 3919 | pageX: pointer.x, |
|
|
3837 | 3920 | pageY: pointer.y |
|
|
3838 | 3921 | }); |
|
|
3839 | 3922 | return Object.extend(event, methods); |
|
|
3840 | 3923 | }; |
|
|
3841 | 3924 | |
|
|
3842 | 3925 | } else { |
|
|
3843 |
- Event.prototype = Event.prototype || document.createEvent("HTMLEvents") |
|
|
|
3926 | + Event.prototype = Event.prototype || document.createEvent("HTMLEvents")['__proto__']; | |
|
|
3844 | 3927 | Object.extend(Event.prototype, methods); |
|
|
3845 | 3928 | return Prototype.K; |
|
|
3846 | 3929 | } |
|
|
3847 | 3930 | })(); |
|
|
3848 | 3931 | |
|
|
3849 | 3932 | Object.extend(Event, (function() { |
|
|
3850 | 3933 | var cache = Event.cache; |
|
|
3851 | 3934 | |
|
|
3852 | 3935 | function getEventID(element) { |
|
|
3853 | - if (element._eventID) return element._eventID; | |
|
|
3936 | + if (element._prototypeEventID) return element._prototypeEventID[0]; | |
|
|
3854 | 3937 | arguments.callee.id = arguments.callee.id || 1; |
|
|
3855 | - return element._eventID = ++arguments.callee.id; | |
|
|
3938 | + return element._prototypeEventID = [++arguments.callee.id]; | |
|
|
3856 | 3939 | } |
|
|
3857 | 3940 | |
|
|
3858 | 3941 | function getDOMEventName(eventName) { |
|
|
3859 | 3942 | if (eventName && eventName.include(':')) return "dataavailable"; |
|
|
3860 | 3943 | return eventName; |
|
|
3861 | 3944 | } |
|
|
3862 | 3945 | |
|
|
3863 | 3946 | function getCacheForID(id) { |
|
|
3864 | 3947 | return cache[id] = cache[id] || { }; |
|
|
3865 | 3948 | } |
|
|
3866 | 3949 | |
|
|
3867 | 3950 | function getWrappersForEventName(id, eventName) { |
|
|
3868 | 3951 | var c = getCacheForID(id); |
|
|
3869 | 3952 | return c[eventName] = c[eventName] || []; |
|
|
3870 | 3953 | } |
|
|
3871 | 3954 | |
|
|
3872 | 3955 | function createWrapper(element, eventName, handler) { |
|
|
3873 | 3956 | var id = getEventID(element); |
|
|
3874 | 3957 | var c = getWrappersForEventName(id, eventName); |
|
|
3875 | 3958 | if (c.pluck("handler").include(handler)) return false; |
|
|
3876 | 3959 | |
|
|
3877 | 3960 | var wrapper = function(event) { |
|
|
3878 | 3961 | if (!Event || !Event.extend || |
|
|
3879 | 3962 | (event.eventName && event.eventName != eventName)) |
|
|
3880 | 3963 | return false; |
|
|
3881 | 3964 | |
|
|
3882 | 3965 | Event.extend(event); |
|
|
3883 | - handler.call(element, event) | |
|
|
3966 | + handler.call(element, event); | |
|
|
3884 | 3967 | }; |
|
|
3885 | 3968 | |
|
|
3886 | 3969 | wrapper.handler = handler; |
|
|
3887 | 3970 | c.push(wrapper); |
|
|
3888 | 3971 | return wrapper; |
|
|
3889 | 3972 | } |
|
|
3890 | 3973 | |
|
|
3891 | 3974 | function findWrapper(id, eventName, handler) { |
|
|
3892 | 3975 | var c = getWrappersForEventName(id, eventName); |
|
|
3893 | 3976 | return c.find(function(wrapper) { return wrapper.handler == handler }); |
|
|
3894 | 3977 | } |
|
|
3895 | 3978 | |
|
|
3896 | 3979 | function destroyWrapper(id, eventName, handler) { |
|
|
3897 | 3980 | var c = getCacheForID(id); |
|
|
3898 | 3981 | if (!c[eventName]) return false; |
|
|
3899 | 3982 | c[eventName] = c[eventName].without(findWrapper(id, eventName, handler)); |
|
|
3900 | 3983 | } |
|
|
3901 | 3984 | |
|
|
3902 | 3985 | function destroyCache() { |
|
|
3903 | 3986 | for (var id in cache) |
|
|
3904 | 3987 | for (var eventName in cache[id]) |
|
|
3905 | 3988 | cache[id][eventName] = null; |
|
|
3906 | 3989 | } |
|
|
3907 | 3990 | |
|
|
3991 | + | |
|
|
3992 | + // Internet Explorer needs to remove event handlers on page unload | |
|
|
3993 | + // in order to avoid memory leaks. | |
|
|
3908 | 3994 | if (window.attachEvent) { |
|
|
3909 | 3995 | window.attachEvent("onunload", destroyCache); |
|
|
3910 | 3996 | } |
|
|
3911 | 3997 | |
|
|
3998 | + // Safari has a dummy event handler on page unload so that it won't | |
|
|
3999 | + // use its bfcache. Safari <= 3.1 has an issue with restoring the "document" | |
|
|
4000 | + // object when page is returned to via the back button using its bfcache. | |
|
|
4001 | + if (Prototype.Browser.WebKit) { | |
|
|
4002 | + window.addEventListener('unload', Prototype.emptyFunction, false); | |
|
|
4003 | + } | |
|
|
4004 | + | |
|
|
3912 | 4005 | return { |
|
|
3913 | 4006 | observe: function(element, eventName, handler) { |
|
|
3914 | 4007 | element = $(element); |
|
|
3915 | 4008 | var name = getDOMEventName(eventName); |
|
|
3916 | 4009 | |
|
|
3917 | 4010 | var wrapper = createWrapper(element, eventName, handler); |
|
|
3918 | 4011 | if (!wrapper) return element; |
|
|
3919 | 4012 | |
|
|
3920 | 4013 | if (element.addEventListener) { |
|
|
3921 | 4014 | element.addEventListener(name, wrapper, false); |
|
|
3922 | 4015 | } else { |
|
|
3923 | 4016 | element.attachEvent("on" + name, wrapper); |
|
|
3924 | 4017 | } |
|
|
3925 | 4018 | |
|
|
3926 | 4019 | return element; |
|
|
3927 | 4020 | }, |
|
|
3928 | 4021 | |
|
|
3929 | 4022 | stopObserving: function(element, eventName, handler) { |
|
|
3930 | 4023 | element = $(element); |
|
|
3931 | 4024 | var id = getEventID(element), name = getDOMEventName(eventName); |
|
|
3932 | 4025 | |
|
|
3933 | 4026 | if (!handler && eventName) { |
|
|
3934 | 4027 | getWrappersForEventName(id, eventName).each(function(wrapper) { |
|
|
3935 | 4028 | element.stopObserving(eventName, wrapper.handler); |
| @@ -3941,95 +4034,97 | |||
|
|
3941 | 4034 | element.stopObserving(eventName); |
|
|
3942 | 4035 | }); |
|
|
3943 | 4036 | return element; |
|
|
3944 | 4037 | } |
|
|
3945 | 4038 | |
|
|
3946 | 4039 | var wrapper = findWrapper(id, eventName, handler); |
|
|
3947 | 4040 | if (!wrapper) return element; |
|
|
3948 | 4041 | |
|
|
3949 | 4042 | if (element.removeEventListener) { |
|
|
3950 | 4043 | element.removeEventListener(name, wrapper, false); |
|
|
3951 | 4044 | } else { |
|
|
3952 | 4045 | element.detachEvent("on" + name, wrapper); |
|
|
3953 | 4046 | } |
|
|
3954 | 4047 | |
|
|
3955 | 4048 | destroyWrapper(id, eventName, handler); |
|
|
3956 | 4049 | |
|
|
3957 | 4050 | return element; |
|
|
3958 | 4051 | }, |
|
|
3959 | 4052 | |
|
|
3960 | 4053 | fire: function(element, eventName, memo) { |
|
|
3961 | 4054 | element = $(element); |
|
|
3962 | 4055 | if (element == document && document.createEvent && !element.dispatchEvent) |
|
|
3963 | 4056 | element = document.documentElement; |
|
|
3964 | 4057 | |
|
|
4058 | + var event; | |
|
|
3965 | 4059 | if (document.createEvent) { |
|
|
3966 |
- |
|
|
|
4060 | + event = document.createEvent("HTMLEvents"); | |
|
|
3967 | 4061 | event.initEvent("dataavailable", true, true); |
|
|
3968 | 4062 | } else { |
|
|
3969 |
- |
|
|
|
4063 | + event = document.createEventObject(); | |
|
|
3970 | 4064 | event.eventType = "ondataavailable"; |
|
|
3971 | 4065 | } |
|
|
3972 | 4066 | |
|
|
3973 | 4067 | event.eventName = eventName; |
|
|
3974 | 4068 | event.memo = memo || { }; |
|
|
3975 | 4069 | |
|
|
3976 | 4070 | if (document.createEvent) { |
|
|
3977 | 4071 | element.dispatchEvent(event); |
|
|
3978 | 4072 | } else { |
|
|
3979 | 4073 | element.fireEvent(event.eventType, event); |
|
|
3980 | 4074 | } |
|
|
3981 | 4075 | |
|
|
3982 | 4076 | return Event.extend(event); |
|
|
3983 | 4077 | } |
|
|
3984 | 4078 | }; |
|
|
3985 | 4079 | })()); |
|
|
3986 | 4080 | |
|
|
3987 | 4081 | Object.extend(Event, Event.Methods); |
|
|
3988 | 4082 | |
|
|
3989 | 4083 | Element.addMethods({ |
|
|
3990 | 4084 | fire: Event.fire, |
|
|
3991 | 4085 | observe: Event.observe, |
|
|
3992 | 4086 | stopObserving: Event.stopObserving |
|
|
3993 | 4087 | }); |
|
|
3994 | 4088 | |
|
|
3995 | 4089 | Object.extend(document, { |
|
|
3996 | 4090 | fire: Element.Methods.fire.methodize(), |
|
|
3997 | 4091 | observe: Element.Methods.observe.methodize(), |
|
|
3998 | - stopObserving: Element.Methods.stopObserving.methodize() | |
|
|
4092 | + stopObserving: Element.Methods.stopObserving.methodize(), | |
|
|
4093 | + loaded: false | |
|
|
3999 | 4094 | }); |
|
|
4000 | 4095 | |
|
|
4001 | 4096 | (function() { |
|
|
4002 | 4097 | /* Support for the DOMContentLoaded event is based on work by Dan Webb, |
|
|
4003 | 4098 | Matthias Miller, Dean Edwards and John Resig. */ |
|
|
4004 | 4099 | |
|
|
4005 |
- var timer |
|
|
|
4100 | + var timer; | |
|
|
4006 | 4101 | |
|
|
4007 | 4102 | function fireContentLoadedEvent() { |
|
|
4008 |
- if ( |
|
|
|
4103 | + if (document.loaded) return; | |
|
|
4009 | 4104 | if (timer) window.clearInterval(timer); |
|
|
4010 | 4105 | document.fire("dom:loaded"); |
|
|
4011 |
- |
|
|
|
4106 | + document.loaded = true; | |
|
|
4012 | 4107 | } |
|
|
4013 | 4108 | |
|
|
4014 | 4109 | if (document.addEventListener) { |
|
|
4015 | 4110 | if (Prototype.Browser.WebKit) { |
|
|
4016 | 4111 | timer = window.setInterval(function() { |
|
|
4017 | 4112 | if (/loaded|complete/.test(document.readyState)) |
|
|
4018 | 4113 | fireContentLoadedEvent(); |
|
|
4019 | 4114 | }, 0); |
|
|
4020 | 4115 | |
|
|
4021 | 4116 | Event.observe(window, "load", fireContentLoadedEvent); |
|
|
4022 | 4117 | |
|
|
4023 | 4118 | } else { |
|
|
4024 | 4119 | document.addEventListener("DOMContentLoaded", |
|
|
4025 | 4120 | fireContentLoadedEvent, false); |
|
|
4026 | 4121 | } |
|
|
4027 | 4122 | |
|
|
4028 | 4123 | } else { |
|
|
4029 | 4124 | document.write("<script id=__onDOMContentLoaded defer src=//:><\/script>"); |
|
|
4030 | 4125 | $("__onDOMContentLoaded").onreadystatechange = function() { |
|
|
4031 | 4126 | if (this.readyState == "complete") { |
|
|
4032 | 4127 | this.onreadystatechange = null; |
|
|
4033 | 4128 | fireContentLoadedEvent(); |
|
|
4034 | 4129 | } |
|
|
4035 | 4130 | }; |
You need to be logged in to leave comments.
Login now