github/rails
1
1
Fork 0
mirror of https://github.com/github/rails.git synced 2026-04-26 03:00:59 -04:00
Code Issues Packages Projects Releases Wiki Activity

Added :highlight effect to do YFT automatically

Browse Source 
git-svn-id: http://svn-commit.rubyonrails.org/rails/trunk@1004 5ecf4fe2-1ee6-0310-87b1-e25e094e27de
This commit is contained in:
David Heinemeier Hansson
2005-03-26 15:01:11 +00:00
parent 9ca9f95aee
commit ae5f3c7488
2 changed files with 29 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
actionpack/lib/action_view/helpers/javascript_helper.rb
View File

@@ -159,7 +159,8 @@ module ActionView
js_options['asynchronous'] = options[:type] != :synchronous
js_options['method'] = options[:method] if options[:method]
js_options['effect'] = ("\'"+options[:effect].to_s+"\'") if options[:effect]
if options[:form]
js_options['parameters'] = 'Form.serialize(this)'
elsif options[:with]

27
actionpack/lib/action_view/helpers/javascripts/prototype.js vendored
View File

@@ -203,6 +203,9 @@ Ajax.Updater.prototype = (new Ajax.Base()).extend({
updateContent: function() {
this.container.innerHTML = this.request.transport.responseText;
switch(this.options.effect) {
case 'highlight': new YellowFader(this.container); break;
}
if (this.onComplete) this.onComplete(this.request);
}
});
@@ -346,3 +349,27 @@ Form.Observer.prototype = (new Abstract.TimedObserver()).extend({
}
});
/*--------------------------------------------------------------------------*/
var YellowFader = Class.create();
YellowFader.prototype = {
initialize: function(element) {
if (typeof element == 'string') element = $(element);
if (!element) return;
this.element = element;
this.start = 153;
this.finish = 255;
this.current = this.start;
this.fade();
},
fade: function() {
if (this.isFinished()) return;
if (this.timer) clearTimeout(this.timer); // prevent flicker
highlight_yellow(this.element, this.current);
this.current += 17;
this.timer = setTimeout(this.fade.bind(this), 250);
},
isFinished: function() {
return this.current > this.finish;
}
}