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
r163:74e3afe899a3 - - 5 files changed: 779 inserted, 674 deleted
@@ -44,6 +44,7 | |||||
|
44 | def load_initializer |
|
44 | def load_initializer |
|
45 | require "#{RAILS_ROOT}/vendor/rails/railties/lib/initializer" |
|
45 | require "#{RAILS_ROOT}/vendor/rails/railties/lib/initializer" |
|
46 | Rails::Initializer.run(:install_gem_spec_stubs) |
|
46 | Rails::Initializer.run(:install_gem_spec_stubs) |
|
|
47 | + Rails::GemDependency.add_frozen_gem_path | ||
|
47 | end |
|
48 | end |
|
48 | end |
|
49 | end |
|
49 |
|
50 | ||
@@ -67,7 +68,7 | |||||
|
67 |
|
68 | ||
|
68 | class << self |
|
69 | class << self |
|
69 | def rubygems_version |
|
70 | def rubygems_version |
|
70 |
- Gem::RubyGemsVersion |
|
71 | + Gem::RubyGemsVersion rescue nil |
|
71 | end |
|
72 | end |
|
72 |
|
73 | ||
|
73 | def gem_version |
|
74 | def gem_version |
@@ -82,7 +83,7 | |||||
|
82 |
|
83 | ||
|
83 | def load_rubygems |
|
84 | def load_rubygems |
|
84 | require 'rubygems' |
|
85 | require 'rubygems' |
|
85 |
- min_version = '1. |
|
86 | + min_version = '1.3.1' |
|
86 | unless rubygems_version >= min_version |
|
87 | unless rubygems_version >= min_version |
|
87 | $stderr.puts %Q(Rails requires RubyGems >= #{min_version} (you have #{rubygems_version}). Please `gem update --system` and try again.) |
|
88 | $stderr.puts %Q(Rails requires RubyGems >= #{min_version} (you have #{rubygems_version}). Please `gem update --system` and try again.) |
|
88 | exit 1 |
|
89 | exit 1 |
@@ -1,22 +1,22 | |||||
|
1 | // Copyright (c) 2005-2008 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us) |
|
1 | // Copyright (c) 2005-2008 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us) |
|
2 |
- // (c) 2005-200 |
|
2 | + // (c) 2005-2008 Ivan Krstic (http://blogs.law.harvard.edu/ivan) |
|
3 |
- // (c) 2005-200 |
|
3 | + // (c) 2005-2008 Jon Tirsen (http://www.tirsen.com) |
|
4 | // Contributors: |
|
4 | // Contributors: |
|
5 | // Richard Livsey |
|
5 | // Richard Livsey |
|
6 | // Rahul Bhargava |
|
6 | // Rahul Bhargava |
|
7 | // Rob Wills |
|
7 | // Rob Wills |
|
8 |
- // |
|
8 | + // |
|
9 | // script.aculo.us is freely distributable under the terms of an MIT-style license. |
|
9 | // script.aculo.us is freely distributable under the terms of an MIT-style license. |
|
10 | // For details, see the script.aculo.us web site: http://script.aculo.us/ |
|
10 | // For details, see the script.aculo.us web site: http://script.aculo.us/ |
|
11 |
|
11 | ||
|
12 |
- // Autocompleter.Base handles all the autocompletion functionality |
|
12 | + // Autocompleter.Base handles all the autocompletion functionality |
|
13 | // that's independent of the data source for autocompletion. This |
|
13 | // that's independent of the data source for autocompletion. This |
|
14 | // includes drawing the autocompletion menu, observing keyboard |
|
14 | // includes drawing the autocompletion menu, observing keyboard |
|
15 | // and mouse events, and similar. |
|
15 | // and mouse events, and similar. |
|
16 | // |
|
16 | // |
|
17 |
- // Specific autocompleters need to provide, at the very least, |
|
17 | + // Specific autocompleters need to provide, at the very least, |
|
18 | // a getUpdatedChoices function that will be invoked every time |
|
18 | // a getUpdatedChoices function that will be invoked every time |
|
19 |
- // the text inside the monitored textbox changes. This method |
|
19 | + // the text inside the monitored textbox changes. This method |
|
20 | // should get the text for which to provide autocompletion by |
|
20 | // should get the text for which to provide autocompletion by |
|
21 | // invoking this.getToken(), NOT by directly accessing |
|
21 | // invoking this.getToken(), NOT by directly accessing |
|
22 | // this.element.value. This is to allow incremental tokenized |
|
22 | // this.element.value. This is to allow incremental tokenized |
@@ -30,23 +30,23 | |||||
|
30 | // will incrementally autocomplete with a comma as the token. |
|
30 | // will incrementally autocomplete with a comma as the token. |
|
31 | // Additionally, ',' in the above example can be replaced with |
|
31 | // Additionally, ',' in the above example can be replaced with |
|
32 | // a token array, e.g. { tokens: [',', '\n'] } which |
|
32 | // a token array, e.g. { tokens: [',', '\n'] } which |
|
33 |
- // enables autocompletion on multiple tokens. This is most |
|
33 | + // enables autocompletion on multiple tokens. This is most |
|
34 |
- // useful when one of the tokens is \n (a newline), as it |
|
34 | + // useful when one of the tokens is \n (a newline), as it |
|
35 | // allows smart autocompletion after linebreaks. |
|
35 | // allows smart autocompletion after linebreaks. |
|
36 |
|
36 | ||
|
37 | if(typeof Effect == 'undefined') |
|
37 | if(typeof Effect == 'undefined') |
|
38 | throw("controls.js requires including script.aculo.us' effects.js library"); |
|
38 | throw("controls.js requires including script.aculo.us' effects.js library"); |
|
39 |
|
39 | ||
|
40 | - var Autocompleter = { } |
|
40 | + var Autocompleter = { }; |
|
41 | Autocompleter.Base = Class.create({ |
|
41 | Autocompleter.Base = Class.create({ |
|
42 | baseInitialize: function(element, update, options) { |
|
42 | baseInitialize: function(element, update, options) { |
|
43 | - element = $(element) |
|
43 | + element = $(element); |
|
44 |
- this.element = element; |
|
44 | + this.element = element; |
|
45 |
- this.update = $(update); |
|
45 | + this.update = $(update); |
|
46 |
- this.hasFocus = false; |
|
46 | + this.hasFocus = false; |
|
47 |
- this.changed = false; |
|
47 | + this.changed = false; |
|
48 |
- this.active = false; |
|
48 | + this.active = false; |
|
49 |
- this.index = 0; |
|
49 | + this.index = 0; |
|
50 | this.entryCount = 0; |
|
50 | this.entryCount = 0; |
|
51 | this.oldElementValue = this.element.value; |
|
51 | this.oldElementValue = this.element.value; |
|
52 |
|
52 | ||
@@ -59,28 +59,28 | |||||
|
59 | this.options.tokens = this.options.tokens || []; |
|
59 | this.options.tokens = this.options.tokens || []; |
|
60 | this.options.frequency = this.options.frequency || 0.4; |
|
60 | this.options.frequency = this.options.frequency || 0.4; |
|
61 | this.options.minChars = this.options.minChars || 1; |
|
61 | this.options.minChars = this.options.minChars || 1; |
|
62 |
- this.options.onShow = this.options.onShow || |
|
62 | + this.options.onShow = this.options.onShow || |
|
63 |
- function(element, update){ |
|
63 | + function(element, update){ |
|
64 | if(!update.style.position || update.style.position=='absolute') { |
|
64 | if(!update.style.position || update.style.position=='absolute') { |
|
65 | update.style.position = 'absolute'; |
|
65 | update.style.position = 'absolute'; |
|
66 | Position.clone(element, update, { |
|
66 | Position.clone(element, update, { |
|
67 |
- setHeight: false, |
|
67 | + setHeight: false, |
|
68 | offsetTop: element.offsetHeight |
|
68 | offsetTop: element.offsetHeight |
|
69 | }); |
|
69 | }); |
|
70 | } |
|
70 | } |
|
71 | Effect.Appear(update,{duration:0.15}); |
|
71 | Effect.Appear(update,{duration:0.15}); |
|
72 | }; |
|
72 | }; |
|
73 |
- this.options.onHide = this.options.onHide || |
|
73 | + this.options.onHide = this.options.onHide || |
|
74 | function(element, update){ new Effect.Fade(update,{duration:0.15}) }; |
|
74 | function(element, update){ new Effect.Fade(update,{duration:0.15}) }; |
|
75 |
|
75 | ||
|
76 |
- if(typeof(this.options.tokens) == 'string') |
|
76 | + if(typeof(this.options.tokens) == 'string') |
|
77 | this.options.tokens = new Array(this.options.tokens); |
|
77 | this.options.tokens = new Array(this.options.tokens); |
|
78 | // Force carriage returns as token delimiters anyway |
|
78 | // Force carriage returns as token delimiters anyway |
|
79 | if (!this.options.tokens.include('\n')) |
|
79 | if (!this.options.tokens.include('\n')) |
|
80 | this.options.tokens.push('\n'); |
|
80 | this.options.tokens.push('\n'); |
|
81 |
|
81 | ||
|
82 | this.observer = null; |
|
82 | this.observer = null; |
|
83 | - |
|
83 | + |
|
84 | this.element.setAttribute('autocomplete','off'); |
|
84 | this.element.setAttribute('autocomplete','off'); |
|
85 |
|
85 | ||
|
86 | Element.hide(this.update); |
|
86 | Element.hide(this.update); |
@@ -91,10 +91,10 | |||||
|
91 |
|
91 | ||
|
92 | show: function() { |
|
92 | show: function() { |
|
93 | if(Element.getStyle(this.update, 'display')=='none') this.options.onShow(this.element, this.update); |
|
93 | if(Element.getStyle(this.update, 'display')=='none') this.options.onShow(this.element, this.update); |
|
94 |
- if(!this.iefix && |
|
94 | + if(!this.iefix && |
|
95 | (Prototype.Browser.IE) && |
|
95 | (Prototype.Browser.IE) && |
|
96 | (Element.getStyle(this.update, 'position')=='absolute')) { |
|
96 | (Element.getStyle(this.update, 'position')=='absolute')) { |
|
97 |
- new Insertion.After(this.update, |
|
97 | + new Insertion.After(this.update, |
|
98 | '<iframe id="' + this.update.id + '_iefix" '+ |
|
98 | '<iframe id="' + this.update.id + '_iefix" '+ |
|
99 | 'style="display:none;position:absolute;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" ' + |
|
99 | 'style="display:none;position:absolute;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" ' + |
|
100 | 'src="javascript:false;" frameborder="0" scrolling="no"></iframe>'); |
|
100 | 'src="javascript:false;" frameborder="0" scrolling="no"></iframe>'); |
@@ -102,7 +102,7 | |||||
|
102 | } |
|
102 | } |
|
103 | if(this.iefix) setTimeout(this.fixIEOverlapping.bind(this), 50); |
|
103 | if(this.iefix) setTimeout(this.fixIEOverlapping.bind(this), 50); |
|
104 | }, |
|
104 | }, |
|
105 | - |
|
105 | + |
|
106 | fixIEOverlapping: function() { |
|
106 | fixIEOverlapping: function() { |
|
107 | Position.clone(this.update, this.iefix, {setTop:(!this.update.style.height)}); |
|
107 | Position.clone(this.update, this.iefix, {setTop:(!this.update.style.height)}); |
|
108 | this.iefix.style.zIndex = 1; |
|
108 | this.iefix.style.zIndex = 1; |
@@ -150,15 +150,15 | |||||
|
150 | Event.stop(event); |
|
150 | Event.stop(event); |
|
151 | return; |
|
151 | return; |
|
152 | } |
|
152 | } |
|
153 |
- else |
|
153 | + else |
|
154 |
- if(event.keyCode==Event.KEY_TAB || event.keyCode==Event.KEY_RETURN || |
|
154 | + if(event.keyCode==Event.KEY_TAB || event.keyCode==Event.KEY_RETURN || |
|
155 | (Prototype.Browser.WebKit > 0 && event.keyCode == 0)) return; |
|
155 | (Prototype.Browser.WebKit > 0 && event.keyCode == 0)) return; |
|
156 |
|
156 | ||
|
157 | this.changed = true; |
|
157 | this.changed = true; |
|
158 | this.hasFocus = true; |
|
158 | this.hasFocus = true; |
|
159 |
|
159 | ||
|
160 | if(this.observer) clearTimeout(this.observer); |
|
160 | if(this.observer) clearTimeout(this.observer); |
|
161 |
- this.observer = |
|
161 | + this.observer = |
|
162 | setTimeout(this.onObserverEvent.bind(this), this.options.frequency*1000); |
|
162 | setTimeout(this.onObserverEvent.bind(this), this.options.frequency*1000); |
|
163 | }, |
|
163 | }, |
|
164 |
|
164 | ||
@@ -170,35 +170,35 | |||||
|
170 |
|
170 | ||
|
171 | onHover: function(event) { |
|
171 | onHover: function(event) { |
|
172 | var element = Event.findElement(event, 'LI'); |
|
172 | var element = Event.findElement(event, 'LI'); |
|
173 |
- if(this.index != element.autocompleteIndex) |
|
173 | + if(this.index != element.autocompleteIndex) |
|
174 | { |
|
174 | { |
|
175 | this.index = element.autocompleteIndex; |
|
175 | this.index = element.autocompleteIndex; |
|
176 | this.render(); |
|
176 | this.render(); |
|
177 | } |
|
177 | } |
|
178 | Event.stop(event); |
|
178 | Event.stop(event); |
|
179 | }, |
|
179 | }, |
|
180 | - |
|
180 | + |
|
181 | onClick: function(event) { |
|
181 | onClick: function(event) { |
|
182 | var element = Event.findElement(event, 'LI'); |
|
182 | var element = Event.findElement(event, 'LI'); |
|
183 | this.index = element.autocompleteIndex; |
|
183 | this.index = element.autocompleteIndex; |
|
184 | this.selectEntry(); |
|
184 | this.selectEntry(); |
|
185 | this.hide(); |
|
185 | this.hide(); |
|
186 | }, |
|
186 | }, |
|
187 | - |
|
187 | + |
|
188 | onBlur: function(event) { |
|
188 | onBlur: function(event) { |
|
189 | // needed to make click events working |
|
189 | // needed to make click events working |
|
190 | setTimeout(this.hide.bind(this), 250); |
|
190 | setTimeout(this.hide.bind(this), 250); |
|
191 | this.hasFocus = false; |
|
191 | this.hasFocus = false; |
|
192 |
- this.active = false; |
|
192 | + this.active = false; |
|
193 |
- }, |
|
193 | + }, |
|
194 | - |
|
194 | + |
|
195 | render: function() { |
|
195 | render: function() { |
|
196 | if(this.entryCount > 0) { |
|
196 | if(this.entryCount > 0) { |
|
197 | for (var i = 0; i < this.entryCount; i++) |
|
197 | for (var i = 0; i < this.entryCount; i++) |
|
198 |
- this.index==i ? |
|
198 | + this.index==i ? |
|
199 |
- Element.addClassName(this.getEntry(i),"selected") : |
|
199 | + Element.addClassName(this.getEntry(i),"selected") : |
|
200 | Element.removeClassName(this.getEntry(i),"selected"); |
|
200 | Element.removeClassName(this.getEntry(i),"selected"); |
|
201 |
- if(this.hasFocus) { |
|
201 | + if(this.hasFocus) { |
|
202 | this.show(); |
|
202 | this.show(); |
|
203 | this.active = true; |
|
203 | this.active = true; |
|
204 | } |
|
204 | } |
@@ -207,27 +207,27 | |||||
|
207 | this.hide(); |
|
207 | this.hide(); |
|
208 | } |
|
208 | } |
|
209 | }, |
|
209 | }, |
|
210 | - |
|
210 | + |
|
211 | markPrevious: function() { |
|
211 | markPrevious: function() { |
|
212 | - if(this.index > 0) this.index-- |
|
212 | + if(this.index > 0) this.index--; |
|
213 | else this.index = this.entryCount-1; |
|
213 | else this.index = this.entryCount-1; |
|
214 | this.getEntry(this.index).scrollIntoView(true); |
|
214 | this.getEntry(this.index).scrollIntoView(true); |
|
215 | }, |
|
215 | }, |
|
216 | - |
|
216 | + |
|
217 | markNext: function() { |
|
217 | markNext: function() { |
|
218 | - if(this.index < this.entryCount-1) this.index++ |
|
218 | + if(this.index < this.entryCount-1) this.index++; |
|
219 | else this.index = 0; |
|
219 | else this.index = 0; |
|
220 | this.getEntry(this.index).scrollIntoView(false); |
|
220 | this.getEntry(this.index).scrollIntoView(false); |
|
221 | }, |
|
221 | }, |
|
222 | - |
|
222 | + |
|
223 | getEntry: function(index) { |
|
223 | getEntry: function(index) { |
|
224 | return this.update.firstChild.childNodes[index]; |
|
224 | return this.update.firstChild.childNodes[index]; |
|
225 | }, |
|
225 | }, |
|
226 | - |
|
226 | + |
|
227 | getCurrentEntry: function() { |
|
227 | getCurrentEntry: function() { |
|
228 | return this.getEntry(this.index); |
|
228 | return this.getEntry(this.index); |
|
229 | }, |
|
229 | }, |
|
230 | - |
|
230 | + |
|
231 | selectEntry: function() { |
|
231 | selectEntry: function() { |
|
232 | this.active = false; |
|
232 | this.active = false; |
|
233 | this.updateElement(this.getCurrentEntry()); |
|
233 | this.updateElement(this.getCurrentEntry()); |
@@ -244,7 +244,7 | |||||
|
244 | if(nodes.length>0) value = Element.collectTextNodes(nodes[0], this.options.select); |
|
244 | if(nodes.length>0) value = Element.collectTextNodes(nodes[0], this.options.select); |
|
245 | } else |
|
245 | } else |
|
246 | value = Element.collectTextNodesIgnoreClass(selectedElement, 'informal'); |
|
246 | value = Element.collectTextNodesIgnoreClass(selectedElement, 'informal'); |
|
247 | - |
|
247 | + |
|
248 | var bounds = this.getTokenBounds(); |
|
248 | var bounds = this.getTokenBounds(); |
|
249 | if (bounds[0] != -1) { |
|
249 | if (bounds[0] != -1) { |
|
250 | var newValue = this.element.value.substr(0, bounds[0]); |
|
250 | var newValue = this.element.value.substr(0, bounds[0]); |
@@ -257,7 +257,7 | |||||
|
257 | } |
|
257 | } |
|
258 | this.oldElementValue = this.element.value; |
|
258 | this.oldElementValue = this.element.value; |
|
259 | this.element.focus(); |
|
259 | this.element.focus(); |
|
260 | - |
|
260 | + |
|
261 | if (this.options.afterUpdateElement) |
|
261 | if (this.options.afterUpdateElement) |
|
262 | this.options.afterUpdateElement(this.element, selectedElement); |
|
262 | this.options.afterUpdateElement(this.element, selectedElement); |
|
263 | }, |
|
263 | }, |
@@ -269,20 +269,20 | |||||
|
269 | Element.cleanWhitespace(this.update.down()); |
|
269 | Element.cleanWhitespace(this.update.down()); |
|
270 |
|
270 | ||
|
271 | if(this.update.firstChild && this.update.down().childNodes) { |
|
271 | if(this.update.firstChild && this.update.down().childNodes) { |
|
272 |
- this.entryCount = |
|
272 | + this.entryCount = |
|
273 | this.update.down().childNodes.length; |
|
273 | this.update.down().childNodes.length; |
|
274 | for (var i = 0; i < this.entryCount; i++) { |
|
274 | for (var i = 0; i < this.entryCount; i++) { |
|
275 | var entry = this.getEntry(i); |
|
275 | var entry = this.getEntry(i); |
|
276 | entry.autocompleteIndex = i; |
|
276 | entry.autocompleteIndex = i; |
|
277 | this.addObservers(entry); |
|
277 | this.addObservers(entry); |
|
278 | } |
|
278 | } |
|
279 |
- } else { |
|
279 | + } else { |
|
280 | this.entryCount = 0; |
|
280 | this.entryCount = 0; |
|
281 | } |
|
281 | } |
|
282 |
|
282 | ||
|
283 | this.stopIndicator(); |
|
283 | this.stopIndicator(); |
|
284 | this.index = 0; |
|
284 | this.index = 0; |
|
285 | - |
|
285 | + |
|
286 | if(this.entryCount==1 && this.options.autoSelect) { |
|
286 | if(this.entryCount==1 && this.options.autoSelect) { |
|
287 | this.selectEntry(); |
|
287 | this.selectEntry(); |
|
288 | this.hide(); |
|
288 | this.hide(); |
@@ -298,7 +298,7 | |||||
|
298 | }, |
|
298 | }, |
|
299 |
|
299 | ||
|
300 | onObserverEvent: function() { |
|
300 | onObserverEvent: function() { |
|
301 |
- this.changed = false; |
|
301 | + this.changed = false; |
|
302 | this.tokenBounds = null; |
|
302 | this.tokenBounds = null; |
|
303 | if(this.getToken().length>=this.options.minChars) { |
|
303 | if(this.getToken().length>=this.options.minChars) { |
|
304 | this.getUpdatedChoices(); |
|
304 | this.getUpdatedChoices(); |
@@ -351,16 +351,16 | |||||
|
351 |
|
351 | ||
|
352 | getUpdatedChoices: function() { |
|
352 | getUpdatedChoices: function() { |
|
353 | this.startIndicator(); |
|
353 | this.startIndicator(); |
|
354 | - |
|
354 | + |
|
355 |
- var entry = encodeURIComponent(this.options.paramName) + '=' + |
|
355 | + var entry = encodeURIComponent(this.options.paramName) + '=' + |
|
356 | encodeURIComponent(this.getToken()); |
|
356 | encodeURIComponent(this.getToken()); |
|
357 |
|
357 | ||
|
358 | this.options.parameters = this.options.callback ? |
|
358 | this.options.parameters = this.options.callback ? |
|
359 | this.options.callback(this.element, entry) : entry; |
|
359 | this.options.callback(this.element, entry) : entry; |
|
360 |
|
360 | ||
|
361 |
- if(this.options.defaultParams) |
|
361 | + if(this.options.defaultParams) |
|
362 | this.options.parameters += '&' + this.options.defaultParams; |
|
362 | this.options.parameters += '&' + this.options.defaultParams; |
|
363 | - |
|
363 | + |
|
364 | new Ajax.Request(this.url, this.options); |
|
364 | new Ajax.Request(this.url, this.options); |
|
365 | }, |
|
365 | }, |
|
366 |
|
366 | ||
@@ -382,7 +382,7 | |||||
|
382 | // - choices - How many autocompletion choices to offer |
|
382 | // - choices - How many autocompletion choices to offer |
|
383 | // |
|
383 | // |
|
384 | // - partialSearch - If false, the autocompleter will match entered |
|
384 | // - partialSearch - If false, the autocompleter will match entered |
|
385 |
- // text only at the beginning of strings in the |
|
385 | + // text only at the beginning of strings in the |
|
386 | // autocomplete array. Defaults to true, which will |
|
386 | // autocomplete array. Defaults to true, which will |
|
387 | // match text at the beginning of any *word* in the |
|
387 | // match text at the beginning of any *word* in the |
|
388 | // strings in the autocomplete array. If you want to |
|
388 | // strings in the autocomplete array. If you want to |
@@ -399,7 +399,7 | |||||
|
399 | // - ignoreCase - Whether to ignore case when autocompleting. |
|
399 | // - ignoreCase - Whether to ignore case when autocompleting. |
|
400 | // Defaults to true. |
|
400 | // Defaults to true. |
|
401 | // |
|
401 | // |
|
402 |
- // It's possible to pass in a custom function as the 'selector' |
|
402 | + // It's possible to pass in a custom function as the 'selector' |
|
403 | // option, if you prefer to write your own autocompletion logic. |
|
403 | // option, if you prefer to write your own autocompletion logic. |
|
404 | // In that case, the other options above will not apply unless |
|
404 | // In that case, the other options above will not apply unless |
|
405 | // you support them. |
|
405 | // you support them. |
@@ -427,20 +427,20 | |||||
|
427 | var entry = instance.getToken(); |
|
427 | var entry = instance.getToken(); |
|
428 | var count = 0; |
|
428 | var count = 0; |
|
429 |
|
429 | ||
|
430 |
- for (var i = 0; i < instance.options.array.length && |
|
430 | + for (var i = 0; i < instance.options.array.length && |
|
431 |
- ret.length < instance.options.choices ; i++) { |
|
431 | + ret.length < instance.options.choices ; i++) { |
|
432 |
|
432 | ||
|
433 | var elem = instance.options.array[i]; |
|
433 | var elem = instance.options.array[i]; |
|
434 |
- var foundPos = instance.options.ignoreCase ? |
|
434 | + var foundPos = instance.options.ignoreCase ? |
|
435 |
- elem.toLowerCase().indexOf(entry.toLowerCase()) : |
|
435 | + elem.toLowerCase().indexOf(entry.toLowerCase()) : |
|
436 | elem.indexOf(entry); |
|
436 | elem.indexOf(entry); |
|
437 |
|
437 | ||
|
438 | while (foundPos != -1) { |
|
438 | while (foundPos != -1) { |
|
439 |
- if (foundPos == 0 && elem.length != entry.length) { |
|
439 | + if (foundPos == 0 && elem.length != entry.length) { |
|
440 |
- ret.push("<li><strong>" + elem.substr(0, entry.length) + "</strong>" + |
|
440 | + ret.push("<li><strong>" + elem.substr(0, entry.length) + "</strong>" + |
|
441 | elem.substr(entry.length) + "</li>"); |
|
441 | elem.substr(entry.length) + "</li>"); |
|
442 | break; |
|
442 | break; |
|
443 |
- } else if (entry.length >= instance.options.partialChars && |
|
443 | + } else if (entry.length >= instance.options.partialChars && |
|
444 | instance.options.partialSearch && foundPos != -1) { |
|
444 | instance.options.partialSearch && foundPos != -1) { |
|
445 | if (instance.options.fullSearch || /\s/.test(elem.substr(foundPos-1,1))) { |
|
445 | if (instance.options.fullSearch || /\s/.test(elem.substr(foundPos-1,1))) { |
|
446 | partial.push("<li>" + elem.substr(0, foundPos) + "<strong>" + |
|
446 | partial.push("<li>" + elem.substr(0, foundPos) + "<strong>" + |
@@ -450,14 +450,14 | |||||
|
450 | } |
|
450 | } |
|
451 | } |
|
451 | } |
|
452 |
|
452 | ||
|
453 |
- foundPos = instance.options.ignoreCase ? |
|
453 | + foundPos = instance.options.ignoreCase ? |
|
454 |
- elem.toLowerCase().indexOf(entry.toLowerCase(), foundPos + 1) : |
|
454 | + elem.toLowerCase().indexOf(entry.toLowerCase(), foundPos + 1) : |
|
455 | elem.indexOf(entry, foundPos + 1); |
|
455 | elem.indexOf(entry, foundPos + 1); |
|
456 |
|
456 | ||
|
457 | } |
|
457 | } |
|
458 | } |
|
458 | } |
|
459 | if (partial.length) |
|
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 | return "<ul>" + ret.join('') + "</ul>"; |
|
461 | return "<ul>" + ret.join('') + "</ul>"; |
|
462 | } |
|
462 | } |
|
463 | }, options || { }); |
|
463 | }, options || { }); |
@@ -474,7 +474,7 | |||||
|
474 | setTimeout(function() { |
|
474 | setTimeout(function() { |
|
475 | Field.activate(field); |
|
475 | Field.activate(field); |
|
476 | }, 1); |
|
476 | }, 1); |
|
477 | - } |
|
477 | + }; |
|
478 |
|
478 | ||
|
479 | Ajax.InPlaceEditor = Class.create({ |
|
479 | Ajax.InPlaceEditor = Class.create({ |
|
480 | initialize: function(element, url, options) { |
|
480 | initialize: function(element, url, options) { |
@@ -604,7 +604,7 | |||||
|
604 | this.triggerCallback('onEnterHover'); |
|
604 | this.triggerCallback('onEnterHover'); |
|
605 | }, |
|
605 | }, |
|
606 | getText: function() { |
|
606 | getText: function() { |
|
607 | - return this.element.innerHTML; |
|
607 | + return this.element.innerHTML.unescapeHTML(); |
|
608 | }, |
|
608 | }, |
|
609 | handleAJAXFailure: function(transport) { |
|
609 | handleAJAXFailure: function(transport) { |
|
610 | this.triggerCallback('onFailure', transport); |
|
610 | this.triggerCallback('onFailure', transport); |
@@ -780,7 +780,7 | |||||
|
780 | onSuccess: function(transport) { |
|
780 | onSuccess: function(transport) { |
|
781 | var js = transport.responseText.strip(); |
|
781 | var js = transport.responseText.strip(); |
|
782 | if (!/^\[.*\]$/.test(js)) // TODO: improve sanity check |
|
782 | if (!/^\[.*\]$/.test(js)) // TODO: improve sanity check |
|
783 |
- throw |
|
783 | + throw('Server returned an invalid collection representation.'); |
|
784 | this._collection = eval(js); |
|
784 | this._collection = eval(js); |
|
785 | this.checkForExternalText(); |
|
785 | this.checkForExternalText(); |
|
786 | }.bind(this), |
|
786 | }.bind(this), |
@@ -937,7 +937,7 | |||||
|
937 | loadingCollectionText: 'Loading options...' |
|
937 | loadingCollectionText: 'Loading options...' |
|
938 | }; |
|
938 | }; |
|
939 |
|
939 | ||
|
940 |
- // Delayed observer, like Form.Element.Observer, |
|
940 | + // Delayed observer, like Form.Element.Observer, |
|
941 | // but waits for delay after last key input |
|
941 | // but waits for delay after last key input |
|
942 | // Ideal for live-search fields |
|
942 | // Ideal for live-search fields |
|
943 |
|
943 | ||
@@ -947,7 +947,7 | |||||
|
947 | this.element = $(element); |
|
947 | this.element = $(element); |
|
948 | this.callback = callback; |
|
948 | this.callback = callback; |
|
949 | this.timer = null; |
|
949 | this.timer = null; |
|
950 |
- this.lastValue = $F(this.element); |
|
950 | + this.lastValue = $F(this.element); |
|
951 | Event.observe(this.element,'keyup',this.delayedListener.bindAsEventListener(this)); |
|
951 | Event.observe(this.element,'keyup',this.delayedListener.bindAsEventListener(this)); |
|
952 | }, |
|
952 | }, |
|
953 | delayedListener: function(event) { |
|
953 | delayedListener: function(event) { |
@@ -960,4 +960,4 | |||||
|
960 | this.timer = null; |
|
960 | this.timer = null; |
|
961 | this.callback(this.element, $F(this.element)); |
|
961 | this.callback(this.element, $F(this.element)); |
|
962 | } |
|
962 | } |
|
963 |
- }); |
|
963 | + }); No newline at end of file |
@@ -1,6 +1,6 | |||||
|
1 | // Copyright (c) 2005-2008 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us) |
|
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 | // script.aculo.us is freely distributable under the terms of an MIT-style license. |
|
4 | // script.aculo.us is freely distributable under the terms of an MIT-style license. |
|
5 | // For details, see the script.aculo.us web site: http://script.aculo.us/ |
|
5 | // For details, see the script.aculo.us web site: http://script.aculo.us/ |
|
6 |
|
6 | ||
@@ -32,7 +32,7 | |||||
|
32 | options._containers.push($(containment)); |
|
32 | options._containers.push($(containment)); |
|
33 | } |
|
33 | } |
|
34 | } |
|
34 | } |
|
35 | - |
|
35 | + |
|
36 | if(options.accept) options.accept = [options.accept].flatten(); |
|
36 | if(options.accept) options.accept = [options.accept].flatten(); |
|
37 |
|
37 | ||
|
38 | Element.makePositioned(element); // fix IE |
|
38 | Element.makePositioned(element); // fix IE |
@@ -40,34 +40,34 | |||||
|
40 |
|
40 | ||
|
41 | this.drops.push(options); |
|
41 | this.drops.push(options); |
|
42 | }, |
|
42 | }, |
|
43 | - |
|
43 | + |
|
44 | findDeepestChild: function(drops) { |
|
44 | findDeepestChild: function(drops) { |
|
45 | deepest = drops[0]; |
|
45 | deepest = drops[0]; |
|
46 | - |
|
46 | + |
|
47 | for (i = 1; i < drops.length; ++i) |
|
47 | for (i = 1; i < drops.length; ++i) |
|
48 | if (Element.isParent(drops[i].element, deepest.element)) |
|
48 | if (Element.isParent(drops[i].element, deepest.element)) |
|
49 | deepest = drops[i]; |
|
49 | deepest = drops[i]; |
|
50 | - |
|
50 | + |
|
51 | return deepest; |
|
51 | return deepest; |
|
52 | }, |
|
52 | }, |
|
53 |
|
53 | ||
|
54 | isContained: function(element, drop) { |
|
54 | isContained: function(element, drop) { |
|
55 | var containmentNode; |
|
55 | var containmentNode; |
|
56 | if(drop.tree) { |
|
56 | if(drop.tree) { |
|
57 |
- containmentNode = element.treeNode; |
|
57 | + containmentNode = element.treeNode; |
|
58 | } else { |
|
58 | } else { |
|
59 | containmentNode = element.parentNode; |
|
59 | containmentNode = element.parentNode; |
|
60 | } |
|
60 | } |
|
61 | return drop._containers.detect(function(c) { return containmentNode == c }); |
|
61 | return drop._containers.detect(function(c) { return containmentNode == c }); |
|
62 | }, |
|
62 | }, |
|
63 | - |
|
63 | + |
|
64 | isAffected: function(point, element, drop) { |
|
64 | isAffected: function(point, element, drop) { |
|
65 | return ( |
|
65 | return ( |
|
66 | (drop.element!=element) && |
|
66 | (drop.element!=element) && |
|
67 | ((!drop._containers) || |
|
67 | ((!drop._containers) || |
|
68 | this.isContained(element, drop)) && |
|
68 | this.isContained(element, drop)) && |
|
69 | ((!drop.accept) || |
|
69 | ((!drop.accept) || |
|
70 |
- (Element.classNames(element).detect( |
|
70 | + (Element.classNames(element).detect( |
|
71 | function(v) { return drop.accept.include(v) } ) )) && |
|
71 | function(v) { return drop.accept.include(v) } ) )) && |
|
72 | Position.within(drop.element, point[0], point[1]) ); |
|
72 | Position.within(drop.element, point[0], point[1]) ); |
|
73 | }, |
|
73 | }, |
@@ -87,12 +87,12 | |||||
|
87 | show: function(point, element) { |
|
87 | show: function(point, element) { |
|
88 | if(!this.drops.length) return; |
|
88 | if(!this.drops.length) return; |
|
89 | var drop, affected = []; |
|
89 | var drop, affected = []; |
|
90 | - |
|
90 | + |
|
91 | this.drops.each( function(drop) { |
|
91 | this.drops.each( function(drop) { |
|
92 | if(Droppables.isAffected(point, element, drop)) |
|
92 | if(Droppables.isAffected(point, element, drop)) |
|
93 | affected.push(drop); |
|
93 | affected.push(drop); |
|
94 | }); |
|
94 | }); |
|
95 | - |
|
95 | + |
|
96 | if(affected.length>0) |
|
96 | if(affected.length>0) |
|
97 | drop = Droppables.findDeepestChild(affected); |
|
97 | drop = Droppables.findDeepestChild(affected); |
|
98 |
|
98 | ||
@@ -101,7 +101,7 | |||||
|
101 | Position.within(drop.element, point[0], point[1]); |
|
101 | Position.within(drop.element, point[0], point[1]); |
|
102 | if(drop.onHover) |
|
102 | if(drop.onHover) |
|
103 | drop.onHover(element, drop.element, Position.overlap(drop.overlap, drop.element)); |
|
103 | drop.onHover(element, drop.element, Position.overlap(drop.overlap, drop.element)); |
|
104 | - |
|
104 | + |
|
105 | if (drop != this.last_active) Droppables.activate(drop); |
|
105 | if (drop != this.last_active) Droppables.activate(drop); |
|
106 | } |
|
106 | } |
|
107 | }, |
|
107 | }, |
@@ -112,8 +112,8 | |||||
|
112 |
|
112 | ||
|
113 | if (this.isAffected([Event.pointerX(event), Event.pointerY(event)], element, this.last_active)) |
|
113 | if (this.isAffected([Event.pointerX(event), Event.pointerY(event)], element, this.last_active)) |
|
114 | if (this.last_active.onDrop) { |
|
114 | if (this.last_active.onDrop) { |
|
115 |
- this.last_active.onDrop(element, this.last_active.element, event); |
|
115 | + this.last_active.onDrop(element, this.last_active.element, event); |
|
116 |
- return true; |
|
116 | + return true; |
|
117 | } |
|
117 | } |
|
118 | }, |
|
118 | }, |
|
119 |
|
119 | ||
@@ -121,25 +121,25 | |||||
|
121 | if(this.last_active) |
|
121 | if(this.last_active) |
|
122 | this.deactivate(this.last_active); |
|
122 | this.deactivate(this.last_active); |
|
123 | } |
|
123 | } |
|
124 | - } |
|
124 | + }; |
|
125 |
|
125 | ||
|
126 | var Draggables = { |
|
126 | var Draggables = { |
|
127 | drags: [], |
|
127 | drags: [], |
|
128 | observers: [], |
|
128 | observers: [], |
|
129 | - |
|
129 | + |
|
130 | register: function(draggable) { |
|
130 | register: function(draggable) { |
|
131 | if(this.drags.length == 0) { |
|
131 | if(this.drags.length == 0) { |
|
132 | this.eventMouseUp = this.endDrag.bindAsEventListener(this); |
|
132 | this.eventMouseUp = this.endDrag.bindAsEventListener(this); |
|
133 | this.eventMouseMove = this.updateDrag.bindAsEventListener(this); |
|
133 | this.eventMouseMove = this.updateDrag.bindAsEventListener(this); |
|
134 | this.eventKeypress = this.keyPress.bindAsEventListener(this); |
|
134 | this.eventKeypress = this.keyPress.bindAsEventListener(this); |
|
135 | - |
|
135 | + |
|
136 | Event.observe(document, "mouseup", this.eventMouseUp); |
|
136 | Event.observe(document, "mouseup", this.eventMouseUp); |
|
137 | Event.observe(document, "mousemove", this.eventMouseMove); |
|
137 | Event.observe(document, "mousemove", this.eventMouseMove); |
|
138 | Event.observe(document, "keypress", this.eventKeypress); |
|
138 | Event.observe(document, "keypress", this.eventKeypress); |
|
139 | } |
|
139 | } |
|
140 | this.drags.push(draggable); |
|
140 | this.drags.push(draggable); |
|
141 | }, |
|
141 | }, |
|
142 | - |
|
142 | + |
|
143 | unregister: function(draggable) { |
|
143 | unregister: function(draggable) { |
|
144 | this.drags = this.drags.reject(function(d) { return d==draggable }); |
|
144 | this.drags = this.drags.reject(function(d) { return d==draggable }); |
|
145 | if(this.drags.length == 0) { |
|
145 | if(this.drags.length == 0) { |
@@ -148,24 +148,24 | |||||
|
148 | Event.stopObserving(document, "keypress", this.eventKeypress); |
|
148 | Event.stopObserving(document, "keypress", this.eventKeypress); |
|
149 | } |
|
149 | } |
|
150 | }, |
|
150 | }, |
|
151 | - |
|
151 | + |
|
152 | activate: function(draggable) { |
|
152 | activate: function(draggable) { |
|
153 |
- if(draggable.options.delay) { |
|
153 | + if(draggable.options.delay) { |
|
154 |
- this._timeout = setTimeout(function() { |
|
154 | + this._timeout = setTimeout(function() { |
|
155 |
- Draggables._timeout = null; |
|
155 | + Draggables._timeout = null; |
|
156 |
- window.focus(); |
|
156 | + window.focus(); |
|
157 |
- Draggables.activeDraggable = draggable; |
|
157 | + Draggables.activeDraggable = draggable; |
|
158 |
- }.bind(this), draggable.options.delay); |
|
158 | + }.bind(this), draggable.options.delay); |
|
159 | } else { |
|
159 | } else { |
|
160 | window.focus(); // allows keypress events if window isn't currently focused, fails for Safari |
|
160 | window.focus(); // allows keypress events if window isn't currently focused, fails for Safari |
|
161 | this.activeDraggable = draggable; |
|
161 | this.activeDraggable = draggable; |
|
162 | } |
|
162 | } |
|
163 | }, |
|
163 | }, |
|
164 | - |
|
164 | + |
|
165 | deactivate: function() { |
|
165 | deactivate: function() { |
|
166 | this.activeDraggable = null; |
|
166 | this.activeDraggable = null; |
|
167 | }, |
|
167 | }, |
|
168 | - |
|
168 | + |
|
169 | updateDrag: function(event) { |
|
169 | updateDrag: function(event) { |
|
170 | if(!this.activeDraggable) return; |
|
170 | if(!this.activeDraggable) return; |
|
171 | var pointer = [Event.pointerX(event), Event.pointerY(event)]; |
|
171 | var pointer = [Event.pointerX(event), Event.pointerY(event)]; |
@@ -173,36 +173,36 | |||||
|
173 | // the same coordinates, prevent needless redrawing (moz bug?) |
|
173 | // the same coordinates, prevent needless redrawing (moz bug?) |
|
174 | if(this._lastPointer && (this._lastPointer.inspect() == pointer.inspect())) return; |
|
174 | if(this._lastPointer && (this._lastPointer.inspect() == pointer.inspect())) return; |
|
175 | this._lastPointer = pointer; |
|
175 | this._lastPointer = pointer; |
|
176 | - |
|
176 | + |
|
177 | this.activeDraggable.updateDrag(event, pointer); |
|
177 | this.activeDraggable.updateDrag(event, pointer); |
|
178 | }, |
|
178 | }, |
|
179 | - |
|
179 | + |
|
180 | endDrag: function(event) { |
|
180 | endDrag: function(event) { |
|
181 |
- if(this._timeout) { |
|
181 | + if(this._timeout) { |
|
182 |
- clearTimeout(this._timeout); |
|
182 | + clearTimeout(this._timeout); |
|
183 |
- this._timeout = null; |
|
183 | + this._timeout = null; |
|
184 | } |
|
184 | } |
|
185 | if(!this.activeDraggable) return; |
|
185 | if(!this.activeDraggable) return; |
|
186 | this._lastPointer = null; |
|
186 | this._lastPointer = null; |
|
187 | this.activeDraggable.endDrag(event); |
|
187 | this.activeDraggable.endDrag(event); |
|
188 | this.activeDraggable = null; |
|
188 | this.activeDraggable = null; |
|
189 | }, |
|
189 | }, |
|
190 | - |
|
190 | + |
|
191 | keyPress: function(event) { |
|
191 | keyPress: function(event) { |
|
192 | if(this.activeDraggable) |
|
192 | if(this.activeDraggable) |
|
193 | this.activeDraggable.keyPress(event); |
|
193 | this.activeDraggable.keyPress(event); |
|
194 | }, |
|
194 | }, |
|
195 | - |
|
195 | + |
|
196 | addObserver: function(observer) { |
|
196 | addObserver: function(observer) { |
|
197 | this.observers.push(observer); |
|
197 | this.observers.push(observer); |
|
198 | this._cacheObserverCallbacks(); |
|
198 | this._cacheObserverCallbacks(); |
|
199 | }, |
|
199 | }, |
|
200 | - |
|
200 | + |
|
201 | removeObserver: function(element) { // element instead of observer fixes mem leaks |
|
201 | removeObserver: function(element) { // element instead of observer fixes mem leaks |
|
202 | this.observers = this.observers.reject( function(o) { return o.element==element }); |
|
202 | this.observers = this.observers.reject( function(o) { return o.element==element }); |
|
203 | this._cacheObserverCallbacks(); |
|
203 | this._cacheObserverCallbacks(); |
|
204 | }, |
|
204 | }, |
|
205 | - |
|
205 | + |
|
206 | notify: function(eventName, draggable, event) { // 'onStart', 'onEnd', 'onDrag' |
|
206 | notify: function(eventName, draggable, event) { // 'onStart', 'onEnd', 'onDrag' |
|
207 | if(this[eventName+'Count'] > 0) |
|
207 | if(this[eventName+'Count'] > 0) |
|
208 | this.observers.each( function(o) { |
|
208 | this.observers.each( function(o) { |
@@ -210,7 +210,7 | |||||
|
210 | }); |
|
210 | }); |
|
211 | if(draggable.options[eventName]) draggable.options[eventName](draggable, event); |
|
211 | if(draggable.options[eventName]) draggable.options[eventName](draggable, event); |
|
212 | }, |
|
212 | }, |
|
213 | - |
|
213 | + |
|
214 | _cacheObserverCallbacks: function() { |
|
214 | _cacheObserverCallbacks: function() { |
|
215 | ['onStart','onEnd','onDrag'].each( function(eventName) { |
|
215 | ['onStart','onEnd','onDrag'].each( function(eventName) { |
|
216 | Draggables[eventName+'Count'] = Draggables.observers.select( |
|
216 | Draggables[eventName+'Count'] = Draggables.observers.select( |
@@ -218,7 +218,7 | |||||
|
218 | ).length; |
|
218 | ).length; |
|
219 | }); |
|
219 | }); |
|
220 | } |
|
220 | } |
|
221 | - } |
|
221 | + }; |
|
222 |
|
222 | ||
|
223 |
|
|
223 | /*--------------------------------------------------------------------------*/ |
|
224 |
|
224 | ||
@@ -234,12 +234,12 | |||||
|
234 | }, |
|
234 | }, |
|
235 | endeffect: function(element) { |
|
235 | endeffect: function(element) { |
|
236 | var toOpacity = Object.isNumber(element._opacity) ? element._opacity : 1.0; |
|
236 | var toOpacity = Object.isNumber(element._opacity) ? element._opacity : 1.0; |
|
237 |
- new Effect.Opacity(element, {duration:0.2, from:0.7, to:toOpacity, |
|
237 | + new Effect.Opacity(element, {duration:0.2, from:0.7, to:toOpacity, |
|
238 | queue: {scope:'_draggable', position:'end'}, |
|
238 | queue: {scope:'_draggable', position:'end'}, |
|
239 |
- afterFinish: function(){ |
|
239 | + afterFinish: function(){ |
|
240 |
- Draggable._dragging[element] = false |
|
240 | + Draggable._dragging[element] = false |
|
241 | } |
|
241 | } |
|
242 |
- }); |
|
242 | + }); |
|
243 | }, |
|
243 | }, |
|
244 | zindex: 1000, |
|
244 | zindex: 1000, |
|
245 | revert: false, |
|
245 | revert: false, |
@@ -250,57 +250,57 | |||||
|
250 | snap: false, // false, or xy or [x,y] or function(x,y){ return [x,y] } |
|
250 | snap: false, // false, or xy or [x,y] or function(x,y){ return [x,y] } |
|
251 | delay: 0 |
|
251 | delay: 0 |
|
252 | }; |
|
252 | }; |
|
253 | - |
|
253 | + |
|
254 | if(!arguments[1] || Object.isUndefined(arguments[1].endeffect)) |
|
254 | if(!arguments[1] || Object.isUndefined(arguments[1].endeffect)) |
|
255 | Object.extend(defaults, { |
|
255 | Object.extend(defaults, { |
|
256 | starteffect: function(element) { |
|
256 | starteffect: function(element) { |
|
257 | element._opacity = Element.getOpacity(element); |
|
257 | element._opacity = Element.getOpacity(element); |
|
258 | Draggable._dragging[element] = true; |
|
258 | Draggable._dragging[element] = true; |
|
259 |
- new Effect.Opacity(element, {duration:0.2, from:element._opacity, to:0.7}); |
|
259 | + new Effect.Opacity(element, {duration:0.2, from:element._opacity, to:0.7}); |
|
260 | } |
|
260 | } |
|
261 | }); |
|
261 | }); |
|
262 | - |
|
262 | + |
|
263 | var options = Object.extend(defaults, arguments[1] || { }); |
|
263 | var options = Object.extend(defaults, arguments[1] || { }); |
|
264 |
|
264 | ||
|
265 | this.element = $(element); |
|
265 | this.element = $(element); |
|
266 | - |
|
266 | + |
|
267 | if(options.handle && Object.isString(options.handle)) |
|
267 | if(options.handle && Object.isString(options.handle)) |
|
268 | this.handle = this.element.down('.'+options.handle, 0); |
|
268 | this.handle = this.element.down('.'+options.handle, 0); |
|
269 | - |
|
269 | + |
|
270 | if(!this.handle) this.handle = $(options.handle); |
|
270 | if(!this.handle) this.handle = $(options.handle); |
|
271 | if(!this.handle) this.handle = this.element; |
|
271 | if(!this.handle) this.handle = this.element; |
|
272 | - |
|
272 | + |
|
273 | if(options.scroll && !options.scroll.scrollTo && !options.scroll.outerHTML) { |
|
273 | if(options.scroll && !options.scroll.scrollTo && !options.scroll.outerHTML) { |
|
274 | options.scroll = $(options.scroll); |
|
274 | options.scroll = $(options.scroll); |
|
275 | this._isScrollChild = Element.childOf(this.element, options.scroll); |
|
275 | this._isScrollChild = Element.childOf(this.element, options.scroll); |
|
276 | } |
|
276 | } |
|
277 |
|
277 | ||
|
278 |
- Element.makePositioned(this.element); // fix IE |
|
278 | + Element.makePositioned(this.element); // fix IE |
|
279 |
|
279 | ||
|
280 | this.options = options; |
|
280 | this.options = options; |
|
281 |
- this.dragging = false; |
|
281 | + this.dragging = false; |
|
282 |
|
282 | ||
|
283 | this.eventMouseDown = this.initDrag.bindAsEventListener(this); |
|
283 | this.eventMouseDown = this.initDrag.bindAsEventListener(this); |
|
284 | Event.observe(this.handle, "mousedown", this.eventMouseDown); |
|
284 | Event.observe(this.handle, "mousedown", this.eventMouseDown); |
|
285 | - |
|
285 | + |
|
286 | Draggables.register(this); |
|
286 | Draggables.register(this); |
|
287 | }, |
|
287 | }, |
|
288 | - |
|
288 | + |
|
289 | destroy: function() { |
|
289 | destroy: function() { |
|
290 | Event.stopObserving(this.handle, "mousedown", this.eventMouseDown); |
|
290 | Event.stopObserving(this.handle, "mousedown", this.eventMouseDown); |
|
291 | Draggables.unregister(this); |
|
291 | Draggables.unregister(this); |
|
292 | }, |
|
292 | }, |
|
293 | - |
|
293 | + |
|
294 | currentDelta: function() { |
|
294 | currentDelta: function() { |
|
295 | return([ |
|
295 | return([ |
|
296 | parseInt(Element.getStyle(this.element,'left') || '0'), |
|
296 | parseInt(Element.getStyle(this.element,'left') || '0'), |
|
297 | parseInt(Element.getStyle(this.element,'top') || '0')]); |
|
297 | parseInt(Element.getStyle(this.element,'top') || '0')]); |
|
298 | }, |
|
298 | }, |
|
299 | - |
|
299 | + |
|
300 | initDrag: function(event) { |
|
300 | initDrag: function(event) { |
|
301 | if(!Object.isUndefined(Draggable._dragging[this.element]) && |
|
301 | if(!Object.isUndefined(Draggable._dragging[this.element]) && |
|
302 | Draggable._dragging[this.element]) return; |
|
302 | Draggable._dragging[this.element]) return; |
|
303 |
- if(Event.isLeftClick(event)) { |
|
303 | + if(Event.isLeftClick(event)) { |
|
304 | // abort on form elements, fixes a Firefox issue |
|
304 | // abort on form elements, fixes a Firefox issue |
|
305 | var src = Event.element(event); |
|
305 | var src = Event.element(event); |
|
306 | if((tag_name = src.tagName.toUpperCase()) && ( |
|
306 | if((tag_name = src.tagName.toUpperCase()) && ( |
@@ -309,34 +309,34 | |||||
|
309 | tag_name=='OPTION' || |
|
309 | tag_name=='OPTION' || |
|
310 | tag_name=='BUTTON' || |
|
310 | tag_name=='BUTTON' || |
|
311 | tag_name=='TEXTAREA')) return; |
|
311 | tag_name=='TEXTAREA')) return; |
|
312 | - |
|
312 | + |
|
313 | var pointer = [Event.pointerX(event), Event.pointerY(event)]; |
|
313 | var pointer = [Event.pointerX(event), Event.pointerY(event)]; |
|
314 | var pos = Position.cumulativeOffset(this.element); |
|
314 | var pos = Position.cumulativeOffset(this.element); |
|
315 | this.offset = [0,1].map( function(i) { return (pointer[i] - pos[i]) }); |
|
315 | this.offset = [0,1].map( function(i) { return (pointer[i] - pos[i]) }); |
|
316 | - |
|
316 | + |
|
317 | Draggables.activate(this); |
|
317 | Draggables.activate(this); |
|
318 | Event.stop(event); |
|
318 | Event.stop(event); |
|
319 | } |
|
319 | } |
|
320 | }, |
|
320 | }, |
|
321 | - |
|
321 | + |
|
322 | startDrag: function(event) { |
|
322 | startDrag: function(event) { |
|
323 | this.dragging = true; |
|
323 | this.dragging = true; |
|
324 | if(!this.delta) |
|
324 | if(!this.delta) |
|
325 | this.delta = this.currentDelta(); |
|
325 | this.delta = this.currentDelta(); |
|
326 | - |
|
326 | + |
|
327 | if(this.options.zindex) { |
|
327 | if(this.options.zindex) { |
|
328 | this.originalZ = parseInt(Element.getStyle(this.element,'z-index') || 0); |
|
328 | this.originalZ = parseInt(Element.getStyle(this.element,'z-index') || 0); |
|
329 | this.element.style.zIndex = this.options.zindex; |
|
329 | this.element.style.zIndex = this.options.zindex; |
|
330 | } |
|
330 | } |
|
331 | - |
|
331 | + |
|
332 | if(this.options.ghosting) { |
|
332 | if(this.options.ghosting) { |
|
333 | this._clone = this.element.cloneNode(true); |
|
333 | this._clone = this.element.cloneNode(true); |
|
334 |
- this |
|
334 | + this._originallyAbsolute = (this.element.getStyle('position') == 'absolute'); |
|
335 |
- if (!this. |
|
335 | + if (!this._originallyAbsolute) |
|
336 | Position.absolutize(this.element); |
|
336 | Position.absolutize(this.element); |
|
337 | this.element.parentNode.insertBefore(this._clone, this.element); |
|
337 | this.element.parentNode.insertBefore(this._clone, this.element); |
|
338 | } |
|
338 | } |
|
339 | - |
|
339 | + |
|
340 | if(this.options.scroll) { |
|
340 | if(this.options.scroll) { |
|
341 | if (this.options.scroll == window) { |
|
341 | if (this.options.scroll == window) { |
|
342 | var where = this._getWindowScroll(this.options.scroll); |
|
342 | var where = this._getWindowScroll(this.options.scroll); |
@@ -347,28 +347,28 | |||||
|
347 | this.originalScrollTop = this.options.scroll.scrollTop; |
|
347 | this.originalScrollTop = this.options.scroll.scrollTop; |
|
348 | } |
|
348 | } |
|
349 | } |
|
349 | } |
|
350 | - |
|
350 | + |
|
351 | Draggables.notify('onStart', this, event); |
|
351 | Draggables.notify('onStart', this, event); |
|
352 | - |
|
352 | + |
|
353 | if(this.options.starteffect) this.options.starteffect(this.element); |
|
353 | if(this.options.starteffect) this.options.starteffect(this.element); |
|
354 | }, |
|
354 | }, |
|
355 | - |
|
355 | + |
|
356 | updateDrag: function(event, pointer) { |
|
356 | updateDrag: function(event, pointer) { |
|
357 | if(!this.dragging) this.startDrag(event); |
|
357 | if(!this.dragging) this.startDrag(event); |
|
358 | - |
|
358 | + |
|
359 | if(!this.options.quiet){ |
|
359 | if(!this.options.quiet){ |
|
360 | Position.prepare(); |
|
360 | Position.prepare(); |
|
361 | Droppables.show(pointer, this.element); |
|
361 | Droppables.show(pointer, this.element); |
|
362 | } |
|
362 | } |
|
363 | - |
|
363 | + |
|
364 | Draggables.notify('onDrag', this, event); |
|
364 | Draggables.notify('onDrag', this, event); |
|
365 | - |
|
365 | + |
|
366 | this.draw(pointer); |
|
366 | this.draw(pointer); |
|
367 | if(this.options.change) this.options.change(this); |
|
367 | if(this.options.change) this.options.change(this); |
|
368 | - |
|
368 | + |
|
369 | if(this.options.scroll) { |
|
369 | if(this.options.scroll) { |
|
370 | this.stopScrolling(); |
|
370 | this.stopScrolling(); |
|
371 | - |
|
371 | + |
|
372 | var p; |
|
372 | var p; |
|
373 | if (this.options.scroll == window) { |
|
373 | if (this.options.scroll == window) { |
|
374 | with(this._getWindowScroll(this.options.scroll)) { p = [ left, top, left+width, top+height ]; } |
|
374 | with(this._getWindowScroll(this.options.scroll)) { p = [ left, top, left+width, top+height ]; } |
@@ -386,16 +386,16 | |||||
|
386 | if(pointer[1] > (p[3]-this.options.scrollSensitivity)) speed[1] = pointer[1]-(p[3]-this.options.scrollSensitivity); |
|
386 | if(pointer[1] > (p[3]-this.options.scrollSensitivity)) speed[1] = pointer[1]-(p[3]-this.options.scrollSensitivity); |
|
387 | this.startScrolling(speed); |
|
387 | this.startScrolling(speed); |
|
388 | } |
|
388 | } |
|
389 | - |
|
389 | + |
|
390 | // fix AppleWebKit rendering |
|
390 | // fix AppleWebKit rendering |
|
391 | if(Prototype.Browser.WebKit) window.scrollBy(0,0); |
|
391 | if(Prototype.Browser.WebKit) window.scrollBy(0,0); |
|
392 | - |
|
392 | + |
|
393 | Event.stop(event); |
|
393 | Event.stop(event); |
|
394 | }, |
|
394 | }, |
|
395 | - |
|
395 | + |
|
396 | finishDrag: function(event, success) { |
|
396 | finishDrag: function(event, success) { |
|
397 | this.dragging = false; |
|
397 | this.dragging = false; |
|
398 | - |
|
398 | + |
|
399 | if(this.options.quiet){ |
|
399 | if(this.options.quiet){ |
|
400 | Position.prepare(); |
|
400 | Position.prepare(); |
|
401 | var pointer = [Event.pointerX(event), Event.pointerY(event)]; |
|
401 | var pointer = [Event.pointerX(event), Event.pointerY(event)]; |
@@ -403,24 +403,24 | |||||
|
403 | } |
|
403 | } |
|
404 |
|
404 | ||
|
405 | if(this.options.ghosting) { |
|
405 | if(this.options.ghosting) { |
|
406 |
- if (!this. |
|
406 | + if (!this._originallyAbsolute) |
|
407 | Position.relativize(this.element); |
|
407 | Position.relativize(this.element); |
|
408 |
- delete this. |
|
408 | + delete this._originallyAbsolute; |
|
409 | Element.remove(this._clone); |
|
409 | Element.remove(this._clone); |
|
410 | this._clone = null; |
|
410 | this._clone = null; |
|
411 | } |
|
411 | } |
|
412 |
|
412 | ||
|
413 |
- var dropped = false; |
|
413 | + var dropped = false; |
|
414 |
- if(success) { |
|
414 | + if(success) { |
|
415 |
- dropped = Droppables.fire(event, this.element); |
|
415 | + dropped = Droppables.fire(event, this.element); |
|
416 |
- if (!dropped) dropped = false; |
|
416 | + if (!dropped) dropped = false; |
|
417 | } |
|
417 | } |
|
418 | if(dropped && this.options.onDropped) this.options.onDropped(this.element); |
|
418 | if(dropped && this.options.onDropped) this.options.onDropped(this.element); |
|
419 | Draggables.notify('onEnd', this, event); |
|
419 | Draggables.notify('onEnd', this, event); |
|
420 |
|
420 | ||
|
421 | var revert = this.options.revert; |
|
421 | var revert = this.options.revert; |
|
422 | if(revert && Object.isFunction(revert)) revert = revert(this.element); |
|
422 | if(revert && Object.isFunction(revert)) revert = revert(this.element); |
|
423 | - |
|
423 | + |
|
424 | var d = this.currentDelta(); |
|
424 | var d = this.currentDelta(); |
|
425 | if(revert && this.options.reverteffect) { |
|
425 | if(revert && this.options.reverteffect) { |
|
426 | if (dropped == 0 || revert != 'failure') |
|
426 | if (dropped == 0 || revert != 'failure') |
@@ -433,67 +433,67 | |||||
|
433 | if(this.options.zindex) |
|
433 | if(this.options.zindex) |
|
434 | this.element.style.zIndex = this.originalZ; |
|
434 | this.element.style.zIndex = this.originalZ; |
|
435 |
|
435 | ||
|
436 |
- if(this.options.endeffect) |
|
436 | + if(this.options.endeffect) |
|
437 | this.options.endeffect(this.element); |
|
437 | this.options.endeffect(this.element); |
|
438 | - |
|
438 | + |
|
439 | Draggables.deactivate(this); |
|
439 | Draggables.deactivate(this); |
|
440 | Droppables.reset(); |
|
440 | Droppables.reset(); |
|
441 | }, |
|
441 | }, |
|
442 | - |
|
442 | + |
|
443 | keyPress: function(event) { |
|
443 | keyPress: function(event) { |
|
444 | if(event.keyCode!=Event.KEY_ESC) return; |
|
444 | if(event.keyCode!=Event.KEY_ESC) return; |
|
445 | this.finishDrag(event, false); |
|
445 | this.finishDrag(event, false); |
|
446 | Event.stop(event); |
|
446 | Event.stop(event); |
|
447 | }, |
|
447 | }, |
|
448 | - |
|
448 | + |
|
449 | endDrag: function(event) { |
|
449 | endDrag: function(event) { |
|
450 | if(!this.dragging) return; |
|
450 | if(!this.dragging) return; |
|
451 | this.stopScrolling(); |
|
451 | this.stopScrolling(); |
|
452 | this.finishDrag(event, true); |
|
452 | this.finishDrag(event, true); |
|
453 | Event.stop(event); |
|
453 | Event.stop(event); |
|
454 | }, |
|
454 | }, |
|
455 | - |
|
455 | + |
|
456 | draw: function(point) { |
|
456 | draw: function(point) { |
|
457 | var pos = Position.cumulativeOffset(this.element); |
|
457 | var pos = Position.cumulativeOffset(this.element); |
|
458 | if(this.options.ghosting) { |
|
458 | if(this.options.ghosting) { |
|
459 | var r = Position.realOffset(this.element); |
|
459 | var r = Position.realOffset(this.element); |
|
460 | pos[0] += r[0] - Position.deltaX; pos[1] += r[1] - Position.deltaY; |
|
460 | pos[0] += r[0] - Position.deltaX; pos[1] += r[1] - Position.deltaY; |
|
461 | } |
|
461 | } |
|
462 | - |
|
462 | + |
|
463 | var d = this.currentDelta(); |
|
463 | var d = this.currentDelta(); |
|
464 | pos[0] -= d[0]; pos[1] -= d[1]; |
|
464 | pos[0] -= d[0]; pos[1] -= d[1]; |
|
465 | - |
|
465 | + |
|
466 | if(this.options.scroll && (this.options.scroll != window && this._isScrollChild)) { |
|
466 | if(this.options.scroll && (this.options.scroll != window && this._isScrollChild)) { |
|
467 | pos[0] -= this.options.scroll.scrollLeft-this.originalScrollLeft; |
|
467 | pos[0] -= this.options.scroll.scrollLeft-this.originalScrollLeft; |
|
468 | pos[1] -= this.options.scroll.scrollTop-this.originalScrollTop; |
|
468 | pos[1] -= this.options.scroll.scrollTop-this.originalScrollTop; |
|
469 | } |
|
469 | } |
|
470 | - |
|
470 | + |
|
471 |
- var p = [0,1].map(function(i){ |
|
471 | + var p = [0,1].map(function(i){ |
|
472 |
- return (point[i]-pos[i]-this.offset[i]) |
|
472 | + return (point[i]-pos[i]-this.offset[i]) |
|
473 | }.bind(this)); |
|
473 | }.bind(this)); |
|
474 | - |
|
474 | + |
|
475 | if(this.options.snap) { |
|
475 | if(this.options.snap) { |
|
476 | if(Object.isFunction(this.options.snap)) { |
|
476 | if(Object.isFunction(this.options.snap)) { |
|
477 | p = this.options.snap(p[0],p[1],this); |
|
477 | p = this.options.snap(p[0],p[1],this); |
|
478 | } else { |
|
478 | } else { |
|
479 | if(Object.isArray(this.options.snap)) { |
|
479 | if(Object.isArray(this.options.snap)) { |
|
480 | p = p.map( function(v, i) { |
|
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 | } else { |
|
482 | } else { |
|
483 | p = p.map( function(v) { |
|
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 | var style = this.element.style; |
|
488 | var style = this.element.style; |
|
489 | if((!this.options.constraint) || (this.options.constraint=='horizontal')) |
|
489 | if((!this.options.constraint) || (this.options.constraint=='horizontal')) |
|
490 | style.left = p[0] + "px"; |
|
490 | style.left = p[0] + "px"; |
|
491 | if((!this.options.constraint) || (this.options.constraint=='vertical')) |
|
491 | if((!this.options.constraint) || (this.options.constraint=='vertical')) |
|
492 | style.top = p[1] + "px"; |
|
492 | style.top = p[1] + "px"; |
|
493 | - |
|
493 | + |
|
494 | if(style.visibility=="hidden") style.visibility = ""; // fix gecko rendering |
|
494 | if(style.visibility=="hidden") style.visibility = ""; // fix gecko rendering |
|
495 | }, |
|
495 | }, |
|
496 | - |
|
496 | + |
|
497 | stopScrolling: function() { |
|
497 | stopScrolling: function() { |
|
498 | if(this.scrollInterval) { |
|
498 | if(this.scrollInterval) { |
|
499 | clearInterval(this.scrollInterval); |
|
499 | clearInterval(this.scrollInterval); |
@@ -501,14 +501,14 | |||||
|
501 | Draggables._lastScrollPointer = null; |
|
501 | Draggables._lastScrollPointer = null; |
|
502 | } |
|
502 | } |
|
503 | }, |
|
503 | }, |
|
504 | - |
|
504 | + |
|
505 | startScrolling: function(speed) { |
|
505 | startScrolling: function(speed) { |
|
506 | if(!(speed[0] || speed[1])) return; |
|
506 | if(!(speed[0] || speed[1])) return; |
|
507 | this.scrollSpeed = [speed[0]*this.options.scrollSpeed,speed[1]*this.options.scrollSpeed]; |
|
507 | this.scrollSpeed = [speed[0]*this.options.scrollSpeed,speed[1]*this.options.scrollSpeed]; |
|
508 | this.lastScrolled = new Date(); |
|
508 | this.lastScrolled = new Date(); |
|
509 | this.scrollInterval = setInterval(this.scroll.bind(this), 10); |
|
509 | this.scrollInterval = setInterval(this.scroll.bind(this), 10); |
|
510 | }, |
|
510 | }, |
|
511 | - |
|
511 | + |
|
512 | scroll: function() { |
|
512 | scroll: function() { |
|
513 | var current = new Date(); |
|
513 | var current = new Date(); |
|
514 | var delta = current - this.lastScrolled; |
|
514 | var delta = current - this.lastScrolled; |
@@ -524,7 +524,7 | |||||
|
524 | this.options.scroll.scrollLeft += this.scrollSpeed[0] * delta / 1000; |
|
524 | this.options.scroll.scrollLeft += this.scrollSpeed[0] * delta / 1000; |
|
525 | this.options.scroll.scrollTop += this.scrollSpeed[1] * delta / 1000; |
|
525 | this.options.scroll.scrollTop += this.scrollSpeed[1] * delta / 1000; |
|
526 | } |
|
526 | } |
|
527 | - |
|
527 | + |
|
528 | Position.prepare(); |
|
528 | Position.prepare(); |
|
529 | Droppables.show(Draggables._lastPointer, this.element); |
|
529 | Droppables.show(Draggables._lastPointer, this.element); |
|
530 | Draggables.notify('onDrag', this); |
|
530 | Draggables.notify('onDrag', this); |
@@ -538,10 +538,10 | |||||
|
538 | Draggables._lastScrollPointer[1] = 0; |
|
538 | Draggables._lastScrollPointer[1] = 0; |
|
539 | this.draw(Draggables._lastScrollPointer); |
|
539 | this.draw(Draggables._lastScrollPointer); |
|
540 | } |
|
540 | } |
|
541 | - |
|
541 | + |
|
542 | if(this.options.change) this.options.change(this); |
|
542 | if(this.options.change) this.options.change(this); |
|
543 | }, |
|
543 | }, |
|
544 | - |
|
544 | + |
|
545 | _getWindowScroll: function(w) { |
|
545 | _getWindowScroll: function(w) { |
|
546 | var T, L, W, H; |
|
546 | var T, L, W, H; |
|
547 | with (w.document) { |
|
547 | with (w.document) { |
@@ -560,7 +560,7 | |||||
|
560 | H = documentElement.clientHeight; |
|
560 | H = documentElement.clientHeight; |
|
561 | } else { |
|
561 | } else { |
|
562 | W = body.offsetWidth; |
|
562 | W = body.offsetWidth; |
|
563 | - H = body.offsetHeight |
|
563 | + H = body.offsetHeight; |
|
564 | } |
|
564 | } |
|
565 | } |
|
565 | } |
|
566 | return { top: T, left: L, width: W, height: H }; |
|
566 | return { top: T, left: L, width: W, height: H }; |
@@ -577,11 +577,11 | |||||
|
577 | this.observer = observer; |
|
577 | this.observer = observer; |
|
578 | this.lastValue = Sortable.serialize(this.element); |
|
578 | this.lastValue = Sortable.serialize(this.element); |
|
579 | }, |
|
579 | }, |
|
580 | - |
|
580 | + |
|
581 | onStart: function() { |
|
581 | onStart: function() { |
|
582 | this.lastValue = Sortable.serialize(this.element); |
|
582 | this.lastValue = Sortable.serialize(this.element); |
|
583 | }, |
|
583 | }, |
|
584 | - |
|
584 | + |
|
585 | onEnd: function() { |
|
585 | onEnd: function() { |
|
586 | Sortable.unmark(); |
|
586 | Sortable.unmark(); |
|
587 | if(this.lastValue != Sortable.serialize(this.element)) |
|
587 | if(this.lastValue != Sortable.serialize(this.element)) |
@@ -591,11 +591,11 | |||||
|
591 |
|
591 | ||
|
592 | var Sortable = { |
|
592 | var Sortable = { |
|
593 | SERIALIZE_RULE: /^[^_\-](?:[A-Za-z0-9\-\_]*)[_](.*)$/, |
|
593 | SERIALIZE_RULE: /^[^_\-](?:[A-Za-z0-9\-\_]*)[_](.*)$/, |
|
594 | - |
|
594 | + |
|
595 | sortables: { }, |
|
595 | sortables: { }, |
|
596 | - |
|
596 | + |
|
597 | _findRootElement: function(element) { |
|
597 | _findRootElement: function(element) { |
|
598 |
- while (element.tagName.toUpperCase() != "BODY") { |
|
598 | + while (element.tagName.toUpperCase() != "BODY") { |
|
599 | if(element.id && Sortable.sortables[element.id]) return element; |
|
599 | if(element.id && Sortable.sortables[element.id]) return element; |
|
600 | element = element.parentNode; |
|
600 | element = element.parentNode; |
|
601 | } |
|
601 | } |
@@ -606,22 +606,23 | |||||
|
606 | if(!element) return; |
|
606 | if(!element) return; |
|
607 | return Sortable.sortables[element.id]; |
|
607 | return Sortable.sortables[element.id]; |
|
608 | }, |
|
608 | }, |
|
609 | - |
|
609 | + |
|
610 | destroy: function(element){ |
|
610 | destroy: function(element){ |
|
611 | - var s = Sortable.options(element); |
|
611 | + element = $(element); |
|
612 | - |
|
612 | + var s = Sortable.sortables[element.id]; |
|
|
613 | + | ||
|
613 | if(s) { |
|
614 | if(s) { |
|
614 | Draggables.removeObserver(s.element); |
|
615 | Draggables.removeObserver(s.element); |
|
615 | s.droppables.each(function(d){ Droppables.remove(d) }); |
|
616 | s.droppables.each(function(d){ Droppables.remove(d) }); |
|
616 | s.draggables.invoke('destroy'); |
|
617 | s.draggables.invoke('destroy'); |
|
617 | - |
|
618 | + |
|
618 | delete Sortable.sortables[s.element.id]; |
|
619 | delete Sortable.sortables[s.element.id]; |
|
619 | } |
|
620 | } |
|
620 | }, |
|
621 | }, |
|
621 |
|
622 | ||
|
622 | create: function(element) { |
|
623 | create: function(element) { |
|
623 | element = $(element); |
|
624 | element = $(element); |
|
624 |
- var options = Object.extend({ |
|
625 | + var options = Object.extend({ |
|
625 | element: element, |
|
626 | element: element, |
|
626 | tag: 'li', // assumes li children, override with tag: 'tagname' |
|
627 | tag: 'li', // assumes li children, override with tag: 'tagname' |
|
627 | dropOnEmpty: false, |
|
628 | dropOnEmpty: false, |
@@ -635,17 +636,17 | |||||
|
635 | delay: 0, |
|
636 | delay: 0, |
|
636 | hoverclass: null, |
|
637 | hoverclass: null, |
|
637 | ghosting: false, |
|
638 | ghosting: false, |
|
638 |
- quiet: false, |
|
639 | + quiet: false, |
|
639 | scroll: false, |
|
640 | scroll: false, |
|
640 | scrollSensitivity: 20, |
|
641 | scrollSensitivity: 20, |
|
641 | scrollSpeed: 15, |
|
642 | scrollSpeed: 15, |
|
642 | format: this.SERIALIZE_RULE, |
|
643 | format: this.SERIALIZE_RULE, |
|
643 | - |
|
644 | + |
|
644 |
- // these take arrays of elements or ids and can be |
|
645 | + // these take arrays of elements or ids and can be |
|
645 | // used for better initialization performance |
|
646 | // used for better initialization performance |
|
646 | elements: false, |
|
647 | elements: false, |
|
647 | handles: false, |
|
648 | handles: false, |
|
648 | - |
|
649 | + |
|
649 | onChange: Prototype.emptyFunction, |
|
650 | onChange: Prototype.emptyFunction, |
|
650 | onUpdate: Prototype.emptyFunction |
|
651 | onUpdate: Prototype.emptyFunction |
|
651 | }, arguments[1] || { }); |
|
652 | }, arguments[1] || { }); |
@@ -682,24 +683,24 | |||||
|
682 | if(options.zindex) |
|
683 | if(options.zindex) |
|
683 | options_for_draggable.zindex = options.zindex; |
|
684 | options_for_draggable.zindex = options.zindex; |
|
684 |
|
685 | ||
|
685 |
- // build options for the droppables |
|
686 | + // build options for the droppables |
|
686 | var options_for_droppable = { |
|
687 | var options_for_droppable = { |
|
687 | overlap: options.overlap, |
|
688 | overlap: options.overlap, |
|
688 | containment: options.containment, |
|
689 | containment: options.containment, |
|
689 | tree: options.tree, |
|
690 | tree: options.tree, |
|
690 | hoverclass: options.hoverclass, |
|
691 | hoverclass: options.hoverclass, |
|
691 | onHover: Sortable.onHover |
|
692 | onHover: Sortable.onHover |
|
692 | - } |
|
693 | + }; |
|
693 | - |
|
694 | + |
|
694 | var options_for_tree = { |
|
695 | var options_for_tree = { |
|
695 | onHover: Sortable.onEmptyHover, |
|
696 | onHover: Sortable.onEmptyHover, |
|
696 | overlap: options.overlap, |
|
697 | overlap: options.overlap, |
|
697 | containment: options.containment, |
|
698 | containment: options.containment, |
|
698 | hoverclass: options.hoverclass |
|
699 | hoverclass: options.hoverclass |
|
699 | - } |
|
700 | + }; |
|
700 |
|
701 | ||
|
701 | // fix for gecko engine |
|
702 | // fix for gecko engine |
|
702 |
- |
|
703 | + Element.cleanWhitespace(element); |
|
703 |
|
704 | ||
|
704 | options.draggables = []; |
|
705 | options.draggables = []; |
|
705 | options.droppables = []; |
|
706 | options.droppables = []; |
@@ -712,14 +713,14 | |||||
|
712 |
|
713 | ||
|
713 | (options.elements || this.findElements(element, options) || []).each( function(e,i) { |
|
714 | (options.elements || this.findElements(element, options) || []).each( function(e,i) { |
|
714 | var handle = options.handles ? $(options.handles[i]) : |
|
715 | var handle = options.handles ? $(options.handles[i]) : |
|
715 |
- (options.handle ? $(e).select('.' + options.handle)[0] : e); |
|
716 | + (options.handle ? $(e).select('.' + options.handle)[0] : e); |
|
716 | options.draggables.push( |
|
717 | options.draggables.push( |
|
717 | new Draggable(e, Object.extend(options_for_draggable, { handle: handle }))); |
|
718 | new Draggable(e, Object.extend(options_for_draggable, { handle: handle }))); |
|
718 | Droppables.add(e, options_for_droppable); |
|
719 | Droppables.add(e, options_for_droppable); |
|
719 | if(options.tree) e.treeNode = element; |
|
720 | if(options.tree) e.treeNode = element; |
|
720 |
- options.droppables.push(e); |
|
721 | + options.droppables.push(e); |
|
721 | }); |
|
722 | }); |
|
722 | - |
|
723 | + |
|
723 | if(options.tree) { |
|
724 | if(options.tree) { |
|
724 | (Sortable.findTreeElements(element, options) || []).each( function(e) { |
|
725 | (Sortable.findTreeElements(element, options) || []).each( function(e) { |
|
725 | Droppables.add(e, options_for_tree); |
|
726 | Droppables.add(e, options_for_tree); |
@@ -741,7 +742,7 | |||||
|
741 | return Element.findChildren( |
|
742 | return Element.findChildren( |
|
742 | element, options.only, options.tree ? true : false, options.tag); |
|
743 | element, options.only, options.tree ? true : false, options.tag); |
|
743 | }, |
|
744 | }, |
|
744 | - |
|
745 | + |
|
745 | findTreeElements: function(element, options) { |
|
746 | findTreeElements: function(element, options) { |
|
746 | return Element.findChildren( |
|
747 | return Element.findChildren( |
|
747 | element, options.only, options.tree ? true : false, options.treeTag); |
|
748 | element, options.only, options.tree ? true : false, options.treeTag); |
@@ -758,7 +759,7 | |||||
|
758 | var oldParentNode = element.parentNode; |
|
759 | var oldParentNode = element.parentNode; |
|
759 | element.style.visibility = "hidden"; // fix gecko rendering |
|
760 | element.style.visibility = "hidden"; // fix gecko rendering |
|
760 | dropon.parentNode.insertBefore(element, dropon); |
|
761 | dropon.parentNode.insertBefore(element, dropon); |
|
761 |
- if(dropon.parentNode!=oldParentNode) |
|
762 | + if(dropon.parentNode!=oldParentNode) |
|
762 | Sortable.options(oldParentNode).onChange(element); |
|
763 | Sortable.options(oldParentNode).onChange(element); |
|
763 | Sortable.options(dropon.parentNode).onChange(element); |
|
764 | Sortable.options(dropon.parentNode).onChange(element); |
|
764 | } |
|
765 | } |
@@ -769,26 +770,26 | |||||
|
769 | var oldParentNode = element.parentNode; |
|
770 | var oldParentNode = element.parentNode; |
|
770 | element.style.visibility = "hidden"; // fix gecko rendering |
|
771 | element.style.visibility = "hidden"; // fix gecko rendering |
|
771 | dropon.parentNode.insertBefore(element, nextElement); |
|
772 | dropon.parentNode.insertBefore(element, nextElement); |
|
772 |
- if(dropon.parentNode!=oldParentNode) |
|
773 | + if(dropon.parentNode!=oldParentNode) |
|
773 | Sortable.options(oldParentNode).onChange(element); |
|
774 | Sortable.options(oldParentNode).onChange(element); |
|
774 | Sortable.options(dropon.parentNode).onChange(element); |
|
775 | Sortable.options(dropon.parentNode).onChange(element); |
|
775 | } |
|
776 | } |
|
776 | } |
|
777 | } |
|
777 | }, |
|
778 | }, |
|
778 | - |
|
779 | + |
|
779 | onEmptyHover: function(element, dropon, overlap) { |
|
780 | onEmptyHover: function(element, dropon, overlap) { |
|
780 | var oldParentNode = element.parentNode; |
|
781 | var oldParentNode = element.parentNode; |
|
781 | var droponOptions = Sortable.options(dropon); |
|
782 | var droponOptions = Sortable.options(dropon); |
|
782 | - |
|
783 | + |
|
783 | if(!Element.isParent(dropon, element)) { |
|
784 | if(!Element.isParent(dropon, element)) { |
|
784 | var index; |
|
785 | var index; |
|
785 | - |
|
786 | + |
|
786 | var children = Sortable.findElements(dropon, {tag: droponOptions.tag, only: droponOptions.only}); |
|
787 | var children = Sortable.findElements(dropon, {tag: droponOptions.tag, only: droponOptions.only}); |
|
787 | var child = null; |
|
788 | var child = null; |
|
788 | - |
|
789 | + |
|
789 | if(children) { |
|
790 | if(children) { |
|
790 | var offset = Element.offsetSize(dropon, droponOptions.overlap) * (1.0 - overlap); |
|
791 | var offset = Element.offsetSize(dropon, droponOptions.overlap) * (1.0 - overlap); |
|
791 | - |
|
792 | + |
|
792 | for (index = 0; index < children.length; index += 1) { |
|
793 | for (index = 0; index < children.length; index += 1) { |
|
793 | if (offset - Element.offsetSize (children[index], droponOptions.overlap) >= 0) { |
|
794 | if (offset - Element.offsetSize (children[index], droponOptions.overlap) >= 0) { |
|
794 | offset -= Element.offsetSize (children[index], droponOptions.overlap); |
|
795 | offset -= Element.offsetSize (children[index], droponOptions.overlap); |
@@ -801,9 +802,9 | |||||
|
801 | } |
|
802 | } |
|
802 | } |
|
803 | } |
|
803 | } |
|
804 | } |
|
804 | - |
|
805 | + |
|
805 | dropon.insertBefore(element, child); |
|
806 | dropon.insertBefore(element, child); |
|
806 | - |
|
807 | + |
|
807 | Sortable.options(oldParentNode).onChange(element); |
|
808 | Sortable.options(oldParentNode).onChange(element); |
|
808 | droponOptions.onChange(element); |
|
809 | droponOptions.onChange(element); |
|
809 | } |
|
810 | } |
@@ -816,34 +817,34 | |||||
|
816 | mark: function(dropon, position) { |
|
817 | mark: function(dropon, position) { |
|
817 | // mark on ghosting only |
|
818 | // mark on ghosting only |
|
818 | var sortable = Sortable.options(dropon.parentNode); |
|
819 | var sortable = Sortable.options(dropon.parentNode); |
|
819 |
- if(sortable && !sortable.ghosting) return; |
|
820 | + if(sortable && !sortable.ghosting) return; |
|
820 |
|
821 | ||
|
821 | if(!Sortable._marker) { |
|
822 | if(!Sortable._marker) { |
|
822 |
- Sortable._marker = |
|
823 | + Sortable._marker = |
|
823 | ($('dropmarker') || Element.extend(document.createElement('DIV'))). |
|
824 | ($('dropmarker') || Element.extend(document.createElement('DIV'))). |
|
824 | hide().addClassName('dropmarker').setStyle({position:'absolute'}); |
|
825 | hide().addClassName('dropmarker').setStyle({position:'absolute'}); |
|
825 | document.getElementsByTagName("body").item(0).appendChild(Sortable._marker); |
|
826 | document.getElementsByTagName("body").item(0).appendChild(Sortable._marker); |
|
826 |
- } |
|
827 | + } |
|
827 | var offsets = Position.cumulativeOffset(dropon); |
|
828 | var offsets = Position.cumulativeOffset(dropon); |
|
828 | Sortable._marker.setStyle({left: offsets[0]+'px', top: offsets[1] + 'px'}); |
|
829 | Sortable._marker.setStyle({left: offsets[0]+'px', top: offsets[1] + 'px'}); |
|
829 | - |
|
830 | + |
|
830 | if(position=='after') |
|
831 | if(position=='after') |
|
831 |
- if(sortable.overlap == 'horizontal') |
|
832 | + if(sortable.overlap == 'horizontal') |
|
832 | Sortable._marker.setStyle({left: (offsets[0]+dropon.clientWidth) + 'px'}); |
|
833 | Sortable._marker.setStyle({left: (offsets[0]+dropon.clientWidth) + 'px'}); |
|
833 | else |
|
834 | else |
|
834 | Sortable._marker.setStyle({top: (offsets[1]+dropon.clientHeight) + 'px'}); |
|
835 | Sortable._marker.setStyle({top: (offsets[1]+dropon.clientHeight) + 'px'}); |
|
835 | - |
|
836 | + |
|
836 | Sortable._marker.show(); |
|
837 | Sortable._marker.show(); |
|
837 | }, |
|
838 | }, |
|
838 | - |
|
839 | + |
|
839 | _tree: function(element, options, parent) { |
|
840 | _tree: function(element, options, parent) { |
|
840 | var children = Sortable.findElements(element, options) || []; |
|
841 | var children = Sortable.findElements(element, options) || []; |
|
841 | - |
|
842 | + |
|
842 | for (var i = 0; i < children.length; ++i) { |
|
843 | for (var i = 0; i < children.length; ++i) { |
|
843 | var match = children[i].id.match(options.format); |
|
844 | var match = children[i].id.match(options.format); |
|
844 |
|
845 | ||
|
845 | if (!match) continue; |
|
846 | if (!match) continue; |
|
846 | - |
|
847 | + |
|
847 | var child = { |
|
848 | var child = { |
|
848 | id: encodeURIComponent(match ? match[1] : null), |
|
849 | id: encodeURIComponent(match ? match[1] : null), |
|
849 | element: element, |
|
850 | element: element, |
@@ -851,16 +852,16 | |||||
|
851 | children: [], |
|
852 | children: [], |
|
852 | position: parent.children.length, |
|
853 | position: parent.children.length, |
|
853 | container: $(children[i]).down(options.treeTag) |
|
854 | container: $(children[i]).down(options.treeTag) |
|
854 | - } |
|
855 | + }; |
|
855 | - |
|
856 | + |
|
856 | /* Get the element containing the children and recurse over it */ |
|
857 | /* Get the element containing the children and recurse over it */ |
|
857 | if (child.container) |
|
858 | if (child.container) |
|
858 | - this._tree(child.container, options, child) |
|
859 | + this._tree(child.container, options, child); |
|
859 | - |
|
860 | + |
|
860 | parent.children.push (child); |
|
861 | parent.children.push (child); |
|
861 | } |
|
862 | } |
|
862 |
|
863 | ||
|
863 |
- return parent; |
|
864 | + return parent; |
|
864 | }, |
|
865 | }, |
|
865 |
|
866 | ||
|
866 | tree: function(element) { |
|
867 | tree: function(element) { |
@@ -873,15 +874,15 | |||||
|
873 | name: element.id, |
|
874 | name: element.id, |
|
874 | format: sortableOptions.format |
|
875 | format: sortableOptions.format |
|
875 | }, arguments[1] || { }); |
|
876 | }, arguments[1] || { }); |
|
876 | - |
|
877 | + |
|
877 | var root = { |
|
878 | var root = { |
|
878 | id: null, |
|
879 | id: null, |
|
879 | parent: null, |
|
880 | parent: null, |
|
880 | children: [], |
|
881 | children: [], |
|
881 | container: element, |
|
882 | container: element, |
|
882 | position: 0 |
|
883 | position: 0 |
|
883 | - } |
|
884 | + }; |
|
884 | - |
|
885 | + |
|
885 | return Sortable._tree(element, options, root); |
|
886 | return Sortable._tree(element, options, root); |
|
886 | }, |
|
887 | }, |
|
887 |
|
888 | ||
@@ -897,7 +898,7 | |||||
|
897 | sequence: function(element) { |
|
898 | sequence: function(element) { |
|
898 | element = $(element); |
|
899 | element = $(element); |
|
899 | var options = Object.extend(this.options(element), arguments[1] || { }); |
|
900 | var options = Object.extend(this.options(element), arguments[1] || { }); |
|
900 | - |
|
901 | + |
|
901 | return $(this.findElements(element, options) || []).map( function(item) { |
|
902 | return $(this.findElements(element, options) || []).map( function(item) { |
|
902 | return item.id.match(options.format) ? item.id.match(options.format)[1] : ''; |
|
903 | return item.id.match(options.format) ? item.id.match(options.format)[1] : ''; |
|
903 | }); |
|
904 | }); |
@@ -906,14 +907,14 | |||||
|
906 | setSequence: function(element, new_sequence) { |
|
907 | setSequence: function(element, new_sequence) { |
|
907 | element = $(element); |
|
908 | element = $(element); |
|
908 | var options = Object.extend(this.options(element), arguments[2] || { }); |
|
909 | var options = Object.extend(this.options(element), arguments[2] || { }); |
|
909 | - |
|
910 | + |
|
910 | var nodeMap = { }; |
|
911 | var nodeMap = { }; |
|
911 | this.findElements(element, options).each( function(n) { |
|
912 | this.findElements(element, options).each( function(n) { |
|
912 | if (n.id.match(options.format)) |
|
913 | if (n.id.match(options.format)) |
|
913 | nodeMap[n.id.match(options.format)[1]] = [n, n.parentNode]; |
|
914 | nodeMap[n.id.match(options.format)[1]] = [n, n.parentNode]; |
|
914 | n.parentNode.removeChild(n); |
|
915 | n.parentNode.removeChild(n); |
|
915 | }); |
|
916 | }); |
|
916 | - |
|
917 | + |
|
917 | new_sequence.each(function(ident) { |
|
918 | new_sequence.each(function(ident) { |
|
918 | var n = nodeMap[ident]; |
|
919 | var n = nodeMap[ident]; |
|
919 | if (n) { |
|
920 | if (n) { |
@@ -922,16 +923,16 | |||||
|
922 | } |
|
923 | } |
|
923 | }); |
|
924 | }); |
|
924 | }, |
|
925 | }, |
|
925 | - |
|
926 | + |
|
926 | serialize: function(element) { |
|
927 | serialize: function(element) { |
|
927 | element = $(element); |
|
928 | element = $(element); |
|
928 | var options = Object.extend(Sortable.options(element), arguments[1] || { }); |
|
929 | var options = Object.extend(Sortable.options(element), arguments[1] || { }); |
|
929 | var name = encodeURIComponent( |
|
930 | var name = encodeURIComponent( |
|
930 | (arguments[1] && arguments[1].name) ? arguments[1].name : element.id); |
|
931 | (arguments[1] && arguments[1].name) ? arguments[1].name : element.id); |
|
931 | - |
|
932 | + |
|
932 | if (options.tree) { |
|
933 | if (options.tree) { |
|
933 | return Sortable.tree(element, arguments[1]).children.map( function (item) { |
|
934 | return Sortable.tree(element, arguments[1]).children.map( function (item) { |
|
934 |
- return [name + Sortable._constructIndex(item) + "[id]=" + |
|
935 | + return [name + Sortable._constructIndex(item) + "[id]=" + |
|
935 | encodeURIComponent(item.id)].concat(item.children.map(arguments.callee)); |
|
936 | encodeURIComponent(item.id)].concat(item.children.map(arguments.callee)); |
|
936 | }).flatten().join('&'); |
|
937 | }).flatten().join('&'); |
|
937 | } else { |
|
938 | } else { |
@@ -940,16 +941,16 | |||||
|
940 | }).join('&'); |
|
941 | }).join('&'); |
|
941 | } |
|
942 | } |
|
942 | } |
|
943 | } |
|
943 | - } |
|
944 | + }; |
|
944 |
|
945 | ||
|
945 |
|
|
946 | // Returns true if child is contained within element |
|
946 | Element.isParent = function(child, element) { |
|
947 | Element.isParent = function(child, element) { |
|
947 | if (!child.parentNode || child == element) return false; |
|
948 | if (!child.parentNode || child == element) return false; |
|
948 | if (child.parentNode == element) return true; |
|
949 | if (child.parentNode == element) return true; |
|
949 | return Element.isParent(child.parentNode, element); |
|
950 | return Element.isParent(child.parentNode, element); |
|
950 | - } |
|
951 | + }; |
|
951 |
|
952 | ||
|
952 |
- Element.findChildren = function(element, only, recursive, tagName) { |
|
953 | + Element.findChildren = function(element, only, recursive, tagName) { |
|
953 | if(!element.hasChildNodes()) return null; |
|
954 | if(!element.hasChildNodes()) return null; |
|
954 | tagName = tagName.toUpperCase(); |
|
955 | tagName = tagName.toUpperCase(); |
|
955 | if(only) only = [only].flatten(); |
|
956 | if(only) only = [only].flatten(); |
@@ -965,8 +966,8 | |||||
|
965 | }); |
|
966 | }); |
|
966 |
|
967 | ||
|
967 | return (elements.length>0 ? elements.flatten() : []); |
|
968 | return (elements.length>0 ? elements.flatten() : []); |
|
968 | - } |
|
969 | + }; |
|
969 |
|
970 | ||
|
970 | Element.offsetSize = function (element, type) { |
|
971 | Element.offsetSize = function (element, type) { |
|
971 | return element['offset' + ((type=='vertical' || type=='height') ? 'Height' : 'Width')]; |
|
972 | return element['offset' + ((type=='vertical' || type=='height') ? 'Height' : 'Width')]; |
|
972 | - } |
|
973 | + }; No newline at end of file |
@@ -3,46 +3,46 | |||||
|
3 | // Justin Palmer (http://encytemedia.com/) |
|
3 | // Justin Palmer (http://encytemedia.com/) |
|
4 | // Mark Pilgrim (http://diveintomark.org/) |
|
4 | // Mark Pilgrim (http://diveintomark.org/) |
|
5 | // Martin Bialasinki |
|
5 | // Martin Bialasinki |
|
6 |
- // |
|
6 | + // |
|
7 | // script.aculo.us is freely distributable under the terms of an MIT-style license. |
|
7 | // script.aculo.us is freely distributable under the terms of an MIT-style license. |
|
8 |
- // For details, see the script.aculo.us web site: http://script.aculo.us/ |
|
8 | + // For details, see the script.aculo.us web site: http://script.aculo.us/ |
|
9 |
|
9 | ||
|
10 |
- // converts rgb() and #xxx to #xxxxxx format, |
|
10 | + // converts rgb() and #xxx to #xxxxxx format, |
|
11 |
- // returns self (or first argument) if not convertable |
|
11 | + // returns self (or first argument) if not convertable |
|
12 |
- String.prototype.parseColor = function() { |
|
12 | + String.prototype.parseColor = function() { |
|
13 | var color = '#'; |
|
13 | var color = '#'; |
|
14 |
- if (this.slice(0,4) == 'rgb(') { |
|
14 | + if (this.slice(0,4) == 'rgb(') { |
|
15 |
- var cols = this.slice(4,this.length-1).split(','); |
|
15 | + var cols = this.slice(4,this.length-1).split(','); |
|
16 |
- var i=0; do { color += parseInt(cols[i]).toColorPart() } while (++i<3); |
|
16 | + var i=0; do { color += parseInt(cols[i]).toColorPart() } while (++i<3); |
|
17 |
- } else { |
|
17 | + } else { |
|
18 |
- if (this.slice(0,1) == '#') { |
|
18 | + if (this.slice(0,1) == '#') { |
|
19 |
- if (this.length==4) for(var i=1;i<4;i++) color += (this.charAt(i) + this.charAt(i)).toLowerCase(); |
|
19 | + if (this.length==4) for(var i=1;i<4;i++) color += (this.charAt(i) + this.charAt(i)).toLowerCase(); |
|
20 |
- if (this.length==7) color = this.toLowerCase(); |
|
20 | + if (this.length==7) color = this.toLowerCase(); |
|
21 |
- } |
|
21 | + } |
|
22 |
- } |
|
22 | + } |
|
23 |
- return (color.length==7 ? color : (arguments[0] || this)); |
|
23 | + return (color.length==7 ? color : (arguments[0] || this)); |
|
24 | }; |
|
24 | }; |
|
25 |
|
25 | ||
|
26 | /*--------------------------------------------------------------------------*/ |
|
26 | /*--------------------------------------------------------------------------*/ |
|
27 |
|
27 | ||
|
28 |
- Element.collectTextNodes = function(element) { |
|
28 | + Element.collectTextNodes = function(element) { |
|
29 | return $A($(element).childNodes).collect( function(node) { |
|
29 | return $A($(element).childNodes).collect( function(node) { |
|
30 |
- return (node.nodeType==3 ? node.nodeValue : |
|
30 | + return (node.nodeType==3 ? node.nodeValue : |
|
31 | (node.hasChildNodes() ? Element.collectTextNodes(node) : '')); |
|
31 | (node.hasChildNodes() ? Element.collectTextNodes(node) : '')); |
|
32 | }).flatten().join(''); |
|
32 | }).flatten().join(''); |
|
33 | }; |
|
33 | }; |
|
34 |
|
34 | ||
|
35 |
- Element.collectTextNodesIgnoreClass = function(element, className) { |
|
35 | + Element.collectTextNodesIgnoreClass = function(element, className) { |
|
36 | return $A($(element).childNodes).collect( function(node) { |
|
36 | return $A($(element).childNodes).collect( function(node) { |
|
37 |
- return (node.nodeType==3 ? node.nodeValue : |
|
37 | + return (node.nodeType==3 ? node.nodeValue : |
|
38 |
- ((node.hasChildNodes() && !Element.hasClassName(node,className)) ? |
|
38 | + ((node.hasChildNodes() && !Element.hasClassName(node,className)) ? |
|
39 | Element.collectTextNodesIgnoreClass(node, className) : '')); |
|
39 | Element.collectTextNodesIgnoreClass(node, className) : '')); |
|
40 | }).flatten().join(''); |
|
40 | }).flatten().join(''); |
|
41 | }; |
|
41 | }; |
|
42 |
|
42 | ||
|
43 | Element.setContentZoom = function(element, percent) { |
|
43 | Element.setContentZoom = function(element, percent) { |
|
44 |
- element = $(element); |
|
44 | + element = $(element); |
|
45 |
- element.setStyle({fontSize: (percent/100) + 'em'}); |
|
45 | + element.setStyle({fontSize: (percent/100) + 'em'}); |
|
46 | if (Prototype.Browser.WebKit) window.scrollBy(0,0); |
|
46 | if (Prototype.Browser.WebKit) window.scrollBy(0,0); |
|
47 | return element; |
|
47 | return element; |
|
48 | }; |
|
48 | }; |
@@ -70,28 +70,23 | |||||
|
70 | Transitions: { |
|
70 | Transitions: { |
|
71 | linear: Prototype.K, |
|
71 | linear: Prototype.K, |
|
72 | sinoidal: function(pos) { |
|
72 | sinoidal: function(pos) { |
|
73 |
- return (-Math.cos(pos*Math.PI)/2) + |
|
73 | + return (-Math.cos(pos*Math.PI)/2) + .5; |
|
74 | }, |
|
74 | }, |
|
75 | reverse: function(pos) { |
|
75 | reverse: function(pos) { |
|
76 | return 1-pos; |
|
76 | return 1-pos; |
|
77 | }, |
|
77 | }, |
|
78 | flicker: function(pos) { |
|
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 | return pos > 1 ? 1 : pos; |
|
80 | return pos > 1 ? 1 : pos; |
|
81 | }, |
|
81 | }, |
|
82 | wobble: function(pos) { |
|
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 |
- pulse: function(pos, pulses) { |
|
85 | + pulse: function(pos, pulses) { |
|
86 | - pulses = pulses || 5; |
|
86 | + return (-Math.cos((pos*((pulses||5)-.5)*2)*Math.PI)/2) + .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 | - ); |
|
||
|
92 | }, |
|
87 | }, |
|
93 |
- spring: function(pos) { |
|
88 | + spring: function(pos) { |
|
94 |
- return 1 - (Math.cos(pos * 4.5 * Math.PI) * Math.exp(-pos * 6)); |
|
89 | + return 1 - (Math.cos(pos * 4.5 * Math.PI) * Math.exp(-pos * 6)); |
|
95 | }, |
|
90 | }, |
|
96 | none: function(pos) { |
|
91 | none: function(pos) { |
|
97 | return 0; |
|
92 | return 0; |
@@ -112,14 +107,14 | |||||
|
112 | tagifyText: function(element) { |
|
107 | tagifyText: function(element) { |
|
113 | var tagifyStyle = 'position:relative'; |
|
108 | var tagifyStyle = 'position:relative'; |
|
114 | if (Prototype.Browser.IE) tagifyStyle += ';zoom:1'; |
|
109 | if (Prototype.Browser.IE) tagifyStyle += ';zoom:1'; |
|
115 | - |
|
110 | + |
|
116 | element = $(element); |
|
111 | element = $(element); |
|
117 | $A(element.childNodes).each( function(child) { |
|
112 | $A(element.childNodes).each( function(child) { |
|
118 | if (child.nodeType==3) { |
|
113 | if (child.nodeType==3) { |
|
119 | child.nodeValue.toArray().each( function(character) { |
|
114 | child.nodeValue.toArray().each( function(character) { |
|
120 | element.insertBefore( |
|
115 | element.insertBefore( |
|
121 | new Element('span', {style: tagifyStyle}).update( |
|
116 | new Element('span', {style: tagifyStyle}).update( |
|
122 |
- character == ' ' ? String.fromCharCode(160) : character), |
|
117 | + character == ' ' ? String.fromCharCode(160) : character), |
|
123 | child); |
|
118 | child); |
|
124 | }); |
|
119 | }); |
|
125 | Element.remove(child); |
|
120 | Element.remove(child); |
@@ -128,13 +123,13 | |||||
|
128 | }, |
|
123 | }, |
|
129 | multiple: function(element, effect) { |
|
124 | multiple: function(element, effect) { |
|
130 | var elements; |
|
125 | var elements; |
|
131 |
- if (((typeof element == 'object') || |
|
126 | + if (((typeof element == 'object') || |
|
132 |
- Object.isFunction(element)) && |
|
127 | + Object.isFunction(element)) && |
|
133 | (element.length)) |
|
128 | (element.length)) |
|
134 | elements = element; |
|
129 | elements = element; |
|
135 | else |
|
130 | else |
|
136 | elements = $(element).childNodes; |
|
131 | elements = $(element).childNodes; |
|
137 | - |
|
132 | + |
|
138 | var options = Object.extend({ |
|
133 | var options = Object.extend({ |
|
139 | speed: 0.1, |
|
134 | speed: 0.1, |
|
140 | delay: 0.0 |
|
135 | delay: 0.0 |
@@ -156,7 +151,7 | |||||
|
156 | var options = Object.extend({ |
|
151 | var options = Object.extend({ |
|
157 | queue: { position:'end', scope:(element.id || 'global'), limit: 1 } |
|
152 | queue: { position:'end', scope:(element.id || 'global'), limit: 1 } |
|
158 | }, arguments[2] || { }); |
|
153 | }, arguments[2] || { }); |
|
159 |
- Effect[element.visible() ? |
|
154 | + Effect[element.visible() ? |
|
160 | Effect.PAIRS[effect][1] : Effect.PAIRS[effect][0]](element, options); |
|
155 | Effect.PAIRS[effect][1] : Effect.PAIRS[effect][0]](element, options); |
|
161 | } |
|
156 | } |
|
162 | }; |
|
157 | }; |
@@ -168,20 +163,20 | |||||
|
168 | Effect.ScopedQueue = Class.create(Enumerable, { |
|
163 | Effect.ScopedQueue = Class.create(Enumerable, { |
|
169 | initialize: function() { |
|
164 | initialize: function() { |
|
170 | this.effects = []; |
|
165 | this.effects = []; |
|
171 |
- this.interval = null; |
|
166 | + this.interval = null; |
|
172 | }, |
|
167 | }, |
|
173 | _each: function(iterator) { |
|
168 | _each: function(iterator) { |
|
174 | this.effects._each(iterator); |
|
169 | this.effects._each(iterator); |
|
175 | }, |
|
170 | }, |
|
176 | add: function(effect) { |
|
171 | add: function(effect) { |
|
177 | var timestamp = new Date().getTime(); |
|
172 | var timestamp = new Date().getTime(); |
|
178 | - |
|
173 | + |
|
179 |
- var position = Object.isString(effect.options.queue) ? |
|
174 | + var position = Object.isString(effect.options.queue) ? |
|
180 | effect.options.queue : effect.options.queue.position; |
|
175 | effect.options.queue : effect.options.queue.position; |
|
181 | - |
|
176 | + |
|
182 | switch(position) { |
|
177 | switch(position) { |
|
183 | case 'front': |
|
178 | case 'front': |
|
184 |
- // move unstarted effects after this effect |
|
179 | + // move unstarted effects after this effect |
|
185 | this.effects.findAll(function(e){ return e.state=='idle' }).each( function(e) { |
|
180 | this.effects.findAll(function(e){ return e.state=='idle' }).each( function(e) { |
|
186 | e.startOn += effect.finishOn; |
|
181 | e.startOn += effect.finishOn; |
|
187 | e.finishOn += effect.finishOn; |
|
182 | e.finishOn += effect.finishOn; |
@@ -195,13 +190,13 | |||||
|
195 | timestamp = this.effects.pluck('finishOn').max() || timestamp; |
|
190 | timestamp = this.effects.pluck('finishOn').max() || timestamp; |
|
196 | break; |
|
191 | break; |
|
197 | } |
|
192 | } |
|
198 | - |
|
193 | + |
|
199 | effect.startOn += timestamp; |
|
194 | effect.startOn += timestamp; |
|
200 | effect.finishOn += timestamp; |
|
195 | effect.finishOn += timestamp; |
|
201 |
|
196 | ||
|
202 | if (!effect.options.queue.limit || (this.effects.length < effect.options.queue.limit)) |
|
197 | if (!effect.options.queue.limit || (this.effects.length < effect.options.queue.limit)) |
|
203 | this.effects.push(effect); |
|
198 | this.effects.push(effect); |
|
204 | - |
|
199 | + |
|
205 | if (!this.interval) |
|
200 | if (!this.interval) |
|
206 | this.interval = setInterval(this.loop.bind(this), 15); |
|
201 | this.interval = setInterval(this.loop.bind(this), 15); |
|
207 | }, |
|
202 | }, |
@@ -214,7 +209,7 | |||||
|
214 | }, |
|
209 | }, |
|
215 | loop: function() { |
|
210 | loop: function() { |
|
216 | var timePos = new Date().getTime(); |
|
211 | var timePos = new Date().getTime(); |
|
217 |
- for(var i=0, len=this.effects.length;i<len;i++) |
|
212 | + for(var i=0, len=this.effects.length;i<len;i++) |
|
218 | this.effects[i] && this.effects[i].loop(timePos); |
|
213 | this.effects[i] && this.effects[i].loop(timePos); |
|
219 | } |
|
214 | } |
|
220 | }); |
|
215 | }); |
@@ -223,7 +218,7 | |||||
|
223 | instances: $H(), |
|
218 | instances: $H(), |
|
224 | get: function(queueName) { |
|
219 | get: function(queueName) { |
|
225 | if (!Object.isString(queueName)) return queueName; |
|
220 | if (!Object.isString(queueName)) return queueName; |
|
226 | - |
|
221 | + |
|
227 | return this.instances.get(queueName) || |
|
222 | return this.instances.get(queueName) || |
|
228 | this.instances.set(queueName, new Effect.ScopedQueue()); |
|
223 | this.instances.set(queueName, new Effect.ScopedQueue()); |
|
229 | } |
|
224 | } |
@@ -248,23 +243,35 | |||||
|
248 | this.fromToDelta = this.options.to-this.options.from; |
|
243 | this.fromToDelta = this.options.to-this.options.from; |
|
249 | this.totalTime = this.finishOn-this.startOn; |
|
244 | this.totalTime = this.finishOn-this.startOn; |
|
250 | this.totalFrames = this.options.fps*this.options.duration; |
|
245 | this.totalFrames = this.options.fps*this.options.duration; |
|
251 | - |
|
246 | + |
|
252 |
- |
|
247 | + this.render = (function() { |
|
253 | - 'if (this.state=="idle"){this.state="running";'+ |
|
248 | + function dispatch(effect, eventName) { |
|
254 | - codeForEvent(this.options,'beforeSetup')+ |
|
249 | + if (effect.options[eventName + 'Internal']) |
|
255 | - (this.setup ? 'this.setup();':'')+ |
|
250 | + effect.options[eventName + 'Internal'](effect); |
|
256 | - codeForEvent(this.options,'afterSetup')+ |
|
251 | + if (effect.options[eventName]) |
|
257 | - '};if (this.state=="running"){'+ |
|
252 | + effect.options[eventName](effect); |
|
258 | - 'pos=this.options.transition(pos)*'+this.fromToDelta+'+'+this.options.from+';'+ |
|
253 | + } |
|
259 | - 'this.position=pos;'+ |
|
254 | + |
|
260 | - codeForEvent(this.options,'beforeUpdate')+ |
|
255 | + return function(pos) { |
|
261 | - (this.update ? 'this.update(pos);':'')+ |
|
256 | + if (this.state === "idle") { |
|
262 | - codeForEvent(this.options,'afterUpdate')+ |
|
257 | + this.state = "running"; |
|
263 | - '}}'); |
|
258 | + dispatch(this, 'beforeSetup'); |
|
264 | - |
|
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 | + })(); | ||
|
|
271 | + | ||
|
265 | this.event('beforeStart'); |
|
272 | this.event('beforeStart'); |
|
266 | if (!this.options.sync) |
|
273 | if (!this.options.sync) |
|
267 |
- Effect.Queues.get(Object.isString(this.options.queue) ? |
|
274 | + Effect.Queues.get(Object.isString(this.options.queue) ? |
|
268 | 'global' : this.options.queue.scope).add(this); |
|
275 | 'global' : this.options.queue.scope).add(this); |
|
269 | }, |
|
276 | }, |
|
270 | loop: function(timePos) { |
|
277 | loop: function(timePos) { |
@@ -273,9 +280,9 | |||||
|
273 | this.render(1.0); |
|
280 | this.render(1.0); |
|
274 | this.cancel(); |
|
281 | this.cancel(); |
|
275 | this.event('beforeFinish'); |
|
282 | this.event('beforeFinish'); |
|
276 |
- if (this.finish) this.finish(); |
|
283 | + if (this.finish) this.finish(); |
|
277 | this.event('afterFinish'); |
|
284 | this.event('afterFinish'); |
|
278 |
- return; |
|
285 | + return; |
|
279 | } |
|
286 | } |
|
280 | var pos = (timePos - this.startOn) / this.totalTime, |
|
287 | var pos = (timePos - this.startOn) / this.totalTime, |
|
281 | frame = (pos * this.totalFrames).round(); |
|
288 | frame = (pos * this.totalFrames).round(); |
@@ -287,7 +294,7 | |||||
|
287 | }, |
|
294 | }, |
|
288 | cancel: function() { |
|
295 | cancel: function() { |
|
289 | if (!this.options.sync) |
|
296 | if (!this.options.sync) |
|
290 |
- Effect.Queues.get(Object.isString(this.options.queue) ? |
|
297 | + Effect.Queues.get(Object.isString(this.options.queue) ? |
|
291 | 'global' : this.options.queue.scope).remove(this); |
|
298 | 'global' : this.options.queue.scope).remove(this); |
|
292 | this.state = 'finished'; |
|
299 | this.state = 'finished'; |
|
293 | }, |
|
300 | }, |
@@ -325,10 +332,10 | |||||
|
325 | Effect.Tween = Class.create(Effect.Base, { |
|
332 | Effect.Tween = Class.create(Effect.Base, { |
|
326 | initialize: function(object, from, to) { |
|
333 | initialize: function(object, from, to) { |
|
327 | object = Object.isString(object) ? $(object) : object; |
|
334 | object = Object.isString(object) ? $(object) : object; |
|
328 |
- var args = $A(arguments), method = args.last(), |
|
335 | + var args = $A(arguments), method = args.last(), |
|
329 | options = args.length == 5 ? args[3] : null; |
|
336 | options = args.length == 5 ? args[3] : null; |
|
330 | this.method = Object.isFunction(method) ? method.bind(object) : |
|
337 | this.method = Object.isFunction(method) ? method.bind(object) : |
|
331 |
- Object.isFunction(object[method]) ? object[method].bind(object) : |
|
338 | + Object.isFunction(object[method]) ? object[method].bind(object) : |
|
332 | function(value) { object[method] = value }; |
|
339 | function(value) { object[method] = value }; |
|
333 | this.start(Object.extend({ from: from, to: to }, options || { })); |
|
340 | this.start(Object.extend({ from: from, to: to }, options || { })); |
|
334 | }, |
|
341 | }, |
@@ -392,7 +399,7 | |||||
|
392 |
|
399 | ||
|
393 | // for backwards compatibility |
|
400 | // for backwards compatibility |
|
394 | Effect.MoveBy = function(element, toTop, toLeft) { |
|
401 | Effect.MoveBy = function(element, toTop, toLeft) { |
|
395 |
- return new Effect.Move(element, |
|
402 | + return new Effect.Move(element, |
|
396 | Object.extend({ x: toLeft, y: toTop }, arguments[3] || { })); |
|
403 | Object.extend({ x: toLeft, y: toTop }, arguments[3] || { })); |
|
397 | }; |
|
404 | }; |
|
398 |
|
405 | ||
@@ -414,15 +421,15 | |||||
|
414 | setup: function() { |
|
421 | setup: function() { |
|
415 | this.restoreAfterFinish = this.options.restoreAfterFinish || false; |
|
422 | this.restoreAfterFinish = this.options.restoreAfterFinish || false; |
|
416 | this.elementPositioning = this.element.getStyle('position'); |
|
423 | this.elementPositioning = this.element.getStyle('position'); |
|
417 | - |
|
424 | + |
|
418 | this.originalStyle = { }; |
|
425 | this.originalStyle = { }; |
|
419 | ['top','left','width','height','fontSize'].each( function(k) { |
|
426 | ['top','left','width','height','fontSize'].each( function(k) { |
|
420 | this.originalStyle[k] = this.element.style[k]; |
|
427 | this.originalStyle[k] = this.element.style[k]; |
|
421 | }.bind(this)); |
|
428 | }.bind(this)); |
|
422 | - |
|
429 | + |
|
423 | this.originalTop = this.element.offsetTop; |
|
430 | this.originalTop = this.element.offsetTop; |
|
424 | this.originalLeft = this.element.offsetLeft; |
|
431 | this.originalLeft = this.element.offsetLeft; |
|
425 | - |
|
432 | + |
|
426 | var fontSize = this.element.getStyle('font-size') || '100%'; |
|
433 | var fontSize = this.element.getStyle('font-size') || '100%'; |
|
427 | ['em','px','%','pt'].each( function(fontSizeType) { |
|
434 | ['em','px','%','pt'].each( function(fontSizeType) { |
|
428 | if (fontSize.indexOf(fontSizeType)>0) { |
|
435 | if (fontSize.indexOf(fontSizeType)>0) { |
@@ -430,9 +437,9 | |||||
|
430 | this.fontSizeType = fontSizeType; |
|
437 | this.fontSizeType = fontSizeType; |
|
431 | } |
|
438 | } |
|
432 | }.bind(this)); |
|
439 | }.bind(this)); |
|
433 | - |
|
440 | + |
|
434 | this.factor = (this.options.scaleTo - this.options.scaleFrom)/100; |
|
441 | this.factor = (this.options.scaleTo - this.options.scaleFrom)/100; |
|
435 | - |
|
442 | + |
|
436 | this.dims = null; |
|
443 | this.dims = null; |
|
437 | if (this.options.scaleMode=='box') |
|
444 | if (this.options.scaleMode=='box') |
|
438 | this.dims = [this.element.offsetHeight, this.element.offsetWidth]; |
|
445 | this.dims = [this.element.offsetHeight, this.element.offsetWidth]; |
@@ -507,17 +514,16 | |||||
|
507 |
|
514 | ||
|
508 | Effect.ScrollTo = function(element) { |
|
515 | Effect.ScrollTo = function(element) { |
|
509 | var options = arguments[1] || { }, |
|
516 | var options = arguments[1] || { }, |
|
510 |
- |
|
517 | + scrollOffsets = document.viewport.getScrollOffsets(), |
|
511 |
- |
|
518 | + elementOffsets = $(element).cumulativeOffset(); |
|
512 | - max = (window.height || document.body.scrollHeight) - document.viewport.getHeight(); |
|
||
|
513 |
|
519 | ||
|
514 | if (options.offset) elementOffsets[1] += options.offset; |
|
520 | if (options.offset) elementOffsets[1] += options.offset; |
|
515 |
|
521 | ||
|
516 | return new Effect.Tween(null, |
|
522 | return new Effect.Tween(null, |
|
517 | scrollOffsets.top, |
|
523 | scrollOffsets.top, |
|
518 | - elementOffsets[1] > max ? max : elementOffsets[1], |
|
524 | + elementOffsets[1], |
|
519 | options, |
|
525 | options, |
|
520 | - function(p){ scrollTo(scrollOffsets.left, p.round()) } |
|
526 | + function(p){ scrollTo(scrollOffsets.left, p.round()); } |
|
521 | ); |
|
527 | ); |
|
522 | }; |
|
528 | }; |
|
523 |
|
529 | ||
@@ -529,9 +535,9 | |||||
|
529 | var options = Object.extend({ |
|
535 | var options = Object.extend({ |
|
530 | from: element.getOpacity() || 1.0, |
|
536 | from: element.getOpacity() || 1.0, |
|
531 | to: 0.0, |
|
537 | to: 0.0, |
|
532 |
- afterFinishInternal: function(effect) { |
|
538 | + afterFinishInternal: function(effect) { |
|
533 | if (effect.options.to!=0) return; |
|
539 | if (effect.options.to!=0) return; |
|
534 |
- effect.element.hide().setStyle({opacity: oldOpacity}); |
|
540 | + effect.element.hide().setStyle({opacity: oldOpacity}); |
|
535 | } |
|
541 | } |
|
536 | }, arguments[1] || { }); |
|
542 | }, arguments[1] || { }); |
|
537 | return new Effect.Opacity(element,options); |
|
543 | return new Effect.Opacity(element,options); |
@@ -547,15 +553,15 | |||||
|
547 | effect.element.forceRerendering(); |
|
553 | effect.element.forceRerendering(); |
|
548 | }, |
|
554 | }, |
|
549 | beforeSetup: function(effect) { |
|
555 | beforeSetup: function(effect) { |
|
550 |
- effect.element.setOpacity(effect.options.from).show(); |
|
556 | + effect.element.setOpacity(effect.options.from).show(); |
|
551 | }}, arguments[1] || { }); |
|
557 | }}, arguments[1] || { }); |
|
552 | return new Effect.Opacity(element,options); |
|
558 | return new Effect.Opacity(element,options); |
|
553 | }; |
|
559 | }; |
|
554 |
|
560 | ||
|
555 | Effect.Puff = function(element) { |
|
561 | Effect.Puff = function(element) { |
|
556 | element = $(element); |
|
562 | element = $(element); |
|
557 |
- var oldStyle = { |
|
563 | + var oldStyle = { |
|
558 |
- opacity: element.getInlineOpacity(), |
|
564 | + opacity: element.getInlineOpacity(), |
|
559 | position: element.getStyle('position'), |
|
565 | position: element.getStyle('position'), |
|
560 | top: element.style.top, |
|
566 | top: element.style.top, |
|
561 | left: element.style.left, |
|
567 | left: element.style.left, |
@@ -563,12 +569,12 | |||||
|
563 | height: element.style.height |
|
569 | height: element.style.height |
|
564 | }; |
|
570 | }; |
|
565 | return new Effect.Parallel( |
|
571 | return new Effect.Parallel( |
|
566 |
- [ new Effect.Scale(element, 200, |
|
572 | + [ new Effect.Scale(element, 200, |
|
567 |
- { sync: true, scaleFromCenter: true, scaleContent: true, restoreAfterFinish: true }), |
|
573 | + { sync: true, scaleFromCenter: true, scaleContent: true, restoreAfterFinish: true }), |
|
568 |
- new Effect.Opacity(element, { sync: true, to: 0.0 } ) ], |
|
574 | + new Effect.Opacity(element, { sync: true, to: 0.0 } ) ], |
|
569 |
- Object.extend({ duration: 1.0, |
|
575 | + Object.extend({ duration: 1.0, |
|
570 | beforeSetupInternal: function(effect) { |
|
576 | beforeSetupInternal: function(effect) { |
|
571 | - Position.absolutize(effect.effects[0].element) |
|
577 | + Position.absolutize(effect.effects[0].element); |
|
572 | }, |
|
578 | }, |
|
573 | afterFinishInternal: function(effect) { |
|
579 | afterFinishInternal: function(effect) { |
|
574 | effect.effects[0].element.hide().setStyle(oldStyle); } |
|
580 | effect.effects[0].element.hide().setStyle(oldStyle); } |
@@ -580,12 +586,12 | |||||
|
580 | element = $(element); |
|
586 | element = $(element); |
|
581 | element.makeClipping(); |
|
587 | element.makeClipping(); |
|
582 | return new Effect.Scale(element, 0, |
|
588 | return new Effect.Scale(element, 0, |
|
583 |
- Object.extend({ scaleContent: false, |
|
589 | + Object.extend({ scaleContent: false, |
|
584 |
- scaleX: false, |
|
590 | + scaleX: false, |
|
585 | restoreAfterFinish: true, |
|
591 | restoreAfterFinish: true, |
|
586 | afterFinishInternal: function(effect) { |
|
592 | afterFinishInternal: function(effect) { |
|
587 | effect.element.hide().undoClipping(); |
|
593 | effect.element.hide().undoClipping(); |
|
588 |
- } |
|
594 | + } |
|
589 | }, arguments[1] || { }) |
|
595 | }, arguments[1] || { }) |
|
590 | ); |
|
596 | ); |
|
591 | }; |
|
597 | }; |
@@ -593,15 +599,15 | |||||
|
593 | Effect.BlindDown = function(element) { |
|
599 | Effect.BlindDown = function(element) { |
|
594 | element = $(element); |
|
600 | element = $(element); |
|
595 | var elementDimensions = element.getDimensions(); |
|
601 | var elementDimensions = element.getDimensions(); |
|
596 |
- return new Effect.Scale(element, 100, Object.extend({ |
|
602 | + return new Effect.Scale(element, 100, Object.extend({ |
|
597 |
- scaleContent: false, |
|
603 | + scaleContent: false, |
|
598 | scaleX: false, |
|
604 | scaleX: false, |
|
599 | scaleFrom: 0, |
|
605 | scaleFrom: 0, |
|
600 | scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width}, |
|
606 | scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width}, |
|
601 | restoreAfterFinish: true, |
|
607 | restoreAfterFinish: true, |
|
602 | afterSetup: function(effect) { |
|
608 | afterSetup: function(effect) { |
|
603 |
- effect.element.makeClipping().setStyle({height: '0px'}).show(); |
|
609 | + effect.element.makeClipping().setStyle({height: '0px'}).show(); |
|
604 |
- }, |
|
610 | + }, |
|
605 | afterFinishInternal: function(effect) { |
|
611 | afterFinishInternal: function(effect) { |
|
606 | effect.element.undoClipping(); |
|
612 | effect.element.undoClipping(); |
|
607 | } |
|
613 | } |
@@ -616,16 +622,16 | |||||
|
616 | from: 0, |
|
622 | from: 0, |
|
617 | transition: Effect.Transitions.flicker, |
|
623 | transition: Effect.Transitions.flicker, |
|
618 | afterFinishInternal: function(effect) { |
|
624 | afterFinishInternal: function(effect) { |
|
619 |
- new Effect.Scale(effect.element, 1, { |
|
625 | + new Effect.Scale(effect.element, 1, { |
|
620 | duration: 0.3, scaleFromCenter: true, |
|
626 | duration: 0.3, scaleFromCenter: true, |
|
621 | scaleX: false, scaleContent: false, restoreAfterFinish: true, |
|
627 | scaleX: false, scaleContent: false, restoreAfterFinish: true, |
|
622 |
- beforeSetup: function(effect) { |
|
628 | + beforeSetup: function(effect) { |
|
623 | effect.element.makePositioned().makeClipping(); |
|
629 | effect.element.makePositioned().makeClipping(); |
|
624 | }, |
|
630 | }, |
|
625 | afterFinishInternal: function(effect) { |
|
631 | afterFinishInternal: function(effect) { |
|
626 | effect.element.hide().undoClipping().undoPositioned().setStyle({opacity: oldOpacity}); |
|
632 | effect.element.hide().undoClipping().undoPositioned().setStyle({opacity: oldOpacity}); |
|
627 | } |
|
633 | } |
|
628 | - }) |
|
634 | + }); |
|
629 | } |
|
635 | } |
|
630 | }, arguments[1] || { })); |
|
636 | }, arguments[1] || { })); |
|
631 | }; |
|
637 | }; |
@@ -637,16 +643,16 | |||||
|
637 | left: element.getStyle('left'), |
|
643 | left: element.getStyle('left'), |
|
638 | opacity: element.getInlineOpacity() }; |
|
644 | opacity: element.getInlineOpacity() }; |
|
639 | return new Effect.Parallel( |
|
645 | return new Effect.Parallel( |
|
640 |
- [ new Effect.Move(element, {x: 0, y: 100, sync: true }), |
|
646 | + [ new Effect.Move(element, {x: 0, y: 100, sync: true }), |
|
641 | new Effect.Opacity(element, { sync: true, to: 0.0 }) ], |
|
647 | new Effect.Opacity(element, { sync: true, to: 0.0 }) ], |
|
642 | Object.extend( |
|
648 | Object.extend( |
|
643 | { duration: 0.5, |
|
649 | { duration: 0.5, |
|
644 | beforeSetup: function(effect) { |
|
650 | beforeSetup: function(effect) { |
|
645 |
- effect.effects[0].element.makePositioned(); |
|
651 | + effect.effects[0].element.makePositioned(); |
|
646 | }, |
|
652 | }, |
|
647 | afterFinishInternal: function(effect) { |
|
653 | afterFinishInternal: function(effect) { |
|
648 | effect.effects[0].element.hide().undoPositioned().setStyle(oldStyle); |
|
654 | effect.effects[0].element.hide().undoPositioned().setStyle(oldStyle); |
|
649 |
- } |
|
655 | + } |
|
650 | }, arguments[1] || { })); |
|
656 | }, arguments[1] || { })); |
|
651 | }; |
|
657 | }; |
|
652 |
|
658 | ||
@@ -674,7 +680,7 | |||||
|
674 | new Effect.Move(effect.element, |
|
680 | new Effect.Move(effect.element, |
|
675 | { x: -distance, y: 0, duration: split, afterFinishInternal: function(effect) { |
|
681 | { x: -distance, y: 0, duration: split, afterFinishInternal: function(effect) { |
|
676 | effect.element.undoPositioned().setStyle(oldStyle); |
|
682 | effect.element.undoPositioned().setStyle(oldStyle); |
|
677 | - }}) }}) }}) }}) }}) }}); |
|
683 | + }}); }}); }}); }}); }}); }}); |
|
678 | }; |
|
684 | }; |
|
679 |
|
685 | ||
|
680 | Effect.SlideDown = function(element) { |
|
686 | Effect.SlideDown = function(element) { |
@@ -682,9 +688,9 | |||||
|
682 | // SlideDown need to have the content of the element wrapped in a container element with fixed height! |
|
688 | // SlideDown need to have the content of the element wrapped in a container element with fixed height! |
|
683 | var oldInnerBottom = element.down().getStyle('bottom'); |
|
689 | var oldInnerBottom = element.down().getStyle('bottom'); |
|
684 | var elementDimensions = element.getDimensions(); |
|
690 | var elementDimensions = element.getDimensions(); |
|
685 |
- return new Effect.Scale(element, 100, Object.extend({ |
|
691 | + return new Effect.Scale(element, 100, Object.extend({ |
|
686 |
- scaleContent: false, |
|
692 | + scaleContent: false, |
|
687 |
- scaleX: false, |
|
693 | + scaleX: false, |
|
688 | scaleFrom: window.opera ? 0 : 1, |
|
694 | scaleFrom: window.opera ? 0 : 1, |
|
689 | scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width}, |
|
695 | scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width}, |
|
690 | restoreAfterFinish: true, |
|
696 | restoreAfterFinish: true, |
@@ -692,11 +698,11 | |||||
|
692 | effect.element.makePositioned(); |
|
698 | effect.element.makePositioned(); |
|
693 | effect.element.down().makePositioned(); |
|
699 | effect.element.down().makePositioned(); |
|
694 | if (window.opera) effect.element.setStyle({top: ''}); |
|
700 | if (window.opera) effect.element.setStyle({top: ''}); |
|
695 |
- effect.element.makeClipping().setStyle({height: '0px'}).show(); |
|
701 | + effect.element.makeClipping().setStyle({height: '0px'}).show(); |
|
696 | }, |
|
702 | }, |
|
697 | afterUpdateInternal: function(effect) { |
|
703 | afterUpdateInternal: function(effect) { |
|
698 | effect.element.down().setStyle({bottom: |
|
704 | effect.element.down().setStyle({bottom: |
|
699 |
- (effect.dims[0] - effect.element.clientHeight) + 'px' }); |
|
705 | + (effect.dims[0] - effect.element.clientHeight) + 'px' }); |
|
700 | }, |
|
706 | }, |
|
701 | afterFinishInternal: function(effect) { |
|
707 | afterFinishInternal: function(effect) { |
|
702 | effect.element.undoClipping().undoPositioned(); |
|
708 | effect.element.undoClipping().undoPositioned(); |
@@ -710,8 +716,8 | |||||
|
710 | var oldInnerBottom = element.down().getStyle('bottom'); |
|
716 | var oldInnerBottom = element.down().getStyle('bottom'); |
|
711 | var elementDimensions = element.getDimensions(); |
|
717 | var elementDimensions = element.getDimensions(); |
|
712 | return new Effect.Scale(element, window.opera ? 0 : 1, |
|
718 | return new Effect.Scale(element, window.opera ? 0 : 1, |
|
713 |
- Object.extend({ scaleContent: false, |
|
719 | + Object.extend({ scaleContent: false, |
|
714 |
- scaleX: false, |
|
720 | + scaleX: false, |
|
715 | scaleMode: 'box', |
|
721 | scaleMode: 'box', |
|
716 | scaleFrom: 100, |
|
722 | scaleFrom: 100, |
|
717 | scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width}, |
|
723 | scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width}, |
@@ -721,7 +727,7 | |||||
|
721 | effect.element.down().makePositioned(); |
|
727 | effect.element.down().makePositioned(); |
|
722 | if (window.opera) effect.element.setStyle({top: ''}); |
|
728 | if (window.opera) effect.element.setStyle({top: ''}); |
|
723 | effect.element.makeClipping().show(); |
|
729 | effect.element.makeClipping().show(); |
|
724 |
- }, |
|
730 | + }, |
|
725 | afterUpdateInternal: function(effect) { |
|
731 | afterUpdateInternal: function(effect) { |
|
726 | effect.element.down().setStyle({bottom: |
|
732 | effect.element.down().setStyle({bottom: |
|
727 | (effect.dims[0] - effect.element.clientHeight) + 'px' }); |
|
733 | (effect.dims[0] - effect.element.clientHeight) + 'px' }); |
@@ -734,15 +740,15 | |||||
|
734 | ); |
|
740 | ); |
|
735 | }; |
|
741 | }; |
|
736 |
|
742 | ||
|
737 |
- // Bug in opera makes the TD containing this element expand for a instance after finish |
|
743 | + // Bug in opera makes the TD containing this element expand for a instance after finish |
|
738 | Effect.Squish = function(element) { |
|
744 | Effect.Squish = function(element) { |
|
739 |
- return new Effect.Scale(element, window.opera ? 1 : 0, { |
|
745 | + return new Effect.Scale(element, window.opera ? 1 : 0, { |
|
740 | restoreAfterFinish: true, |
|
746 | restoreAfterFinish: true, |
|
741 | beforeSetup: function(effect) { |
|
747 | beforeSetup: function(effect) { |
|
742 |
- effect.element.makeClipping(); |
|
748 | + effect.element.makeClipping(); |
|
743 |
- }, |
|
749 | + }, |
|
744 | afterFinishInternal: function(effect) { |
|
750 | afterFinishInternal: function(effect) { |
|
745 |
- effect.element.hide().undoClipping(); |
|
751 | + effect.element.hide().undoClipping(); |
|
746 | } |
|
752 | } |
|
747 | }); |
|
753 | }); |
|
748 | }; |
|
754 | }; |
@@ -762,13 +768,13 | |||||
|
762 | width: element.style.width, |
|
768 | width: element.style.width, |
|
763 | opacity: element.getInlineOpacity() }; |
|
769 | opacity: element.getInlineOpacity() }; |
|
764 |
|
770 | ||
|
765 |
- var dims = element.getDimensions(); |
|
771 | + var dims = element.getDimensions(); |
|
766 | var initialMoveX, initialMoveY; |
|
772 | var initialMoveX, initialMoveY; |
|
767 | var moveX, moveY; |
|
773 | var moveX, moveY; |
|
768 | - |
|
774 | + |
|
769 | switch (options.direction) { |
|
775 | switch (options.direction) { |
|
770 | case 'top-left': |
|
776 | case 'top-left': |
|
771 |
- initialMoveX = initialMoveY = moveX = moveY = 0; |
|
777 | + initialMoveX = initialMoveY = moveX = moveY = 0; |
|
772 | break; |
|
778 | break; |
|
773 | case 'top-right': |
|
779 | case 'top-right': |
|
774 | initialMoveX = dims.width; |
|
780 | initialMoveX = dims.width; |
@@ -793,11 +799,11 | |||||
|
793 | moveY = -dims.height / 2; |
|
799 | moveY = -dims.height / 2; |
|
794 | break; |
|
800 | break; |
|
795 | } |
|
801 | } |
|
796 | - |
|
802 | + |
|
797 | return new Effect.Move(element, { |
|
803 | return new Effect.Move(element, { |
|
798 | x: initialMoveX, |
|
804 | x: initialMoveX, |
|
799 | y: initialMoveY, |
|
805 | y: initialMoveY, |
|
800 |
- duration: 0.01, |
|
806 | + duration: 0.01, |
|
801 | beforeSetup: function(effect) { |
|
807 | beforeSetup: function(effect) { |
|
802 | effect.element.hide().makeClipping().makePositioned(); |
|
808 | effect.element.hide().makeClipping().makePositioned(); |
|
803 | }, |
|
809 | }, |
@@ -806,17 +812,17 | |||||
|
806 | [ new Effect.Opacity(effect.element, { sync: true, to: 1.0, from: 0.0, transition: options.opacityTransition }), |
|
812 | [ new Effect.Opacity(effect.element, { sync: true, to: 1.0, from: 0.0, transition: options.opacityTransition }), |
|
807 | new Effect.Move(effect.element, { x: moveX, y: moveY, sync: true, transition: options.moveTransition }), |
|
813 | new Effect.Move(effect.element, { x: moveX, y: moveY, sync: true, transition: options.moveTransition }), |
|
808 | new Effect.Scale(effect.element, 100, { |
|
814 | new Effect.Scale(effect.element, 100, { |
|
809 |
- scaleMode: { originalHeight: dims.height, originalWidth: dims.width }, |
|
815 | + scaleMode: { originalHeight: dims.height, originalWidth: dims.width }, |
|
810 | sync: true, scaleFrom: window.opera ? 1 : 0, transition: options.scaleTransition, restoreAfterFinish: true}) |
|
816 | sync: true, scaleFrom: window.opera ? 1 : 0, transition: options.scaleTransition, restoreAfterFinish: true}) |
|
811 | ], Object.extend({ |
|
817 | ], Object.extend({ |
|
812 | beforeSetup: function(effect) { |
|
818 | beforeSetup: function(effect) { |
|
813 |
- effect.effects[0].element.setStyle({height: '0px'}).show(); |
|
819 | + effect.effects[0].element.setStyle({height: '0px'}).show(); |
|
814 | }, |
|
820 | }, |
|
815 | afterFinishInternal: function(effect) { |
|
821 | afterFinishInternal: function(effect) { |
|
816 |
- effect.effects[0].element.undoClipping().undoPositioned().setStyle(oldStyle); |
|
822 | + effect.effects[0].element.undoClipping().undoPositioned().setStyle(oldStyle); |
|
817 | } |
|
823 | } |
|
818 | }, options) |
|
824 | }, options) |
|
819 | - ) |
|
825 | + ); |
|
820 | } |
|
826 | } |
|
821 | }); |
|
827 | }); |
|
822 | }; |
|
828 | }; |
@@ -838,7 +844,7 | |||||
|
838 |
|
844 | ||
|
839 | var dims = element.getDimensions(); |
|
845 | var dims = element.getDimensions(); |
|
840 | var moveX, moveY; |
|
846 | var moveX, moveY; |
|
841 | - |
|
847 | + |
|
842 | switch (options.direction) { |
|
848 | switch (options.direction) { |
|
843 | case 'top-left': |
|
849 | case 'top-left': |
|
844 | moveX = moveY = 0; |
|
850 | moveX = moveY = 0; |
@@ -855,19 +861,19 | |||||
|
855 | moveX = dims.width; |
|
861 | moveX = dims.width; |
|
856 | moveY = dims.height; |
|
862 | moveY = dims.height; |
|
857 | break; |
|
863 | break; |
|
858 |
- case 'center': |
|
864 | + case 'center': |
|
859 | moveX = dims.width / 2; |
|
865 | moveX = dims.width / 2; |
|
860 | moveY = dims.height / 2; |
|
866 | moveY = dims.height / 2; |
|
861 | break; |
|
867 | break; |
|
862 | } |
|
868 | } |
|
863 | - |
|
869 | + |
|
864 | return new Effect.Parallel( |
|
870 | return new Effect.Parallel( |
|
865 | [ new Effect.Opacity(element, { sync: true, to: 0.0, from: 1.0, transition: options.opacityTransition }), |
|
871 | [ new Effect.Opacity(element, { sync: true, to: 0.0, from: 1.0, transition: options.opacityTransition }), |
|
866 | new Effect.Scale(element, window.opera ? 1 : 0, { sync: true, transition: options.scaleTransition, restoreAfterFinish: true}), |
|
872 | new Effect.Scale(element, window.opera ? 1 : 0, { sync: true, transition: options.scaleTransition, restoreAfterFinish: true}), |
|
867 | new Effect.Move(element, { x: moveX, y: moveY, sync: true, transition: options.moveTransition }) |
|
873 | new Effect.Move(element, { x: moveX, y: moveY, sync: true, transition: options.moveTransition }) |
|
868 |
- ], Object.extend({ |
|
874 | + ], Object.extend({ |
|
869 | beforeStartInternal: function(effect) { |
|
875 | beforeStartInternal: function(effect) { |
|
870 |
- effect.effects[0].element.makePositioned().makeClipping(); |
|
876 | + effect.effects[0].element.makePositioned().makeClipping(); |
|
871 | }, |
|
877 | }, |
|
872 | afterFinishInternal: function(effect) { |
|
878 | afterFinishInternal: function(effect) { |
|
873 | effect.effects[0].element.hide().undoClipping().undoPositioned().setStyle(oldStyle); } |
|
879 | effect.effects[0].element.hide().undoClipping().undoPositioned().setStyle(oldStyle); } |
@@ -877,12 +883,14 | |||||
|
877 |
|
883 | ||
|
878 | Effect.Pulsate = function(element) { |
|
884 | Effect.Pulsate = function(element) { |
|
879 | element = $(element); |
|
885 | element = $(element); |
|
880 |
- var options = arguments[1] || { } |
|
886 | + var options = arguments[1] || { }, |
|
881 |
- |
|
887 | + oldOpacity = element.getInlineOpacity(), |
|
882 |
- |
|
888 | + transition = options.transition || Effect.Transitions.linear, |
|
883 | - var reverser = function(pos){ return transition(1-Effect.Transitions.pulse(pos, options.pulses)) }; |
|
889 | + reverser = function(pos){ |
|
884 | - reverser.bind(transition); |
|
890 | + return 1 - transition((-Math.cos((pos*(options.pulses||5)*2)*Math.PI)/2) + .5); |
|
885 | - return new Effect.Opacity(element, |
|
891 | + }; |
|
|
892 | + | ||
|
|
893 | + return new Effect.Opacity(element, | ||
|
886 | Object.extend(Object.extend({ duration: 2.0, from: 0, |
|
894 | Object.extend(Object.extend({ duration: 2.0, from: 0, |
|
887 | afterFinishInternal: function(effect) { effect.element.setStyle({opacity: oldOpacity}); } |
|
895 | afterFinishInternal: function(effect) { effect.element.setStyle({opacity: oldOpacity}); } |
|
888 | }, options), {transition: reverser})); |
|
896 | }, options), {transition: reverser})); |
@@ -896,12 +904,12 | |||||
|
896 | width: element.style.width, |
|
904 | width: element.style.width, |
|
897 | height: element.style.height }; |
|
905 | height: element.style.height }; |
|
898 | element.makeClipping(); |
|
906 | element.makeClipping(); |
|
899 |
- return new Effect.Scale(element, 5, Object.extend({ |
|
907 | + return new Effect.Scale(element, 5, Object.extend({ |
|
900 | scaleContent: false, |
|
908 | scaleContent: false, |
|
901 | scaleX: false, |
|
909 | scaleX: false, |
|
902 | afterFinishInternal: function(effect) { |
|
910 | afterFinishInternal: function(effect) { |
|
903 |
- new Effect.Scale(element, 1, { |
|
911 | + new Effect.Scale(element, 1, { |
|
904 |
- scaleContent: false, |
|
912 | + scaleContent: false, |
|
905 | scaleY: false, |
|
913 | scaleY: false, |
|
906 | afterFinishInternal: function(effect) { |
|
914 | afterFinishInternal: function(effect) { |
|
907 | effect.element.hide().undoClipping().setStyle(oldStyle); |
|
915 | effect.element.hide().undoClipping().setStyle(oldStyle); |
@@ -916,7 +924,7 | |||||
|
916 | var options = Object.extend({ |
|
924 | var options = Object.extend({ |
|
917 | style: { } |
|
925 | style: { } |
|
918 | }, arguments[1] || { }); |
|
926 | }, arguments[1] || { }); |
|
919 | - |
|
927 | + |
|
920 | if (!Object.isString(options.style)) this.style = $H(options.style); |
|
928 | if (!Object.isString(options.style)) this.style = $H(options.style); |
|
921 | else { |
|
929 | else { |
|
922 | if (options.style.include(':')) |
|
930 | if (options.style.include(':')) |
@@ -934,18 +942,18 | |||||
|
934 | effect.transforms.each(function(transform) { |
|
942 | effect.transforms.each(function(transform) { |
|
935 | effect.element.style[transform.style] = ''; |
|
943 | effect.element.style[transform.style] = ''; |
|
936 | }); |
|
944 | }); |
|
937 | - } |
|
945 | + }; |
|
938 | } |
|
946 | } |
|
939 | } |
|
947 | } |
|
940 | this.start(options); |
|
948 | this.start(options); |
|
941 | }, |
|
949 | }, |
|
942 | - |
|
950 | + |
|
943 | setup: function(){ |
|
951 | setup: function(){ |
|
944 | function parseColor(color){ |
|
952 | function parseColor(color){ |
|
945 | if (!color || ['rgba(0, 0, 0, 0)','transparent'].include(color)) color = '#ffffff'; |
|
953 | if (!color || ['rgba(0, 0, 0, 0)','transparent'].include(color)) color = '#ffffff'; |
|
946 | color = color.parseColor(); |
|
954 | color = color.parseColor(); |
|
947 | return $R(0,2).map(function(i){ |
|
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 | this.transforms = this.style.map(function(pair){ |
|
959 | this.transforms = this.style.map(function(pair){ |
@@ -965,9 +973,9 | |||||
|
965 | } |
|
973 | } |
|
966 |
|
974 | ||
|
967 | var originalValue = this.element.getStyle(property); |
|
975 | var originalValue = this.element.getStyle(property); |
|
968 |
- return { |
|
976 | + return { |
|
969 |
- style: property.camelize(), |
|
977 | + style: property.camelize(), |
|
970 |
- originalValue: unit=='color' ? parseColor(originalValue) : parseFloat(originalValue || 0), |
|
978 | + originalValue: unit=='color' ? parseColor(originalValue) : parseFloat(originalValue || 0), |
|
971 | targetValue: unit=='color' ? parseColor(value) : value, |
|
979 | targetValue: unit=='color' ? parseColor(value) : value, |
|
972 | unit: unit |
|
980 | unit: unit |
|
973 | }; |
|
981 | }; |
@@ -978,13 +986,13 | |||||
|
978 | transform.unit != 'color' && |
|
986 | transform.unit != 'color' && |
|
979 | (isNaN(transform.originalValue) || isNaN(transform.targetValue)) |
|
987 | (isNaN(transform.originalValue) || isNaN(transform.targetValue)) |
|
980 | ) |
|
988 | ) |
|
981 | - ) |
|
989 | + ); |
|
982 | }); |
|
990 | }); |
|
983 | }, |
|
991 | }, |
|
984 | update: function(position) { |
|
992 | update: function(position) { |
|
985 | var style = { }, transform, i = this.transforms.length; |
|
993 | var style = { }, transform, i = this.transforms.length; |
|
986 | while(i--) |
|
994 | while(i--) |
|
987 |
- style[(transform = this.transforms[i]).style] = |
|
995 | + style[(transform = this.transforms[i]).style] = |
|
988 | transform.unit=='color' ? '#'+ |
|
996 | transform.unit=='color' ? '#'+ |
|
989 | (Math.round(transform.originalValue[0]+ |
|
997 | (Math.round(transform.originalValue[0]+ |
|
990 | (transform.targetValue[0]-transform.originalValue[0])*position)).toColorPart() + |
|
998 | (transform.targetValue[0]-transform.originalValue[0])*position)).toColorPart() + |
@@ -993,7 +1001,7 | |||||
|
993 | (Math.round(transform.originalValue[2]+ |
|
1001 | (Math.round(transform.originalValue[2]+ |
|
994 | (transform.targetValue[2]-transform.originalValue[2])*position)).toColorPart() : |
|
1002 | (transform.targetValue[2]-transform.originalValue[2])*position)).toColorPart() : |
|
995 | (transform.originalValue + |
|
1003 | (transform.originalValue + |
|
996 |
- (transform.targetValue - transform.originalValue) * position).toFixed(3) + |
|
1004 | + (transform.targetValue - transform.originalValue) * position).toFixed(3) + |
|
997 | (transform.unit === null ? '' : transform.unit); |
|
1005 | (transform.unit === null ? '' : transform.unit); |
|
998 | this.element.setStyle(style, true); |
|
1006 | this.element.setStyle(style, true); |
|
999 | } |
|
1007 | } |
@@ -1030,7 +1038,7 | |||||
|
1030 | }); |
|
1038 | }); |
|
1031 |
|
1039 | ||
|
1032 | Element.CSS_PROPERTIES = $w( |
|
1040 | Element.CSS_PROPERTIES = $w( |
|
1033 |
- 'backgroundColor backgroundPosition borderBottomColor borderBottomStyle ' + |
|
1041 | + 'backgroundColor backgroundPosition borderBottomColor borderBottomStyle ' + |
|
1034 | 'borderBottomWidth borderLeftColor borderLeftStyle borderLeftWidth ' + |
|
1042 | 'borderBottomWidth borderLeftColor borderLeftStyle borderLeftWidth ' + |
|
1035 | 'borderRightColor borderRightStyle borderRightWidth borderSpacing ' + |
|
1043 | 'borderRightColor borderRightStyle borderRightWidth borderSpacing ' + |
|
1036 | 'borderTopColor borderTopStyle borderTopWidth bottom clip color ' + |
|
1044 | 'borderTopColor borderTopStyle borderTopWidth bottom clip color ' + |
@@ -1039,7 +1047,7 | |||||
|
1039 | 'maxWidth minHeight minWidth opacity outlineColor outlineOffset ' + |
|
1047 | 'maxWidth minHeight minWidth opacity outlineColor outlineOffset ' + |
|
1040 | 'outlineWidth paddingBottom paddingLeft paddingRight paddingTop ' + |
|
1048 | 'outlineWidth paddingBottom paddingLeft paddingRight paddingTop ' + |
|
1041 | 'right textIndent top width wordSpacing zIndex'); |
|
1049 | 'right textIndent top width wordSpacing zIndex'); |
|
1042 | - |
|
1050 | + |
|
1043 | Element.CSS_LENGTH = /^(([\+\-]?[0-9\.]+)(em|ex|px|in|cm|mm|pt|pc|\%))|0$/; |
|
1051 | Element.CSS_LENGTH = /^(([\+\-]?[0-9\.]+)(em|ex|px|in|cm|mm|pt|pc|\%))|0$/; |
|
1044 |
|
1052 | ||
|
1045 | String.__parseStyleElement = document.createElement('div'); |
|
1053 | String.__parseStyleElement = document.createElement('div'); |
@@ -1051,11 +1059,11 | |||||
|
1051 | String.__parseStyleElement.innerHTML = '<div style="' + this + '"></div>'; |
|
1059 | String.__parseStyleElement.innerHTML = '<div style="' + this + '"></div>'; |
|
1052 | style = String.__parseStyleElement.childNodes[0].style; |
|
1060 | style = String.__parseStyleElement.childNodes[0].style; |
|
1053 | } |
|
1061 | } |
|
1054 | - |
|
1062 | + |
|
1055 | Element.CSS_PROPERTIES.each(function(property){ |
|
1063 | Element.CSS_PROPERTIES.each(function(property){ |
|
1056 |
- if (style[property]) styleRules.set(property, style[property]); |
|
1064 | + if (style[property]) styleRules.set(property, style[property]); |
|
1057 | }); |
|
1065 | }); |
|
1058 | - |
|
1066 | + |
|
1059 | if (Prototype.Browser.IE && this.include('opacity')) |
|
1067 | if (Prototype.Browser.IE && this.include('opacity')) |
|
1060 | styleRules.set('opacity', this.match(/opacity:\s*((?:0|1)?(?:\.\d*)?)/)[1]); |
|
1068 | styleRules.set('opacity', this.match(/opacity:\s*((?:0|1)?(?:\.\d*)?)/)[1]); |
|
1061 |
|
1069 | ||
@@ -1074,14 +1082,14 | |||||
|
1074 | Element.getStyles = function(element) { |
|
1082 | Element.getStyles = function(element) { |
|
1075 | element = $(element); |
|
1083 | element = $(element); |
|
1076 | var css = element.currentStyle, styles; |
|
1084 | var css = element.currentStyle, styles; |
|
1077 |
- styles = Element.CSS_PROPERTIES.inject({ }, function( |
|
1085 | + styles = Element.CSS_PROPERTIES.inject({ }, function(results, property) { |
|
1078 |
- |
|
1086 | + results[property] = css[property]; |
|
1079 |
- return |
|
1087 | + return results; |
|
1080 | }); |
|
1088 | }); |
|
1081 |
- if (!styles.opacity) styles. |
|
1089 | + if (!styles.opacity) styles.opacity = element.getOpacity(); |
|
1082 | return styles; |
|
1090 | return styles; |
|
1083 | }; |
|
1091 | }; |
|
1084 |
- } |
|
1092 | + } |
|
1085 |
|
1093 | ||
|
1086 | Effect.Methods = { |
|
1094 | Effect.Methods = { |
|
1087 | morph: function(element, style) { |
|
1095 | morph: function(element, style) { |
@@ -1090,7 +1098,7 | |||||
|
1090 | return element; |
|
1098 | return element; |
|
1091 | }, |
|
1099 | }, |
|
1092 | visualEffect: function(element, effect, options) { |
|
1100 | visualEffect: function(element, effect, options) { |
|
1093 | - element = $(element) |
|
1101 | + element = $(element); |
|
1094 | var s = effect.dasherize().camelize(), klass = s.charAt(0).toUpperCase() + s.substring(1); |
|
1102 | var s = effect.dasherize().camelize(), klass = s.charAt(0).toUpperCase() + s.substring(1); |
|
1095 | new Effect[klass](element, options); |
|
1103 | new Effect[klass](element, options); |
|
1096 | return element; |
|
1104 | return element; |
@@ -1104,17 +1112,17 | |||||
|
1104 |
|
1112 | ||
|
1105 | $w('fade appear grow shrink fold blindUp blindDown slideUp slideDown '+ |
|
1113 | $w('fade appear grow shrink fold blindUp blindDown slideUp slideDown '+ |
|
1106 | 'pulsate shake puff squish switchOff dropOut').each( |
|
1114 | 'pulsate shake puff squish switchOff dropOut').each( |
|
1107 |
- function(effect) { |
|
1115 | + function(effect) { |
|
1108 | Effect.Methods[effect] = function(element, options){ |
|
1116 | Effect.Methods[effect] = function(element, options){ |
|
1109 | element = $(element); |
|
1117 | element = $(element); |
|
1110 | Effect[effect.charAt(0).toUpperCase() + effect.substring(1)](element, options); |
|
1118 | Effect[effect.charAt(0).toUpperCase() + effect.substring(1)](element, options); |
|
1111 | return element; |
|
1119 | return element; |
|
1112 | - } |
|
1120 | + }; |
|
1113 | } |
|
1121 | } |
|
1114 | ); |
|
1122 | ); |
|
1115 |
|
1123 | ||
|
1116 |
- $w('getInlineOpacity forceRerendering setContentZoom collectTextNodes collectTextNodesIgnoreClass getStyles').each( |
|
1124 | + $w('getInlineOpacity forceRerendering setContentZoom collectTextNodes collectTextNodesIgnoreClass getStyles').each( |
|
1117 | function(f) { Effect.Methods[f] = Element[f]; } |
|
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, (637 lines changed) Show them Hide them | |||||
@@ -1,5 +1,5 | |||||
|
1 |
- /* Prototype JavaScript framework, version 1.6.0. |
|
1 | + /* Prototype JavaScript framework, version 1.6.0.3 |
|
2 |
- * (c) 2005-200 |
|
2 | + * (c) 2005-2008 Sam Stephenson |
|
3 | * |
|
3 | * |
|
4 | * Prototype is freely distributable under the terms of an MIT-style license. |
|
4 | * Prototype is freely distributable under the terms of an MIT-style license. |
|
5 | * For details, see the Prototype web site: http://www.prototypejs.org/ |
|
5 | * For details, see the Prototype web site: http://www.prototypejs.org/ |
@@ -7,23 +7,26 | |||||
|
7 | *--------------------------------------------------------------------------*/ |
|
7 | *--------------------------------------------------------------------------*/ |
|
8 |
|
8 | ||
|
9 | var Prototype = { |
|
9 | var Prototype = { |
|
10 |
- Version: '1.6.0. |
|
10 | + Version: '1.6.0.3', |
|
11 |
|
11 | ||
|
12 | Browser: { |
|
12 | Browser: { |
|
13 |
- IE: !!(window.attachEvent && |
|
13 | + IE: !!(window.attachEvent && |
|
14 | - Opera: !!window.opera, |
|
14 | + navigator.userAgent.indexOf('Opera') === -1), |
|
|
15 | + Opera: navigator.userAgent.indexOf('Opera') > -1, | ||
|
15 | WebKit: navigator.userAgent.indexOf('AppleWebKit/') > -1, |
|
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 | MobileSafari: !!navigator.userAgent.match(/Apple.*Mobile.*Safari/) |
|
19 | MobileSafari: !!navigator.userAgent.match(/Apple.*Mobile.*Safari/) |
|
18 | }, |
|
20 | }, |
|
19 |
|
21 | ||
|
20 | BrowserFeatures: { |
|
22 | BrowserFeatures: { |
|
21 | XPath: !!document.evaluate, |
|
23 | XPath: !!document.evaluate, |
|
|
24 | + SelectorsAPI: !!document.querySelector, | ||
|
22 | ElementExtensions: !!window.HTMLElement, |
|
25 | ElementExtensions: !!window.HTMLElement, |
|
23 | SpecificElementExtensions: |
|
26 | SpecificElementExtensions: |
|
24 |
- document.createElement('div') |
|
27 | + document.createElement('div')['__proto__'] && |
|
25 |
- document.createElement('div') |
|
28 | + document.createElement('div')['__proto__'] !== |
|
26 |
- document.createElement('form') |
|
29 | + document.createElement('form')['__proto__'] |
|
27 | }, |
|
30 | }, |
|
28 |
|
31 | ||
|
29 | ScriptFragment: '<script[^>]*>([\\S\\s]*?)<\/script>', |
|
32 | ScriptFragment: '<script[^>]*>([\\S\\s]*?)<\/script>', |
@@ -83,12 +86,13 | |||||
|
83 | var property = properties[i], value = source[property]; |
|
86 | var property = properties[i], value = source[property]; |
|
84 | if (ancestor && Object.isFunction(value) && |
|
87 | if (ancestor && Object.isFunction(value) && |
|
85 | value.argumentNames().first() == "$super") { |
|
88 | value.argumentNames().first() == "$super") { |
|
86 | - var method = value, value = Object.extend((function(m) { |
|
89 | + var method = value; |
|
|
90 | + value = (function(m) { | ||
|
87 | return function() { return ancestor[m].apply(this, arguments) }; |
|
91 | return function() { return ancestor[m].apply(this, arguments) }; |
|
88 |
- })(property).wrap(method) |
|
92 | + })(property).wrap(method); |
|
89 | - valueOf: function() { return method }, |
|
93 | + |
|
90 | - toString: function() { return method.toString() } |
|
94 | + value.valueOf = method.valueOf.bind(method); |
|
91 | - }); |
|
95 | + value.toString = method.toString.bind(method); |
|
92 | } |
|
96 | } |
|
93 | this.prototype[property] = value; |
|
97 | this.prototype[property] = value; |
|
94 | } |
|
98 | } |
@@ -110,7 +114,7 | |||||
|
110 | try { |
|
114 | try { |
|
111 | if (Object.isUndefined(object)) return 'undefined'; |
|
115 | if (Object.isUndefined(object)) return 'undefined'; |
|
112 | if (object === null) return 'null'; |
|
116 | if (object === null) return 'null'; |
|
113 |
- return object.inspect ? object.inspect() : object |
|
117 | + return object.inspect ? object.inspect() : String(object); |
|
114 | } catch (e) { |
|
118 | } catch (e) { |
|
115 | if (e instanceof RangeError) return '...'; |
|
119 | if (e instanceof RangeError) return '...'; |
|
116 | throw e; |
|
120 | throw e; |
@@ -167,11 +171,12 | |||||
|
167 | }, |
|
171 | }, |
|
168 |
|
172 | ||
|
169 | isElement: function(object) { |
|
173 | isElement: function(object) { |
|
170 | - return object && object.nodeType == 1; |
|
174 | + return !!(object && object.nodeType == 1); |
|
171 | }, |
|
175 | }, |
|
172 |
|
176 | ||
|
173 | isArray: function(object) { |
|
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 | isHash: function(object) { |
|
182 | isHash: function(object) { |
@@ -197,7 +202,8 | |||||
|
197 |
|
202 | ||
|
198 | Object.extend(Function.prototype, { |
|
203 | Object.extend(Function.prototype, { |
|
199 | argumentNames: function() { |
|
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 | return names.length == 1 && !names[0] ? [] : names; |
|
207 | return names.length == 1 && !names[0] ? [] : names; |
|
202 | }, |
|
208 | }, |
|
203 |
|
209 | ||
@@ -231,6 +237,11 | |||||
|
231 | }, timeout); |
|
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 | wrap: function(wrapper) { |
|
245 | wrap: function(wrapper) { |
|
235 | var __method = this; |
|
246 | var __method = this; |
|
236 | return function() { |
|
247 | return function() { |
@@ -247,8 +258,6 | |||||
|
247 | } |
|
258 | } |
|
248 | }); |
|
259 | }); |
|
249 |
|
260 | ||
|
250 | - Function.prototype.defer = Function.prototype.delay.curry(0.01); |
|
||
|
251 | - |
|
||
|
252 | Date.prototype.toJSON = function() { |
|
261 | Date.prototype.toJSON = function() { |
|
253 | return '"' + this.getUTCFullYear() + '-' + |
|
262 | return '"' + this.getUTCFullYear() + '-' + |
|
254 | (this.getUTCMonth() + 1).toPaddedString(2) + '-' + |
|
263 | (this.getUTCMonth() + 1).toPaddedString(2) + '-' + |
@@ -529,7 +538,7 | |||||
|
529 | return this.replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>'); |
|
538 | return this.replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>'); |
|
530 | }, |
|
539 | }, |
|
531 | unescapeHTML: function() { |
|
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 | ||
@@ -546,7 +555,7 | |||||
|
546 | text: document.createTextNode('') |
|
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 | var Template = Class.create({ |
|
560 | var Template = Class.create({ |
|
552 | initialize: function(template, pattern) { |
|
561 | initialize: function(template, pattern) { |
@@ -578,7 +587,7 | |||||
|
578 | } |
|
587 | } |
|
579 |
|
588 | ||
|
580 | return before + String.interpret(ctx); |
|
589 | return before + String.interpret(ctx); |
|
581 | - }.bind(this)); |
|
590 | + }); |
|
582 | } |
|
591 | } |
|
583 | }); |
|
592 | }); |
|
584 | Template.Pattern = /(^|.|\r|\n)(#\{(.*?)\})/; |
|
593 | Template.Pattern = /(^|.|\r|\n)(#\{(.*?)\})/; |
@@ -588,10 +597,9 | |||||
|
588 | var Enumerable = { |
|
597 | var Enumerable = { |
|
589 | each: function(iterator, context) { |
|
598 | each: function(iterator, context) { |
|
590 | var index = 0; |
|
599 | var index = 0; |
|
591 | - iterator = iterator.bind(context); |
|
||
|
592 | try { |
|
600 | try { |
|
593 | this._each(function(value) { |
|
601 | this._each(function(value) { |
|
594 | - iterator(value, index++); |
|
602 | + iterator.call(context, value, index++); |
|
595 | }); |
|
603 | }); |
|
596 | } catch (e) { |
|
604 | } catch (e) { |
|
597 | if (e != $break) throw e; |
|
605 | if (e != $break) throw e; |
@@ -600,47 +608,46 | |||||
|
600 | }, |
|
608 | }, |
|
601 |
|
609 | ||
|
602 | eachSlice: function(number, iterator, context) { |
|
610 | eachSlice: function(number, iterator, context) { |
|
603 | - iterator = iterator ? iterator.bind(context) : Prototype.K; |
|
||
|
604 | var index = -number, slices = [], array = this.toArray(); |
|
611 | var index = -number, slices = [], array = this.toArray(); |
|
|
612 | + if (number < 1) return array; | ||
|
605 | while ((index += number) < array.length) |
|
613 | while ((index += number) < array.length) |
|
606 | slices.push(array.slice(index, index+number)); |
|
614 | slices.push(array.slice(index, index+number)); |
|
607 | return slices.collect(iterator, context); |
|
615 | return slices.collect(iterator, context); |
|
608 | }, |
|
616 | }, |
|
609 |
|
617 | ||
|
610 | all: function(iterator, context) { |
|
618 | all: function(iterator, context) { |
|
611 |
- iterator = iterator |
|
619 | + iterator = iterator || Prototype.K; |
|
612 | var result = true; |
|
620 | var result = true; |
|
613 | this.each(function(value, index) { |
|
621 | this.each(function(value, index) { |
|
614 | - result = result && !!iterator(value, index); |
|
622 | + result = result && !!iterator.call(context, value, index); |
|
615 | if (!result) throw $break; |
|
623 | if (!result) throw $break; |
|
616 | }); |
|
624 | }); |
|
617 | return result; |
|
625 | return result; |
|
618 | }, |
|
626 | }, |
|
619 |
|
627 | ||
|
620 | any: function(iterator, context) { |
|
628 | any: function(iterator, context) { |
|
621 |
- iterator = iterator |
|
629 | + iterator = iterator || Prototype.K; |
|
622 | var result = false; |
|
630 | var result = false; |
|
623 | this.each(function(value, index) { |
|
631 | this.each(function(value, index) { |
|
624 | - if (result = !!iterator(value, index)) |
|
632 | + if (result = !!iterator.call(context, value, index)) |
|
625 | throw $break; |
|
633 | throw $break; |
|
626 | }); |
|
634 | }); |
|
627 | return result; |
|
635 | return result; |
|
628 | }, |
|
636 | }, |
|
629 |
|
637 | ||
|
630 | collect: function(iterator, context) { |
|
638 | collect: function(iterator, context) { |
|
631 |
- iterator = iterator |
|
639 | + iterator = iterator || Prototype.K; |
|
632 | var results = []; |
|
640 | var results = []; |
|
633 | this.each(function(value, index) { |
|
641 | this.each(function(value, index) { |
|
634 | - results.push(iterator(value, index)); |
|
642 | + results.push(iterator.call(context, value, index)); |
|
635 | }); |
|
643 | }); |
|
636 | return results; |
|
644 | return results; |
|
637 | }, |
|
645 | }, |
|
638 |
|
646 | ||
|
639 | detect: function(iterator, context) { |
|
647 | detect: function(iterator, context) { |
|
640 | - iterator = iterator.bind(context); |
|
||
|
641 | var result; |
|
648 | var result; |
|
642 | this.each(function(value, index) { |
|
649 | this.each(function(value, index) { |
|
643 | - if (iterator(value, index)) { |
|
650 | + if (iterator.call(context, value, index)) { |
|
644 | result = value; |
|
651 | result = value; |
|
645 | throw $break; |
|
652 | throw $break; |
|
646 | } |
|
653 | } |
@@ -649,17 +656,16 | |||||
|
649 | }, |
|
656 | }, |
|
650 |
|
657 | ||
|
651 | findAll: function(iterator, context) { |
|
658 | findAll: function(iterator, context) { |
|
652 | - iterator = iterator.bind(context); |
|
||
|
653 | var results = []; |
|
659 | var results = []; |
|
654 | this.each(function(value, index) { |
|
660 | this.each(function(value, index) { |
|
655 | - if (iterator(value, index)) |
|
661 | + if (iterator.call(context, value, index)) |
|
656 | results.push(value); |
|
662 | results.push(value); |
|
657 | }); |
|
663 | }); |
|
658 | return results; |
|
664 | return results; |
|
659 | }, |
|
665 | }, |
|
660 |
|
666 | ||
|
661 | grep: function(filter, iterator, context) { |
|
667 | grep: function(filter, iterator, context) { |
|
662 |
- iterator = iterator |
|
668 | + iterator = iterator || Prototype.K; |
|
663 | var results = []; |
|
669 | var results = []; |
|
664 |
|
670 | ||
|
665 | if (Object.isString(filter)) |
|
671 | if (Object.isString(filter)) |
@@ -667,7 +673,7 | |||||
|
667 |
|
673 | ||
|
668 | this.each(function(value, index) { |
|
674 | this.each(function(value, index) { |
|
669 | if (filter.match(value)) |
|
675 | if (filter.match(value)) |
|
670 | - results.push(iterator(value, index)); |
|
676 | + results.push(iterator.call(context, value, index)); |
|
671 | }); |
|
677 | }); |
|
672 | return results; |
|
678 | return results; |
|
673 | }, |
|
679 | }, |
@@ -695,9 +701,8 | |||||
|
695 | }, |
|
701 | }, |
|
696 |
|
702 | ||
|
697 | inject: function(memo, iterator, context) { |
|
703 | inject: function(memo, iterator, context) { |
|
698 | - iterator = iterator.bind(context); |
|
||
|
699 | this.each(function(value, index) { |
|
704 | this.each(function(value, index) { |
|
700 | - memo = iterator(memo, value, index); |
|
705 | + memo = iterator.call(context, memo, value, index); |
|
701 | }); |
|
706 | }); |
|
702 | return memo; |
|
707 | return memo; |
|
703 | }, |
|
708 | }, |
@@ -710,10 +715,10 | |||||
|
710 | }, |
|
715 | }, |
|
711 |
|
716 | ||
|
712 | max: function(iterator, context) { |
|
717 | max: function(iterator, context) { |
|
713 |
- iterator = iterator |
|
718 | + iterator = iterator || Prototype.K; |
|
714 | var result; |
|
719 | var result; |
|
715 | this.each(function(value, index) { |
|
720 | this.each(function(value, index) { |
|
716 | - value = iterator(value, index); |
|
721 | + value = iterator.call(context, value, index); |
|
717 | if (result == null || value >= result) |
|
722 | if (result == null || value >= result) |
|
718 | result = value; |
|
723 | result = value; |
|
719 | }); |
|
724 | }); |
@@ -721,10 +726,10 | |||||
|
721 | }, |
|
726 | }, |
|
722 |
|
727 | ||
|
723 | min: function(iterator, context) { |
|
728 | min: function(iterator, context) { |
|
724 |
- iterator = iterator |
|
729 | + iterator = iterator || Prototype.K; |
|
725 | var result; |
|
730 | var result; |
|
726 | this.each(function(value, index) { |
|
731 | this.each(function(value, index) { |
|
727 | - value = iterator(value, index); |
|
732 | + value = iterator.call(context, value, index); |
|
728 | if (result == null || value < result) |
|
733 | if (result == null || value < result) |
|
729 | result = value; |
|
734 | result = value; |
|
730 | }); |
|
735 | }); |
@@ -732,10 +737,10 | |||||
|
732 | }, |
|
737 | }, |
|
733 |
|
738 | ||
|
734 | partition: function(iterator, context) { |
|
739 | partition: function(iterator, context) { |
|
735 |
- iterator = iterator |
|
740 | + iterator = iterator || Prototype.K; |
|
736 | var trues = [], falses = []; |
|
741 | var trues = [], falses = []; |
|
737 | this.each(function(value, index) { |
|
742 | this.each(function(value, index) { |
|
738 | - (iterator(value, index) ? |
|
743 | + (iterator.call(context, value, index) ? |
|
739 | trues : falses).push(value); |
|
744 | trues : falses).push(value); |
|
740 | }); |
|
745 | }); |
|
741 | return [trues, falses]; |
|
746 | return [trues, falses]; |
@@ -750,19 +755,20 | |||||
|
750 | }, |
|
755 | }, |
|
751 |
|
756 | ||
|
752 | reject: function(iterator, context) { |
|
757 | reject: function(iterator, context) { |
|
753 | - iterator = iterator.bind(context); |
|
||
|
754 | var results = []; |
|
758 | var results = []; |
|
755 | this.each(function(value, index) { |
|
759 | this.each(function(value, index) { |
|
756 | - if (!iterator(value, index)) |
|
760 | + if (!iterator.call(context, value, index)) |
|
757 | results.push(value); |
|
761 | results.push(value); |
|
758 | }); |
|
762 | }); |
|
759 | return results; |
|
763 | return results; |
|
760 | }, |
|
764 | }, |
|
761 |
|
765 | ||
|
762 | sortBy: function(iterator, context) { |
|
766 | sortBy: function(iterator, context) { |
|
763 | - iterator = iterator.bind(context); |
|
||
|
764 | return this.map(function(value, index) { |
|
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 | }).sort(function(left, right) { |
|
772 | }).sort(function(left, right) { |
|
767 | var a = left.criteria, b = right.criteria; |
|
773 | var a = left.criteria, b = right.criteria; |
|
768 | return a < b ? -1 : a > b ? 1 : 0; |
|
774 | return a < b ? -1 : a > b ? 1 : 0; |
@@ -806,20 +812,24 | |||||
|
806 | function $A(iterable) { |
|
812 | function $A(iterable) { |
|
807 | if (!iterable) return []; |
|
813 | if (!iterable) return []; |
|
808 | if (iterable.toArray) return iterable.toArray(); |
|
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 | while (length--) results[length] = iterable[length]; |
|
816 | while (length--) results[length] = iterable[length]; |
|
811 | return results; |
|
817 | return results; |
|
812 | } |
|
818 | } |
|
813 |
|
819 | ||
|
814 | if (Prototype.Browser.WebKit) { |
|
820 | if (Prototype.Browser.WebKit) { |
|
815 |
- function |
|
821 | + $A = function(iterable) { |
|
816 | if (!iterable) return []; |
|
822 | if (!iterable) return []; |
|
817 | - if (!(Object.isFunction(iterable) && iterable == '[object NodeList]') && |
|
823 | + // In Safari, only use the `toArray` method if it's not a NodeList. |
|
818 | - iterable.toArray) return iterable.toArray(); |
|
824 | + // A NodeList is a function, has an function `item` property, and a numeric |
|
819 | - var length = iterable.length, results = new Array(length); |
|
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 | while (length--) results[length] = iterable[length]; |
|
830 | while (length--) results[length] = iterable[length]; |
|
821 | return results; |
|
831 | return results; |
|
822 | - } |
|
832 | + }; |
|
823 | } |
|
833 | } |
|
824 |
|
834 | ||
|
825 | Array.from = $A; |
|
835 | Array.from = $A; |
@@ -962,8 +972,8 | |||||
|
962 | return this + 1; |
|
972 | return this + 1; |
|
963 | }, |
|
973 | }, |
|
964 |
|
974 | ||
|
965 | - times: function(iterator) { |
|
975 | + times: function(iterator, context) { |
|
966 | - $R(0, this, true).each(iterator); |
|
976 | + $R(0, this, true).each(iterator, context); |
|
967 | return this; |
|
977 | return this; |
|
968 | }, |
|
978 | }, |
|
969 |
|
979 | ||
@@ -1010,7 +1020,9 | |||||
|
1010 | }, |
|
1020 | }, |
|
1011 |
|
1021 | ||
|
1012 | get: function(key) { |
|
1022 | get: function(key) { |
|
1013 | - return this._object[key]; |
|
1023 | + // simulating poorly supported hasOwnProperty |
|
|
1024 | + if (this._object[key] !== Object.prototype[key]) | ||
|
|
1025 | + return this._object[key]; | ||
|
1014 | }, |
|
1026 | }, |
|
1015 |
|
1027 | ||
|
1016 | unset: function(key) { |
|
1028 | unset: function(key) { |
@@ -1050,14 +1062,14 | |||||
|
1050 | }, |
|
1062 | }, |
|
1051 |
|
1063 | ||
|
1052 | toQueryString: function() { |
|
1064 | toQueryString: function() { |
|
1053 |
- return this. |
|
1065 | + return this.inject([], function(results, pair) { |
|
1054 | var key = encodeURIComponent(pair.key), values = pair.value; |
|
1066 | var key = encodeURIComponent(pair.key), values = pair.value; |
|
1055 |
|
1067 | ||
|
1056 | if (values && typeof values == 'object') { |
|
1068 | if (values && typeof values == 'object') { |
|
1057 | if (Object.isArray(values)) |
|
1069 | if (Object.isArray(values)) |
|
1058 |
- return values.map(toQueryPair.curry(key)) |
|
1070 | + return results.concat(values.map(toQueryPair.curry(key))); |
|
1059 | - } |
|
1071 | + } else results.push(toQueryPair(key, values)); |
|
1060 |
- return |
|
1072 | + return results; |
|
1061 | }).join('&'); |
|
1073 | }).join('&'); |
|
1062 | }, |
|
1074 | }, |
|
1063 |
|
1075 | ||
@@ -1298,7 +1310,7 | |||||
|
1298 |
|
1310 | ||
|
1299 | var contentType = response.getHeader('Content-type'); |
|
1311 | var contentType = response.getHeader('Content-type'); |
|
1300 | if (this.options.evalJS == 'force' |
|
1312 | if (this.options.evalJS == 'force' |
|
1301 | - || (this.options.evalJS && contentType |
|
1313 | + || (this.options.evalJS && this.isSameOrigin() && contentType |
|
1302 | && contentType.match(/^\s*(text|application)\/(x-)?(java|ecma)script(;.*)?\s*$/i))) |
|
1314 | && contentType.match(/^\s*(text|application)\/(x-)?(java|ecma)script(;.*)?\s*$/i))) |
|
1303 | this.evalResponse(); |
|
1315 | this.evalResponse(); |
|
1304 | } |
|
1316 | } |
@@ -1316,9 +1328,18 | |||||
|
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 | getHeader: function(name) { |
|
1340 | getHeader: function(name) { |
|
1320 | try { |
|
1341 | try { |
|
1321 | - return this.transport.getResponseHeader(name); |
|
1342 | + return this.transport.getResponseHeader(name) || null; |
|
1322 | } catch (e) { return null } |
|
1343 | } catch (e) { return null } |
|
1323 | }, |
|
1344 | }, |
|
1324 |
|
1345 | ||
@@ -1391,7 +1412,8 | |||||
|
1391 | if (!json) return null; |
|
1412 | if (!json) return null; |
|
1392 | json = decodeURIComponent(escape(json)); |
|
1413 | json = decodeURIComponent(escape(json)); |
|
1393 | try { |
|
1414 | try { |
|
1394 |
- return json.evalJSON(this.request.options.sanitizeJSON |
|
1415 | + return json.evalJSON(this.request.options.sanitizeJSON || |
|
|
1416 | + !this.request.isSameOrigin()); | ||
|
1395 | } catch (e) { |
|
1417 | } catch (e) { |
|
1396 | this.request.dispatchException(e); |
|
1418 | this.request.dispatchException(e); |
|
1397 | } |
|
1419 | } |
@@ -1404,7 +1426,8 | |||||
|
1404 | this.responseText.blank()) |
|
1426 | this.responseText.blank()) |
|
1405 | return null; |
|
1427 | return null; |
|
1406 | try { |
|
1428 | try { |
|
1407 |
- return this.responseText.evalJSON(options.sanitizeJSON |
|
1429 | + return this.responseText.evalJSON(options.sanitizeJSON || |
|
|
1430 | + !this.request.isSameOrigin()); | ||
|
1408 | } catch (e) { |
|
1431 | } catch (e) { |
|
1409 | this.request.dispatchException(e); |
|
1432 | this.request.dispatchException(e); |
|
1410 | } |
|
1433 | } |
@@ -1546,6 +1569,7 | |||||
|
1546 | return Element.writeAttribute(cache[tagName].cloneNode(false), attributes); |
|
1569 | return Element.writeAttribute(cache[tagName].cloneNode(false), attributes); |
|
1547 | }; |
|
1570 | }; |
|
1548 | Object.extend(this.Element, element || { }); |
|
1571 | Object.extend(this.Element, element || { }); |
|
|
1572 | + if (element) this.Element.prototype = element.prototype; | ||
|
1549 | }).call(window); |
|
1573 | }).call(window); |
|
1550 |
|
1574 | ||
|
1551 | Element.cache = { }; |
|
1575 | Element.cache = { }; |
@@ -1562,12 +1586,14 | |||||
|
1562 | }, |
|
1586 | }, |
|
1563 |
|
1587 | ||
|
1564 | hide: function(element) { |
|
1588 | hide: function(element) { |
|
1565 | - $(element).style.display = 'none'; |
|
1589 | + element = $(element); |
|
|
1590 | + element.style.display = 'none'; | ||
|
1566 | return element; |
|
1591 | return element; |
|
1567 | }, |
|
1592 | }, |
|
1568 |
|
1593 | ||
|
1569 | show: function(element) { |
|
1594 | show: function(element) { |
|
1570 | - $(element).style.display = ''; |
|
1595 | + element = $(element); |
|
|
1596 | + element.style.display = ''; | ||
|
1571 | return element; |
|
1597 | return element; |
|
1572 | }, |
|
1598 | }, |
|
1573 |
|
1599 | ||
@@ -1608,24 +1634,28 | |||||
|
1608 | Object.isElement(insertions) || (insertions && (insertions.toElement || insertions.toHTML))) |
|
1634 | Object.isElement(insertions) || (insertions && (insertions.toElement || insertions.toHTML))) |
|
1609 | insertions = {bottom:insertions}; |
|
1635 | insertions = {bottom:insertions}; |
|
1610 |
|
1636 | ||
|
1611 |
- var content, t, |
|
1637 | + var content, insert, tagName, childNodes; |
|
1612 | - |
|
1638 | + |
|
1613 | - for (position in insertions) { |
|
1639 | + for (var position in insertions) { |
|
1614 | content = insertions[position]; |
|
1640 | content = insertions[position]; |
|
1615 | position = position.toLowerCase(); |
|
1641 | position = position.toLowerCase(); |
|
1616 | - t = Element._insertionTranslations[position]; |
|
1642 | + insert = Element._insertionTranslations[position]; |
|
1617 |
|
1643 | ||
|
1618 | if (content && content.toElement) content = content.toElement(); |
|
1644 | if (content && content.toElement) content = content.toElement(); |
|
1619 | if (Object.isElement(content)) { |
|
1645 | if (Object.isElement(content)) { |
|
1620 |
- |
|
1646 | + insert(element, content); |
|
1621 | continue; |
|
1647 | continue; |
|
1622 | } |
|
1648 | } |
|
1623 |
|
1649 | ||
|
1624 | content = Object.toHTML(content); |
|
1650 | content = Object.toHTML(content); |
|
1625 |
|
1651 | ||
|
1626 | - range = element.ownerDocument.createRange(); |
|
1652 | + tagName = ((position == 'before' || position == 'after') |
|
1627 | - t.initializeRange(element, range); |
|
1653 | + ? element.parentNode : element).tagName.toUpperCase(); |
|
1628 | - t.insert(element, range.createContextualFragment(content.stripScripts())); |
|
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 | content.evalScripts.bind(content).defer(); |
|
1660 | content.evalScripts.bind(content).defer(); |
|
1631 | } |
|
1661 | } |
@@ -1670,7 +1700,7 | |||||
|
1670 | }, |
|
1700 | }, |
|
1671 |
|
1701 | ||
|
1672 | descendants: function(element) { |
|
1702 | descendants: function(element) { |
|
1673 |
- return $(element). |
|
1703 | + return $(element).select("*"); |
|
1674 | }, |
|
1704 | }, |
|
1675 |
|
1705 | ||
|
1676 | firstDescendant: function(element) { |
|
1706 | firstDescendant: function(element) { |
@@ -1709,32 +1739,31 | |||||
|
1709 | element = $(element); |
|
1739 | element = $(element); |
|
1710 | if (arguments.length == 1) return $(element.parentNode); |
|
1740 | if (arguments.length == 1) return $(element.parentNode); |
|
1711 | var ancestors = element.ancestors(); |
|
1741 | var ancestors = element.ancestors(); |
|
1712 |
- return expression ? |
|
1742 | + return Object.isNumber(expression) ? ancestors[expression] : |
|
1713 | - ancestors[index || 0]; |
|
1743 | + Selector.findElement(ancestors, expression, index); |
|
1714 | }, |
|
1744 | }, |
|
1715 |
|
1745 | ||
|
1716 | down: function(element, expression, index) { |
|
1746 | down: function(element, expression, index) { |
|
1717 | element = $(element); |
|
1747 | element = $(element); |
|
1718 | if (arguments.length == 1) return element.firstDescendant(); |
|
1748 | if (arguments.length == 1) return element.firstDescendant(); |
|
1719 | - var descendants = element.descendants(); |
|
1749 | + return Object.isNumber(expression) ? element.descendants()[expression] : |
|
1720 | - return expression ? Selector.findElement(descendants, expression, index) : |
|
1750 | + Element.select(element, expression)[index || 0]; |
|
1721 | - descendants[index || 0]; |
|
||
|
1722 | }, |
|
1751 | }, |
|
1723 |
|
1752 | ||
|
1724 | previous: function(element, expression, index) { |
|
1753 | previous: function(element, expression, index) { |
|
1725 | element = $(element); |
|
1754 | element = $(element); |
|
1726 | if (arguments.length == 1) return $(Selector.handlers.previousElementSibling(element)); |
|
1755 | if (arguments.length == 1) return $(Selector.handlers.previousElementSibling(element)); |
|
1727 | var previousSiblings = element.previousSiblings(); |
|
1756 | var previousSiblings = element.previousSiblings(); |
|
1728 |
- return expression ? |
|
1757 | + return Object.isNumber(expression) ? previousSiblings[expression] : |
|
1729 | - previousSiblings[index || 0]; |
|
1758 | + Selector.findElement(previousSiblings, expression, index); |
|
1730 | }, |
|
1759 | }, |
|
1731 |
|
1760 | ||
|
1732 | next: function(element, expression, index) { |
|
1761 | next: function(element, expression, index) { |
|
1733 | element = $(element); |
|
1762 | element = $(element); |
|
1734 | if (arguments.length == 1) return $(Selector.handlers.nextElementSibling(element)); |
|
1763 | if (arguments.length == 1) return $(Selector.handlers.nextElementSibling(element)); |
|
1735 | var nextSiblings = element.nextSiblings(); |
|
1764 | var nextSiblings = element.nextSiblings(); |
|
1736 |
- return expression ? |
|
1765 | + return Object.isNumber(expression) ? nextSiblings[expression] : |
|
1737 | - nextSiblings[index || 0]; |
|
1766 | + Selector.findElement(nextSiblings, expression, index); |
|
1738 | }, |
|
1767 | }, |
|
1739 |
|
1768 | ||
|
1740 | select: function() { |
|
1769 | select: function() { |
@@ -1848,23 +1877,16 | |||||
|
1848 |
|
1877 | ||
|
1849 | descendantOf: function(element, ancestor) { |
|
1878 | descendantOf: function(element, ancestor) { |
|
1850 | element = $(element), ancestor = $(ancestor); |
|
1879 | element = $(element), ancestor = $(ancestor); |
|
1851 | - var originalAncestor = ancestor; |
|
||
|
1852 |
|
1880 | ||
|
1853 | if (element.compareDocumentPosition) |
|
1881 | if (element.compareDocumentPosition) |
|
1854 | return (element.compareDocumentPosition(ancestor) & 8) === 8; |
|
1882 | return (element.compareDocumentPosition(ancestor) & 8) === 8; |
|
1855 |
|
1883 | ||
|
1856 | - if (element.sourceIndex && !Prototype.Browser.Opera) { |
|
1884 | + if (ancestor.contains) |
|
1857 | - var e = element.sourceIndex, a = ancestor.sourceIndex, |
|
1885 | + return ancestor.contains(element) && ancestor !== element; |
|
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 | - } |
|
||
|
1865 |
|
1886 | ||
|
1866 | while (element = element.parentNode) |
|
1887 | while (element = element.parentNode) |
|
1867 |
- if (element == |
|
1888 | + if (element == ancestor) return true; |
|
|
1889 | + | ||
|
1868 | return false; |
|
1890 | return false; |
|
1869 | }, |
|
1891 | }, |
|
1870 |
|
1892 | ||
@@ -1879,7 +1901,7 | |||||
|
1879 | element = $(element); |
|
1901 | element = $(element); |
|
1880 | style = style == 'float' ? 'cssFloat' : style.camelize(); |
|
1902 | style = style == 'float' ? 'cssFloat' : style.camelize(); |
|
1881 | var value = element.style[style]; |
|
1903 | var value = element.style[style]; |
|
1882 | - if (!value) { |
|
1904 | + if (!value || value == 'auto') { |
|
1883 | var css = document.defaultView.getComputedStyle(element, null); |
|
1905 | var css = document.defaultView.getComputedStyle(element, null); |
|
1884 | value = css ? css[style] : null; |
|
1906 | value = css ? css[style] : null; |
|
1885 | } |
|
1907 | } |
@@ -1918,7 +1940,7 | |||||
|
1918 |
|
1940 | ||
|
1919 | getDimensions: function(element) { |
|
1941 | getDimensions: function(element) { |
|
1920 | element = $(element); |
|
1942 | element = $(element); |
|
1921 |
- var display = |
|
1943 | + var display = element.getStyle('display'); |
|
1922 | if (display != 'none' && display != null) // Safari bug |
|
1944 | if (display != 'none' && display != null) // Safari bug |
|
1923 | return {width: element.offsetWidth, height: element.offsetHeight}; |
|
1945 | return {width: element.offsetWidth, height: element.offsetHeight}; |
|
1924 |
|
1946 | ||
@@ -1947,7 +1969,7 | |||||
|
1947 | element.style.position = 'relative'; |
|
1969 | element.style.position = 'relative'; |
|
1948 | // Opera returns the offset relative to the positioning context, when an |
|
1970 | // Opera returns the offset relative to the positioning context, when an |
|
1949 | // element is position relative but top and left have not been defined |
|
1971 | // element is position relative but top and left have not been defined |
|
1950 |
- if ( |
|
1972 | + if (Prototype.Browser.Opera) { |
|
1951 | element.style.top = 0; |
|
1973 | element.style.top = 0; |
|
1952 | element.style.left = 0; |
|
1974 | element.style.left = 0; |
|
1953 | } |
|
1975 | } |
@@ -2002,9 +2024,9 | |||||
|
2002 | valueL += element.offsetLeft || 0; |
|
2024 | valueL += element.offsetLeft || 0; |
|
2003 | element = element.offsetParent; |
|
2025 | element = element.offsetParent; |
|
2004 | if (element) { |
|
2026 | if (element) { |
|
2005 | - if (element.tagName == 'BODY') break; |
|
2027 | + if (element.tagName.toUpperCase() == 'BODY') break; |
|
2006 | var p = Element.getStyle(element, 'position'); |
|
2028 | var p = Element.getStyle(element, 'position'); |
|
2007 |
- if (p == ' |
|
2029 | + if (p !== 'static') break; |
|
2008 | } |
|
2030 | } |
|
2009 | } while (element); |
|
2031 | } while (element); |
|
2010 | return Element._returnOffset(valueL, valueT); |
|
2032 | return Element._returnOffset(valueL, valueT); |
@@ -2012,7 +2034,7 | |||||
|
2012 |
|
2034 | ||
|
2013 | absolutize: function(element) { |
|
2035 | absolutize: function(element) { |
|
2014 | element = $(element); |
|
2036 | element = $(element); |
|
2015 | - if (element.getStyle('position') == 'absolute') return; |
|
2037 | + if (element.getStyle('position') == 'absolute') return element; |
|
2016 | // Position.prepare(); // To be done manually by Scripty when it needs it. |
|
2038 | // Position.prepare(); // To be done manually by Scripty when it needs it. |
|
2017 |
|
2039 | ||
|
2018 | var offsets = element.positionedOffset(); |
|
2040 | var offsets = element.positionedOffset(); |
@@ -2036,7 +2058,7 | |||||
|
2036 |
|
2058 | ||
|
2037 | relativize: function(element) { |
|
2059 | relativize: function(element) { |
|
2038 | element = $(element); |
|
2060 | element = $(element); |
|
2039 | - if (element.getStyle('position') == 'relative') return; |
|
2061 | + if (element.getStyle('position') == 'relative') return element; |
|
2040 | // Position.prepare(); // To be done manually by Scripty when it needs it. |
|
2062 | // Position.prepare(); // To be done manually by Scripty when it needs it. |
|
2041 |
|
2063 | ||
|
2042 | element.style.position = 'relative'; |
|
2064 | element.style.position = 'relative'; |
@@ -2087,7 +2109,7 | |||||
|
2087 |
|
2109 | ||
|
2088 | element = forElement; |
|
2110 | element = forElement; |
|
2089 | do { |
|
2111 | do { |
|
2090 | - if (!Prototype.Browser.Opera || element.tagName == 'BODY') { |
|
2112 | + if (!Prototype.Browser.Opera || (element.tagName && (element.tagName.toUpperCase() == 'BODY'))) { |
|
2091 | valueT -= element.scrollTop || 0; |
|
2113 | valueT -= element.scrollTop || 0; |
|
2092 | valueL -= element.scrollLeft || 0; |
|
2114 | valueL -= element.scrollLeft || 0; |
|
2093 | } |
|
2115 | } |
@@ -2153,46 +2175,6 | |||||
|
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 | if (Prototype.Browser.Opera) { |
|
2178 | if (Prototype.Browser.Opera) { |
|
2197 | Element.Methods.getStyle = Element.Methods.getStyle.wrap( |
|
2179 | Element.Methods.getStyle = Element.Methods.getStyle.wrap( |
|
2198 | function(proceed, element, style) { |
|
2180 | function(proceed, element, style) { |
@@ -2237,12 +2219,36 | |||||
|
2237 | } |
|
2219 | } |
|
2238 |
|
2220 | ||
|
2239 | else if (Prototype.Browser.IE) { |
|
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 | Element.Methods[method] = Element.Methods[method].wrap( |
|
2240 | Element.Methods[method] = Element.Methods[method].wrap( |
|
2242 | function(proceed, element) { |
|
2241 | function(proceed, element) { |
|
2243 | element = $(element); |
|
2242 | element = $(element); |
|
|
2243 | + try { element.offsetParent } | ||
|
|
2244 | + catch(e) { return Element._returnOffset(0,0) } | ||
|
2244 | var position = element.getStyle('position'); |
|
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 | element.setStyle({ position: 'relative' }); |
|
2252 | element.setStyle({ position: 'relative' }); |
|
2247 | var value = proceed(element); |
|
2253 | var value = proceed(element); |
|
2248 | element.setStyle({ position: position }); |
|
2254 | element.setStyle({ position: position }); |
@@ -2251,6 +2257,14 | |||||
|
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 | Element.Methods.getStyle = function(element, style) { |
|
2268 | Element.Methods.getStyle = function(element, style) { |
|
2255 | element = $(element); |
|
2269 | element = $(element); |
|
2256 | style = (style == 'float' || style == 'cssFloat') ? 'styleFloat' : style.camelize(); |
|
2270 | style = (style == 'float' || style == 'cssFloat') ? 'styleFloat' : style.camelize(); |
@@ -2324,7 +2338,10 | |||||
|
2324 | }; |
|
2338 | }; |
|
2325 |
|
2339 | ||
|
2326 | Element._attributeTranslations.write = { |
|
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 | values: { |
|
2345 | values: { |
|
2329 | checked: function(element, value) { |
|
2346 | checked: function(element, value) { |
|
2330 | element.checked = !!value; |
|
2347 | element.checked = !!value; |
@@ -2339,7 +2356,7 | |||||
|
2339 | Element._attributeTranslations.has = {}; |
|
2356 | Element._attributeTranslations.has = {}; |
|
2340 |
|
2357 | ||
|
2341 | $w('colSpan rowSpan vAlign dateTime accessKey tabIndex ' + |
|
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 | Element._attributeTranslations.write.names[attr.toLowerCase()] = attr; |
|
2360 | Element._attributeTranslations.write.names[attr.toLowerCase()] = attr; |
|
2344 | Element._attributeTranslations.has[attr.toLowerCase()] = attr; |
|
2361 | Element._attributeTranslations.has[attr.toLowerCase()] = attr; |
|
2345 | }); |
|
2362 | }); |
@@ -2392,7 +2409,7 | |||||
|
2392 | (value < 0.00001) ? 0 : value; |
|
2409 | (value < 0.00001) ? 0 : value; |
|
2393 |
|
2410 | ||
|
2394 | if (value == 1) |
|
2411 | if (value == 1) |
|
2395 | - if(element.tagName == 'IMG' && element.width) { |
|
2412 | + if(element.tagName.toUpperCase() == 'IMG' && element.width) { |
|
2396 | element.width++; element.width--; |
|
2413 | element.width++; element.width--; |
|
2397 | } else try { |
|
2414 | } else try { |
|
2398 | var n = document.createTextNode(' '); |
|
2415 | var n = document.createTextNode(' '); |
@@ -2444,7 +2461,7 | |||||
|
2444 | }; |
|
2461 | }; |
|
2445 | } |
|
2462 | } |
|
2446 |
|
2463 | ||
|
2447 |
- if (document.createElement('div') |
|
2464 | + if ('outerHTML' in document.createElement('div')) { |
|
2448 | Element.Methods.replace = function(element, content) { |
|
2465 | Element.Methods.replace = function(element, content) { |
|
2449 | element = $(element); |
|
2466 | element = $(element); |
|
2450 |
|
2467 | ||
@@ -2482,45 +2499,25 | |||||
|
2482 |
|
2499 | ||
|
2483 | Element._getContentFromAnonymousElement = function(tagName, html) { |
|
2500 | Element._getContentFromAnonymousElement = function(tagName, html) { |
|
2484 | var div = new Element('div'), t = Element._insertionTranslations.tags[tagName]; |
|
2501 | var div = new Element('div'), t = Element._insertionTranslations.tags[tagName]; |
|
2485 | - div.innerHTML = t[0] + html + t[1]; |
|
2502 | + if (t) { |
|
2486 | - t[2].times(function() { div = div.firstChild }); |
|
2503 | + div.innerHTML = t[0] + html + t[1]; |
|
|
2504 | + t[2].times(function() { div = div.firstChild }); | ||
|
|
2505 | + } else div.innerHTML = html; | ||
|
2487 | return $A(div.childNodes); |
|
2506 | return $A(div.childNodes); |
|
2488 | }; |
|
2507 | }; |
|
2489 |
|
2508 | ||
|
2490 | Element._insertionTranslations = { |
|
2509 | Element._insertionTranslations = { |
|
2491 | - before: { |
|
2510 | + before: function(element, node) { |
|
2492 | - adjacency: 'beforeBegin', |
|
2511 | + element.parentNode.insertBefore(node, element); |
|
2493 | - insert: function(element, node) { |
|
2512 | + }, |
|
2494 | - element.parentNode.insertBefore(node, element); |
|
2513 | + top: function(element, node) { |
|
2495 | - }, |
|
2514 | + element.insertBefore(node, element.firstChild); |
|
2496 | - initializeRange: function(element, range) { |
|
2515 | + }, |
|
2497 | - range.setStartBefore(element); |
|
2516 | + bottom: function(element, node) { |
|
2498 | - } |
|
2517 | + element.appendChild(node); |
|
2499 | - }, |
|
2518 | + }, |
|
2500 | - top: { |
|
2519 | + after: function(element, node) { |
|
2501 | - adjacency: 'afterBegin', |
|
2520 | + element.parentNode.insertBefore(node, element.nextSibling); |
|
2502 | - insert: function(element, node) { |
|
||
|
2503 | - element.insertBefore(node, element.firstChild); |
|
||
|
2504 | - }, |
|
||
|
2505 | - initializeRange: function(element, range) { |
|
||
|
2506 | - range.selectNodeContents(element); |
|
||
|
2507 | - range.collapse(true); |
|
||
|
2508 | - } |
|
||
|
2509 | - }, |
|
||
|
2510 | - bottom: { |
|
||
|
2511 | - adjacency: 'beforeEnd', |
|
||
|
2512 | - insert: function(element, node) { |
|
||
|
2513 | - element.appendChild(node); |
|
||
|
2514 | - } |
|
||
|
2515 | - }, |
|
||
|
2516 | - after: { |
|
||
|
2517 | - adjacency: 'afterEnd', |
|
||
|
2518 | - insert: function(element, node) { |
|
||
|
2519 | - element.parentNode.insertBefore(node, element.nextSibling); |
|
||
|
2520 | - }, |
|
||
|
2521 | - initializeRange: function(element, range) { |
|
||
|
2522 | - range.setStartAfter(element); |
|
||
|
2523 | - } |
|
||
|
2524 | }, |
|
2521 | }, |
|
2525 | tags: { |
|
2522 | tags: { |
|
2526 | TABLE: ['<table>', '</table>', 1], |
|
2523 | TABLE: ['<table>', '</table>', 1], |
@@ -2532,7 +2529,6 | |||||
|
2532 | }; |
|
2529 | }; |
|
2533 |
|
2530 | ||
|
2534 | (function() { |
|
2531 | (function() { |
|
2535 | - this.bottom.initializeRange = this.top.initializeRange; |
|
||
|
2536 | Object.extend(this.tags, { |
|
2532 | Object.extend(this.tags, { |
|
2537 | THEAD: this.tags.TBODY, |
|
2533 | THEAD: this.tags.TBODY, |
|
2538 | TFOOT: this.tags.TBODY, |
|
2534 | TFOOT: this.tags.TBODY, |
@@ -2544,7 +2540,7 | |||||
|
2544 | hasAttribute: function(element, attribute) { |
|
2540 | hasAttribute: function(element, attribute) { |
|
2545 | attribute = Element._attributeTranslations.has[attribute] || attribute; |
|
2541 | attribute = Element._attributeTranslations.has[attribute] || attribute; |
|
2546 | var node = $(element).getAttributeNode(attribute); |
|
2542 | var node = $(element).getAttributeNode(attribute); |
|
2547 | - return node && node.specified; |
|
2543 | + return !!(node && node.specified); |
|
2548 | } |
|
2544 | } |
|
2549 | }; |
|
2545 | }; |
|
2550 |
|
2546 | ||
@@ -2553,9 +2549,9 | |||||
|
2553 | Object.extend(Element, Element.Methods); |
|
2549 | Object.extend(Element, Element.Methods); |
|
2554 |
|
2550 | ||
|
2555 | if (!Prototype.BrowserFeatures.ElementExtensions && |
|
2551 | if (!Prototype.BrowserFeatures.ElementExtensions && |
|
2556 |
- document.createElement('div') |
|
2552 | + document.createElement('div')['__proto__']) { |
|
2557 | window.HTMLElement = { }; |
|
2553 | window.HTMLElement = { }; |
|
2558 |
- window.HTMLElement.prototype = document.createElement('div') |
|
2554 | + window.HTMLElement.prototype = document.createElement('div')['__proto__']; |
|
2559 | Prototype.BrowserFeatures.ElementExtensions = true; |
|
2555 | Prototype.BrowserFeatures.ElementExtensions = true; |
|
2560 | } |
|
2556 | } |
|
2561 |
|
2557 | ||
@@ -2570,7 +2566,7 | |||||
|
2570 | element.nodeType != 1 || element == window) return element; |
|
2566 | element.nodeType != 1 || element == window) return element; |
|
2571 |
|
2567 | ||
|
2572 | var methods = Object.clone(Methods), |
|
2568 | var methods = Object.clone(Methods), |
|
2573 | - tagName = element.tagName, property, value; |
|
2569 | + tagName = element.tagName.toUpperCase(), property, value; |
|
2574 |
|
2570 | ||
|
2575 | // extend methods for specific tags |
|
2571 | // extend methods for specific tags |
|
2576 | if (ByTag[tagName]) Object.extend(methods, ByTag[tagName]); |
|
2572 | if (ByTag[tagName]) Object.extend(methods, ByTag[tagName]); |
@@ -2666,7 +2662,7 | |||||
|
2666 | if (window[klass]) return window[klass]; |
|
2662 | if (window[klass]) return window[klass]; |
|
2667 |
|
2663 | ||
|
2668 | window[klass] = { }; |
|
2664 | window[klass] = { }; |
|
2669 |
- window[klass].prototype = document.createElement(tagName) |
|
2665 | + window[klass].prototype = document.createElement(tagName)['__proto__']; |
|
2670 | return window[klass]; |
|
2666 | return window[klass]; |
|
2671 | } |
|
2667 | } |
|
2672 |
|
2668 | ||
@@ -2692,12 +2688,18 | |||||
|
2692 |
|
2688 | ||
|
2693 | document.viewport = { |
|
2689 | document.viewport = { |
|
2694 | getDimensions: function() { |
|
2690 | getDimensions: function() { |
|
2695 | - var dimensions = { }; |
|
2691 | + var dimensions = { }, B = Prototype.Browser; |
|
2696 | - var B = Prototype.Browser; |
|
||
|
2697 | $w('width height').each(function(d) { |
|
2692 | $w('width height').each(function(d) { |
|
2698 | var D = d.capitalize(); |
|
2693 | var D = d.capitalize(); |
|
2699 |
- |
|
2694 | + if (B.WebKit && !document.evaluate) { |
|
2700 | - (B.Opera) ? document.body['client' + D] : document.documentElement['client' + D]; |
|
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 | return dimensions; |
|
2704 | return dimensions; |
|
2703 | }, |
|
2705 | }, |
@@ -2716,14 +2718,24 | |||||
|
2716 | window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop); |
|
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 | * part of YUI-Ext version 0.40, distributed under the terms of an MIT-style |
|
2722 | * part of YUI-Ext version 0.40, distributed under the terms of an MIT-style |
|
2721 | * license. Please see http://www.yui-ext.com/ for more information. */ |
|
2723 | * license. Please see http://www.yui-ext.com/ for more information. */ |
|
2722 |
|
2724 | ||
|
2723 | var Selector = Class.create({ |
|
2725 | var Selector = Class.create({ |
|
2724 | initialize: function(expression) { |
|
2726 | initialize: function(expression) { |
|
2725 | this.expression = expression.strip(); |
|
2727 | this.expression = expression.strip(); |
|
2726 | - this.compileMatcher(); |
|
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"; | ||
|
|
2736 | + this.compileMatcher(); | ||
|
|
2737 | + } | ||
|
|
2738 | + | ||
|
2727 | }, |
|
2739 | }, |
|
2728 |
|
2740 | ||
|
2729 | shouldUseXPath: function() { |
|
2741 | shouldUseXPath: function() { |
@@ -2738,16 +2750,29 | |||||
|
2738 |
|
2750 | ||
|
2739 | // XPath can't do namespaced attributes, nor can it read |
|
2751 | // XPath can't do namespaced attributes, nor can it read |
|
2740 | // the "checked" property from DOM nodes |
|
2752 | // the "checked" property from DOM nodes |
|
2741 |
- if ((/(\[[\w-]*?:|:checked)/).test( |
|
2753 | + if ((/(\[[\w-]*?:|:checked)/).test(e)) |
|
2742 | return false; |
|
2754 | return false; |
|
2743 |
|
2755 | ||
|
2744 | return true; |
|
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 | compileMatcher: function() { |
|
2775 | compileMatcher: function() { |
|
2748 | - if (this.shouldUseXPath()) |
|
||
|
2749 | - return this.compileXPathMatcher(); |
|
||
|
2750 | - |
|
||
|
2751 | var e = this.expression, ps = Selector.patterns, h = Selector.handlers, |
|
2776 | var e = this.expression, ps = Selector.patterns, h = Selector.handlers, |
|
2752 | c = Selector.criteria, le, p, m; |
|
2777 | c = Selector.criteria, le, p, m; |
|
2753 |
|
2778 | ||
@@ -2765,7 +2790,7 | |||||
|
2765 | p = ps[i]; |
|
2790 | p = ps[i]; |
|
2766 | if (m = e.match(p)) { |
|
2791 | if (m = e.match(p)) { |
|
2767 | this.matcher.push(Object.isFunction(c[i]) ? c[i](m) : |
|
2792 | this.matcher.push(Object.isFunction(c[i]) ? c[i](m) : |
|
2768 |
- |
|
2793 | + new Template(c[i]).evaluate(m)); |
|
2769 | e = e.replace(m[0], ''); |
|
2794 | e = e.replace(m[0], ''); |
|
2770 | break; |
|
2795 | break; |
|
2771 | } |
|
2796 | } |
@@ -2804,8 +2829,27 | |||||
|
2804 |
|
2829 | ||
|
2805 | findElements: function(root) { |
|
2830 | findElements: function(root) { |
|
2806 | root = root || document; |
|
2831 | root = root || document; |
|
2807 | - if (this.xpath) return document._getElementsByXPath(this.xpath, root); |
|
2832 | + var e = this.expression, results; |
|
2808 | - return this.matcher(root); |
|
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: | ||
|
|
2851 | + return this.matcher(root); | ||
|
|
2852 | + } | ||
|
2809 | }, |
|
2853 | }, |
|
2810 |
|
2854 | ||
|
2811 | match: function(element) { |
|
2855 | match: function(element) { |
@@ -2896,10 +2940,10 | |||||
|
2896 | 'first-child': '[not(preceding-sibling::*)]', |
|
2940 | 'first-child': '[not(preceding-sibling::*)]', |
|
2897 | 'last-child': '[not(following-sibling::*)]', |
|
2941 | 'last-child': '[not(following-sibling::*)]', |
|
2898 | 'only-child': '[not(preceding-sibling::* or following-sibling::*)]', |
|
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 | 'checked': "[@checked]", |
|
2944 | 'checked': "[@checked]", |
|
2901 | - 'disabled': "[@disabled]", |
|
2945 | + 'disabled': "[(@disabled) and (@type!='hidden')]", |
|
2902 | - 'enabled': "[not(@disabled)]", |
|
2946 | + 'enabled': "[not(@disabled) and (@type!='hidden')]", |
|
2903 | 'not': function(m) { |
|
2947 | 'not': function(m) { |
|
2904 | var e = m[6], p = Selector.patterns, |
|
2948 | var e = m[6], p = Selector.patterns, |
|
2905 | x = Selector.xpath, le, v; |
|
2949 | x = Selector.xpath, le, v; |
@@ -2959,13 +3003,13 | |||||
|
2959 | }, |
|
3003 | }, |
|
2960 |
|
3004 | ||
|
2961 | criteria: { |
|
3005 | criteria: { |
|
2962 | - tagName: 'n = h.tagName(n, r, "#{1}", c); c = false;', |
|
3006 | + tagName: 'n = h.tagName(n, r, "#{1}", c); c = false;', |
|
2963 | - className: 'n = h.className(n, r, "#{1}", c); c = false;', |
|
3007 | + className: 'n = h.className(n, r, "#{1}", c); c = false;', |
|
2964 | - id: 'n = h.id(n, r, "#{1}", c); c = false;', |
|
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 | attr: function(m) { |
|
3010 | attr: function(m) { |
|
2967 | m[3] = (m[5] || m[6]); |
|
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 | pseudo: function(m) { |
|
3014 | pseudo: function(m) { |
|
2971 | if (m[6]) m[6] = m[6].replace(/"/g, '\\"'); |
|
3015 | if (m[6]) m[6] = m[6].replace(/"/g, '\\"'); |
@@ -2989,8 +3033,9 | |||||
|
2989 | tagName: /^\s*(\*|[\w\-]+)(\b|$)?/, |
|
3033 | tagName: /^\s*(\*|[\w\-]+)(\b|$)?/, |
|
2990 | id: /^#([\w\-\*]+)(\b|$)/, |
|
3034 | id: /^#([\w\-\*]+)(\b|$)/, |
|
2991 | className: /^\.([\w\-\*]+)(\b|$)/, |
|
3035 | className: /^\.([\w\-\*]+)(\b|$)/, |
|
2992 | - pseudo: /^:((first|last|nth|nth-last|only)(-child|-of-type)|empty|checked|(en|dis)abled|not)(\((.*?)\))?(\b|$|(?=\s)|(?=:))/, |
|
3036 | + pseudo: |
|
2993 | - attrPresence: /^\[([\w]+)\]/, |
|
3037 | + /^:((first|last|nth|nth-last|only)(-child|-of-type)|empty|checked|(en|dis)abled|not)(\((.*?)\))?(\b|$|(?=\s|[:+~>]))/, |
|
|
3038 | + attrPresence: /^\[((?:[\w]+:)?[\w]+)\]/, | ||
|
2994 | attr: /\[((?:[\w-]*:)?[\w-]+)\s*(?:([!^$*~|]?=)\s*((['"])([^\4]*?)\4|([^'"][^\]]*?)))?\]/ |
|
3039 | attr: /\[((?:[\w-]*:)?[\w-]+)\s*(?:([!^$*~|]?=)\s*((['"])([^\4]*?)\4|([^'"][^\]]*?)))?\]/ |
|
2995 | }, |
|
3040 | }, |
|
2996 |
|
3041 | ||
@@ -3014,7 +3059,7 | |||||
|
3014 |
|
3059 | ||
|
3015 | attr: function(element, matches) { |
|
3060 | attr: function(element, matches) { |
|
3016 | var nodeValue = Element.readAttribute(element, matches[1]); |
|
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 | ||
@@ -3029,14 +3074,15 | |||||
|
3029 |
|
3074 | ||
|
3030 | // marks an array of nodes for counting |
|
3075 | // marks an array of nodes for counting |
|
3031 | mark: function(nodes) { |
|
3076 | mark: function(nodes) { |
|
|
3077 | + var _true = Prototype.emptyFunction; | ||
|
3032 | for (var i = 0, node; node = nodes[i]; i++) |
|
3078 | for (var i = 0, node; node = nodes[i]; i++) |
|
3033 | - node._counted = true; |
|
3079 | + node._countedByPrototype = _true; |
|
3034 | return nodes; |
|
3080 | return nodes; |
|
3035 | }, |
|
3081 | }, |
|
3036 |
|
3082 | ||
|
3037 | unmark: function(nodes) { |
|
3083 | unmark: function(nodes) { |
|
3038 | for (var i = 0, node; node = nodes[i]; i++) |
|
3084 | for (var i = 0, node; node = nodes[i]; i++) |
|
3039 | - node._counted = undefined; |
|
3085 | + node._countedByPrototype = undefined; |
|
3040 | return nodes; |
|
3086 | return nodes; |
|
3041 | }, |
|
3087 | }, |
|
3042 |
|
3088 | ||
@@ -3044,15 +3090,15 | |||||
|
3044 | // "ofType" flag indicates whether we're indexing for nth-of-type |
|
3090 | // "ofType" flag indicates whether we're indexing for nth-of-type |
|
3045 | // rather than nth-child |
|
3091 | // rather than nth-child |
|
3046 | index: function(parentNode, reverse, ofType) { |
|
3092 | index: function(parentNode, reverse, ofType) { |
|
3047 |
- parentNode._counted = |
|
3093 | + parentNode._countedByPrototype = Prototype.emptyFunction; |
|
3048 | if (reverse) { |
|
3094 | if (reverse) { |
|
3049 | for (var nodes = parentNode.childNodes, i = nodes.length - 1, j = 1; i >= 0; i--) { |
|
3095 | for (var nodes = parentNode.childNodes, i = nodes.length - 1, j = 1; i >= 0; i--) { |
|
3050 | var node = nodes[i]; |
|
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 | } else { |
|
3099 | } else { |
|
3054 | for (var i = 0, j = 1, nodes = parentNode.childNodes; node = nodes[i]; i++) |
|
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 | ||
@@ -3061,8 +3107,8 | |||||
|
3061 | if (nodes.length == 0) return nodes; |
|
3107 | if (nodes.length == 0) return nodes; |
|
3062 | var results = [], n; |
|
3108 | var results = [], n; |
|
3063 | for (var i = 0, l = nodes.length; i < l; i++) |
|
3109 | for (var i = 0, l = nodes.length; i < l; i++) |
|
3064 | - if (!(n = nodes[i])._counted) { |
|
3110 | + if (!(n = nodes[i])._countedByPrototype) { |
|
3065 |
- n._counted = |
|
3111 | + n._countedByPrototype = Prototype.emptyFunction; |
|
3066 | results.push(Element.extend(n)); |
|
3112 | results.push(Element.extend(n)); |
|
3067 | } |
|
3113 | } |
|
3068 | return Selector.handlers.unmark(results); |
|
3114 | return Selector.handlers.unmark(results); |
@@ -3102,7 +3148,7 | |||||
|
3102 |
|
3148 | ||
|
3103 | nextElementSibling: function(node) { |
|
3149 | nextElementSibling: function(node) { |
|
3104 | while (node = node.nextSibling) |
|
3150 | while (node = node.nextSibling) |
|
3105 |
- |
|
3151 | + if (node.nodeType == 1) return node; |
|
3106 | return null; |
|
3152 | return null; |
|
3107 | }, |
|
3153 | }, |
|
3108 |
|
3154 | ||
@@ -3114,7 +3160,7 | |||||
|
3114 |
|
3160 | ||
|
3115 | // TOKEN FUNCTIONS |
|
3161 | // TOKEN FUNCTIONS |
|
3116 | tagName: function(nodes, root, tagName, combinator) { |
|
3162 | tagName: function(nodes, root, tagName, combinator) { |
|
3117 |
- |
|
3163 | + var uTagName = tagName.toUpperCase(); |
|
3118 | var results = [], h = Selector.handlers; |
|
3164 | var results = [], h = Selector.handlers; |
|
3119 | if (nodes) { |
|
3165 | if (nodes) { |
|
3120 | if (combinator) { |
|
3166 | if (combinator) { |
@@ -3127,7 +3173,7 | |||||
|
3127 | if (tagName == "*") return nodes; |
|
3173 | if (tagName == "*") return nodes; |
|
3128 | } |
|
3174 | } |
|
3129 | for (var i = 0, node; node = nodes[i]; i++) |
|
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 | return results; |
|
3177 | return results; |
|
3132 | } else return root.getElementsByTagName(tagName); |
|
3178 | } else return root.getElementsByTagName(tagName); |
|
3133 | }, |
|
3179 | }, |
@@ -3174,16 +3220,18 | |||||
|
3174 | return results; |
|
3220 | return results; |
|
3175 | }, |
|
3221 | }, |
|
3176 |
|
3222 | ||
|
3177 | - attrPresence: function(nodes, root, attr) { |
|
3223 | + attrPresence: function(nodes, root, attr, combinator) { |
|
3178 | if (!nodes) nodes = root.getElementsByTagName("*"); |
|
3224 | if (!nodes) nodes = root.getElementsByTagName("*"); |
|
|
3225 | + if (nodes && combinator) nodes = this[combinator](nodes); | ||
|
3179 | var results = []; |
|
3226 | var results = []; |
|
3180 | for (var i = 0, node; node = nodes[i]; i++) |
|
3227 | for (var i = 0, node; node = nodes[i]; i++) |
|
3181 | if (Element.hasAttribute(node, attr)) results.push(node); |
|
3228 | if (Element.hasAttribute(node, attr)) results.push(node); |
|
3182 | return results; |
|
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 | if (!nodes) nodes = root.getElementsByTagName("*"); |
|
3233 | if (!nodes) nodes = root.getElementsByTagName("*"); |
|
|
3234 | + if (nodes && combinator) nodes = this[combinator](nodes); | ||
|
3187 | var handler = Selector.operators[operator], results = []; |
|
3235 | var handler = Selector.operators[operator], results = []; |
|
3188 | for (var i = 0, node; node = nodes[i]; i++) { |
|
3236 | for (var i = 0, node; node = nodes[i]; i++) { |
|
3189 | var nodeValue = Element.readAttribute(node, attr); |
|
3237 | var nodeValue = Element.readAttribute(node, attr); |
@@ -3262,7 +3310,7 | |||||
|
3262 | var h = Selector.handlers, results = [], indexed = [], m; |
|
3310 | var h = Selector.handlers, results = [], indexed = [], m; |
|
3263 | h.mark(nodes); |
|
3311 | h.mark(nodes); |
|
3264 | for (var i = 0, node; node = nodes[i]; i++) { |
|
3312 | for (var i = 0, node; node = nodes[i]; i++) { |
|
3265 | - if (!node.parentNode._counted) { |
|
3313 | + if (!node.parentNode._countedByPrototype) { |
|
3266 | h.index(node.parentNode, reverse, ofType); |
|
3314 | h.index(node.parentNode, reverse, ofType); |
|
3267 | indexed.push(node.parentNode); |
|
3315 | indexed.push(node.parentNode); |
|
3268 | } |
|
3316 | } |
@@ -3289,7 +3337,7 | |||||
|
3289 | 'empty': function(nodes, value, root) { |
|
3337 | 'empty': function(nodes, value, root) { |
|
3290 | for (var i = 0, results = [], node; node = nodes[i]; i++) { |
|
3338 | for (var i = 0, results = [], node; node = nodes[i]; i++) { |
|
3291 | // IE treats comments as element nodes |
|
3339 | // IE treats comments as element nodes |
|
3292 |
- if (node.tagName == '!' || |
|
3340 | + if (node.tagName == '!' || node.firstChild) continue; |
|
3293 | results.push(node); |
|
3341 | results.push(node); |
|
3294 | } |
|
3342 | } |
|
3295 | return results; |
|
3343 | return results; |
@@ -3300,14 +3348,15 | |||||
|
3300 | var exclusions = new Selector(selector).findElements(root); |
|
3348 | var exclusions = new Selector(selector).findElements(root); |
|
3301 | h.mark(exclusions); |
|
3349 | h.mark(exclusions); |
|
3302 | for (var i = 0, results = [], node; node = nodes[i]; i++) |
|
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 | h.unmark(exclusions); |
|
3352 | h.unmark(exclusions); |
|
3305 | return results; |
|
3353 | return results; |
|
3306 | }, |
|
3354 | }, |
|
3307 |
|
3355 | ||
|
3308 | 'enabled': function(nodes, value, root) { |
|
3356 | 'enabled': function(nodes, value, root) { |
|
3309 | for (var i = 0, results = [], node; node = nodes[i]; i++) |
|
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 | return results; |
|
3360 | return results; |
|
3312 | }, |
|
3361 | }, |
|
3313 |
|
3362 | ||
@@ -3327,18 +3376,29 | |||||
|
3327 | operators: { |
|
3376 | operators: { |
|
3328 | '=': function(nv, v) { return nv == v; }, |
|
3377 | '=': function(nv, v) { return nv == v; }, |
|
3329 | '!=': function(nv, v) { return nv != v; }, |
|
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 | '$=': function(nv, v) { return nv.endsWith(v); }, |
|
3382 | '$=': function(nv, v) { return nv.endsWith(v); }, |
|
3332 | '*=': function(nv, v) { return nv.include(v); }, |
|
3383 | '*=': function(nv, v) { return nv.include(v); }, |
|
3333 | '~=': function(nv, v) { return (' ' + nv + ' ').include(' ' + v + ' '); }, |
|
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 | matchElements: function(elements, expression) { |
|
3397 | matchElements: function(elements, expression) { |
|
3338 |
- var matches = |
|
3398 | + var matches = $$(expression), h = Selector.handlers; |
|
3339 | h.mark(matches); |
|
3399 | h.mark(matches); |
|
3340 | for (var i = 0, results = [], element; element = elements[i]; i++) |
|
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 | h.unmark(matches); |
|
3402 | h.unmark(matches); |
|
3343 | return results; |
|
3403 | return results; |
|
3344 | }, |
|
3404 | }, |
@@ -3351,11 +3411,7 | |||||
|
3351 | }, |
|
3411 | }, |
|
3352 |
|
3412 | ||
|
3353 | findChildElements: function(element, expressions) { |
|
3413 | findChildElements: function(element, expressions) { |
|
3354 |
- |
|
3414 | + expressions = Selector.split(expressions.join(',')); |
|
3355 | - expressions = []; |
|
||
|
3356 | - exprs.scan(/(([\w#:.~>+()\s-]+|\*|\[.*?\])+)\s*(,|$)/, function(m) { |
|
||
|
3357 | - expressions.push(m[1].strip()); |
|
||
|
3358 | - }); |
|
||
|
3359 | var results = [], h = Selector.handlers; |
|
3415 | var results = [], h = Selector.handlers; |
|
3360 | for (var i = 0, l = expressions.length, selector; i < l; i++) { |
|
3416 | for (var i = 0, l = expressions.length, selector; i < l; i++) { |
|
3361 | selector = new Selector(expressions[i].strip()); |
|
3417 | selector = new Selector(expressions[i].strip()); |
@@ -3366,13 +3422,22 | |||||
|
3366 | }); |
|
3422 | }); |
|
3367 |
|
3423 | ||
|
3368 | if (Prototype.Browser.IE) { |
|
3424 | if (Prototype.Browser.IE) { |
|
3369 | - // IE returns comment nodes on getElementsByTagName("*"). |
|
3425 | + Object.extend(Selector.handlers, { |
|
3370 | - // Filter them out. |
|
3426 | + // IE returns comment nodes on getElementsByTagName("*"). |
|
3371 | - Selector.handlers.concat = function(a, b) { |
|
3427 | + // Filter them out. |
|
3372 | - for (var i = 0, node; node = b[i]; i++) |
|
3428 | + concat: function(a, b) { |
|
3373 | - if (node.tagName !== "!") a.push(node); |
|
3429 | + for (var i = 0, node; node = b[i]; i++) |
|
3374 | - return a; |
|
3430 | + if (node.tagName !== "!") a.push(node); |
|
3375 | - }; |
|
3431 | + return a; |
|
|
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 | function $$() { |
|
3443 | function $$() { |
@@ -3392,7 +3457,7 | |||||
|
3392 | var data = elements.inject({ }, function(result, element) { |
|
3457 | var data = elements.inject({ }, function(result, element) { |
|
3393 | if (!element.disabled && element.name) { |
|
3458 | if (!element.disabled && element.name) { |
|
3394 | key = element.name; value = $(element).getValue(); |
|
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 | submit !== false && (!submit || key == submit) && (submitted = true)))) { |
|
3461 | submit !== false && (!submit || key == submit) && (submitted = true)))) { |
|
3397 | if (key in result) { |
|
3462 | if (key in result) { |
|
3398 | // a key is already present; construct an array of values |
|
3463 | // a key is already present; construct an array of values |
@@ -3553,7 +3618,6 | |||||
|
3553 |
|
3618 | ||
|
3554 | disable: function(element) { |
|
3619 | disable: function(element) { |
|
3555 | element = $(element); |
|
3620 | element = $(element); |
|
3556 | - element.blur(); |
|
||
|
3557 | element.disabled = true; |
|
3621 | element.disabled = true; |
|
3558 | return element; |
|
3622 | return element; |
|
3559 | }, |
|
3623 | }, |
@@ -3593,22 +3657,22 | |||||
|
3593 | else element.value = value; |
|
3657 | else element.value = value; |
|
3594 | }, |
|
3658 | }, |
|
3595 |
|
3659 | ||
|
3596 |
- select: function(element, |
|
3660 | + select: function(element, value) { |
|
3597 |
- if (Object.isUndefined( |
|
3661 | + if (Object.isUndefined(value)) |
|
3598 | return this[element.type == 'select-one' ? |
|
3662 | return this[element.type == 'select-one' ? |
|
3599 | 'selectOne' : 'selectMany'](element); |
|
3663 | 'selectOne' : 'selectMany'](element); |
|
3600 | else { |
|
3664 | else { |
|
3601 |
- var opt, |
|
3665 | + var opt, currentValue, single = !Object.isArray(value); |
|
3602 | for (var i = 0, length = element.length; i < length; i++) { |
|
3666 | for (var i = 0, length = element.length; i < length; i++) { |
|
3603 | opt = element.options[i]; |
|
3667 | opt = element.options[i]; |
|
3604 |
- |
|
3668 | + currentValue = this.optionValue(opt); |
|
3605 | if (single) { |
|
3669 | if (single) { |
|
3606 |
- if ( |
|
3670 | + if (currentValue == value) { |
|
3607 | opt.selected = true; |
|
3671 | opt.selected = true; |
|
3608 | return; |
|
3672 | return; |
|
3609 | } |
|
3673 | } |
|
3610 | } |
|
3674 | } |
|
3611 |
- else opt.selected = |
|
3675 | + else opt.selected = value.include(currentValue); |
|
3612 | } |
|
3676 | } |
|
3613 | } |
|
3677 | } |
|
3614 | }, |
|
3678 | }, |
@@ -3779,8 +3843,23 | |||||
|
3779 | isRightClick: function(event) { return isButton(event, 2) }, |
|
3843 | isRightClick: function(event) { return isButton(event, 2) }, |
|
3780 |
|
3844 | ||
|
3781 | element: function(event) { |
|
3845 | element: function(event) { |
|
3782 |
- |
|
3846 | + event = Event.extend(event); |
|
3783 | - return Element.extend(node.nodeType == Node.TEXT_NODE ? node.parentNode : node); |
|
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 | findElement: function(event, expression) { |
|
3865 | findElement: function(event, expression) { |
@@ -3791,11 +3870,15 | |||||
|
3791 | }, |
|
3870 | }, |
|
3792 |
|
3871 | ||
|
3793 | pointer: function(event) { |
|
3872 | pointer: function(event) { |
|
|
3873 | + var docElement = document.documentElement, | ||
|
|
3874 | + body = document.body || { scrollLeft: 0, scrollTop: 0 }; | ||
|
3794 | return { |
|
3875 | return { |
|
3795 | x: event.pageX || (event.clientX + |
|
3876 | x: event.pageX || (event.clientX + |
|
3796 |
- (doc |
|
3877 | + (docElement.scrollLeft || body.scrollLeft) - |
|
|
3878 | + (docElement.clientLeft || 0)), | ||
|
3797 | y: event.pageY || (event.clientY + |
|
3879 | y: event.pageY || (event.clientY + |
|
3798 |
- (doc |
|
3880 | + (docElement.scrollTop || body.scrollTop) - |
|
|
3881 | + (docElement.clientTop || 0)) | ||
|
3799 | }; |
|
3882 | }; |
|
3800 | }, |
|
3883 | }, |
|
3801 |
|
3884 | ||
@@ -3840,7 +3923,7 | |||||
|
3840 | }; |
|
3923 | }; |
|
3841 |
|
3924 | ||
|
3842 | } else { |
|
3925 | } else { |
|
3843 |
- Event.prototype = Event.prototype || document.createEvent("HTMLEvents") |
|
3926 | + Event.prototype = Event.prototype || document.createEvent("HTMLEvents")['__proto__']; |
|
3844 | Object.extend(Event.prototype, methods); |
|
3927 | Object.extend(Event.prototype, methods); |
|
3845 | return Prototype.K; |
|
3928 | return Prototype.K; |
|
3846 | } |
|
3929 | } |
@@ -3850,9 +3933,9 | |||||
|
3850 | var cache = Event.cache; |
|
3933 | var cache = Event.cache; |
|
3851 |
|
3934 | ||
|
3852 | function getEventID(element) { |
|
3935 | function getEventID(element) { |
|
3853 | - if (element._eventID) return element._eventID; |
|
3936 | + if (element._prototypeEventID) return element._prototypeEventID[0]; |
|
3854 | arguments.callee.id = arguments.callee.id || 1; |
|
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 | function getDOMEventName(eventName) { |
|
3941 | function getDOMEventName(eventName) { |
@@ -3880,7 +3963,7 | |||||
|
3880 | return false; |
|
3963 | return false; |
|
3881 |
|
3964 | ||
|
3882 | Event.extend(event); |
|
3965 | Event.extend(event); |
|
3883 | - handler.call(element, event) |
|
3966 | + handler.call(element, event); |
|
3884 | }; |
|
3967 | }; |
|
3885 |
|
3968 | ||
|
3886 | wrapper.handler = handler; |
|
3969 | wrapper.handler = handler; |
@@ -3905,10 +3988,20 | |||||
|
3905 | cache[id][eventName] = null; |
|
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 | if (window.attachEvent) { |
|
3994 | if (window.attachEvent) { |
|
3909 | window.attachEvent("onunload", destroyCache); |
|
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 | return { |
|
4005 | return { |
|
3913 | observe: function(element, eventName, handler) { |
|
4006 | observe: function(element, eventName, handler) { |
|
3914 | element = $(element); |
|
4007 | element = $(element); |
@@ -3962,11 +4055,12 | |||||
|
3962 | if (element == document && document.createEvent && !element.dispatchEvent) |
|
4055 | if (element == document && document.createEvent && !element.dispatchEvent) |
|
3963 | element = document.documentElement; |
|
4056 | element = document.documentElement; |
|
3964 |
|
4057 | ||
|
|
4058 | + var event; | ||
|
3965 | if (document.createEvent) { |
|
4059 | if (document.createEvent) { |
|
3966 |
- |
|
4060 | + event = document.createEvent("HTMLEvents"); |
|
3967 | event.initEvent("dataavailable", true, true); |
|
4061 | event.initEvent("dataavailable", true, true); |
|
3968 | } else { |
|
4062 | } else { |
|
3969 |
- |
|
4063 | + event = document.createEventObject(); |
|
3970 | event.eventType = "ondataavailable"; |
|
4064 | event.eventType = "ondataavailable"; |
|
3971 | } |
|
4065 | } |
|
3972 |
|
4066 | ||
@@ -3995,20 +4089,21 | |||||
|
3995 | Object.extend(document, { |
|
4089 | Object.extend(document, { |
|
3996 | fire: Element.Methods.fire.methodize(), |
|
4090 | fire: Element.Methods.fire.methodize(), |
|
3997 | observe: Element.Methods.observe.methodize(), |
|
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 | (function() { |
|
4096 | (function() { |
|
4002 | /* Support for the DOMContentLoaded event is based on work by Dan Webb, |
|
4097 | /* Support for the DOMContentLoaded event is based on work by Dan Webb, |
|
4003 | Matthias Miller, Dean Edwards and John Resig. */ |
|
4098 | Matthias Miller, Dean Edwards and John Resig. */ |
|
4004 |
|
4099 | ||
|
4005 |
- var timer |
|
4100 | + var timer; |
|
4006 |
|
4101 | ||
|
4007 | function fireContentLoadedEvent() { |
|
4102 | function fireContentLoadedEvent() { |
|
4008 |
- if ( |
|
4103 | + if (document.loaded) return; |
|
4009 | if (timer) window.clearInterval(timer); |
|
4104 | if (timer) window.clearInterval(timer); |
|
4010 | document.fire("dom:loaded"); |
|
4105 | document.fire("dom:loaded"); |
|
4011 |
- |
|
4106 | + document.loaded = true; |
|
4012 | } |
|
4107 | } |
|
4013 |
|
4108 | ||
|
4014 | if (document.addEventListener) { |
|
4109 | if (document.addEventListener) { |
You need to be logged in to leave comments.
Login now