Browse files

Added :highlight effect to do YFT automatically

git-svn-id: http://svn-commit.rubyonrails.org/rails/trunk@1004 5ecf4fe2-1ee6-0310-87b1-e25e094e27de
  • Loading branch information...
1 parent 9ca9f95 commit ae5f3c74883ae2ea5c0d19151acc8fb33e5fd52c @dhh dhh committed Mar 26, 2005
View
3 actionpack/lib/action_view/helpers/javascript_helper.rb
@@ -159,7 +159,8 @@ def options_for_ajax(options)
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]
View
27 actionpack/lib/action_view/helpers/javascripts/prototype.js
@@ -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;
+ }
+}

0 comments on commit ae5f3c7

Please sign in to comment.