method

visual_effect

v1.0.0 - Show latest stable - 0 notes - Class: ActionView::Helpers::JavaScriptHelper

1.0.0 (0)
1.1.6
1.2.6
2.0.3
2.1.0
2.2.1
2.3.8
3.0.0
3.0.9
3.1.0
3.2.1
3.2.8
3.2.13
4.0.2
4.1.8
4.2.1
4.2.7
4.2.9
5.0.0.1
5.1.7
5.2.3
6.0.0
6.1.3.1
6.1.7.7
7.0.0
7.1.3.2
7.1.3.4
What's this?

visual_effect(name, element_id = false, js_options = {}) public

Returns a JavaScript snippet to be used on the AJAX callbacks for starting visual effects.

This method requires the inclusion of the script.aculo.us JavaScript library.

Example:

  <%= link_to_remote "Reload", :update => "posts",
        :url => { :action => "reload" },
        :complete => visual_effect(:highlight, "posts", :duration => 0.5 )

If no element_id is given, it assumes "element" which should be a local variable in the generated JavaScript execution context. This can be used for example with drop_receiving_element:

  <%= drop_receving_element (...), :loading => visual_effect(:fade) %>

This would fade the element that was dropped on the drop receiving element.

You can change the behaviour with various options, see http://script.aculo.us for more documentation.

Show source

# File actionpack/lib/action_view/helpers/javascript_helper.rb, line 378
      def visual_effect(name, element_id = false, js_options = {})
        element = element_id ? "'#{element_id}'" : "element"
        js_options[:queue] = "'#{js_options[:queue]}'" if js_options[:queue]
        "new Effect.#{name.to_s.camelize}(#{element},#{options_for_javascript(js_options)});"
      end

visual_effect

Related methods