Module | ActionView::Helpers::JavaScriptHelper |
In: |
vendor/rails/actionpack/lib/action_view/helpers/javascript_helper.rb
|
Provides functionality for working with JavaScript in your views.
Rails includes the Prototype JavaScript framework and the Scriptaculous JavaScript controls and visual effects library. If you wish to use these libraries and their helpers (ActionView::Helpers::PrototypeHelper and ActionView::Helpers::ScriptaculousHelper), you must do one of the following:
For documentation on javascript_include_tag see ActionView::Helpers::AssetTagHelper.
JAVASCRIPT_PATH | = | File.join(File.dirname(__FILE__), 'javascripts') |
JS_ESCAPE_MAP | = | { '\\' => '\\\\', '</' => '<\/', "\r\n" => '\n', "\n" => '\n', "\r" => '\n', '"' => '\\"', "'" => "\\'" } |
Returns a button with the given name text that‘ll trigger a JavaScript function using the onclick handler.
The first argument name is used as the button‘s value or display text.
The next arguments are optional and may include the javascript function definition and a hash of html_options.
The function argument can be omitted in favor of an update_page block, which evaluates to a string when the template is rendered (instead of making an Ajax request first).
The html_options will accept a hash of html attributes for the link tag. Some examples are :class => "nav_button", :id => "articles_nav_button"
Note: if you choose to specify the javascript function in a block, but would like to pass html_options, set the function parameter to nil
Examples:
button_to_function "Greeting", "alert('Hello world!')" button_to_function "Delete", "if (confirm('Really?')) do_delete()" button_to_function "Details" do |page| page[:details].visual_effect :toggle_slide end button_to_function "Details", :class => "details_button" do |page| page[:details].visual_effect :toggle_slide end
# File vendor/rails/actionpack/lib/action_view/helpers/javascript_helper.rb, line 122 122: def button_to_function(name, *args, &block) 123: html_options = args.extract_options!.symbolize_keys 124: 125: function = block_given? ? update_page(&block) : args[0] || '' 126: onclick = "#{"#{html_options[:onclick]}; " if html_options[:onclick]}#{function};" 127: 128: tag(:input, html_options.merge(:type => 'button', :value => name, :onclick => onclick)) 129: end
Escape carrier returns and single and double quotes for JavaScript segments.
# File vendor/rails/actionpack/lib/action_view/helpers/javascript_helper.rb, line 141 141: def escape_javascript(javascript) 142: if javascript 143: javascript.gsub(/(\\|<\/|\r\n|[\n\r"'])/) { JS_ESCAPE_MAP[$1] } 144: else 145: '' 146: end 147: end
Returns a JavaScript tag with the content inside. Example:
javascript_tag "alert('All is good')"
Returns:
<script type="text/javascript"> //<![CDATA[ alert('All is good') //]]> </script>
html_options may be a hash of attributes for the <script> tag. Example:
javascript_tag "alert('All is good')", :defer => 'defer' # => <script defer="defer" type="text/javascript">alert('All is good')</script>
Instead of passing the content as an argument, you can also use a block in which case, you pass your html_options as the first parameter.
<% javascript_tag :defer => 'defer' do -%> alert('All is good') <% end -%>
# File vendor/rails/actionpack/lib/action_view/helpers/javascript_helper.rb, line 168 168: def javascript_tag(content_or_options_with_block = nil, html_options = {}, &block) 169: content = 170: if block_given? 171: html_options = content_or_options_with_block if content_or_options_with_block.is_a?(Hash) 172: capture(&block) 173: else 174: content_or_options_with_block 175: end 176: 177: tag = content_tag(:script, javascript_cdata_section(content), html_options.merge(:type => Mime::JS)) 178: 179: if block_called_from_erb?(block) 180: concat(tag) 181: else 182: tag 183: end 184: end
Returns a link of the given name that will trigger a JavaScript function using the onclick handler and return false after the fact.
The first argument name is used as the link text.
The next arguments are optional and may include the javascript function definition and a hash of html_options.
The function argument can be omitted in favor of an update_page block, which evaluates to a string when the template is rendered (instead of making an Ajax request first).
The html_options will accept a hash of html attributes for the link tag. Some examples are :class => "nav_button", :id => "articles_nav_button"
Note: if you choose to specify the javascript function in a block, but would like to pass html_options, set the function parameter to nil
Examples:
link_to_function "Greeting", "alert('Hello world!')" Produces: <a onclick="alert('Hello world!'); return false;" href="#">Greeting</a> link_to_function(image_tag("delete"), "if (confirm('Really?')) do_delete()") Produces: <a onclick="if (confirm('Really?')) do_delete(); return false;" href="#"> <img src="/images/delete.png?" alt="Delete"/> </a> link_to_function("Show me more", nil, :id => "more_link") do |page| page[:details].visual_effect :toggle_blind page[:more_link].replace_html "Show me less" end Produces: <a href="#" id="more_link" onclick="try { $("details").visualEffect("toggle_blind"); $("more_link").update("Show me less"); } catch (e) { alert('RJS error:\n\n' + e.toString()); alert('$(\"details\").visualEffect(\"toggle_blind\"); \n$(\"more_link\").update(\"Show me less\");'); throw e }; return false;">Show me more</a>
# File vendor/rails/actionpack/lib/action_view/helpers/javascript_helper.rb, line 88 88: def link_to_function(name, *args, &block) 89: html_options = args.extract_options!.symbolize_keys 90: 91: function = block_given? ? update_page(&block) : args[0] || '' 92: onclick = "#{"#{html_options[:onclick]}; " if html_options[:onclick]}#{function}; return false;" 93: href = html_options[:href] || '#' 94: 95: content_tag(:a, name, html_options.merge(:href => href, :onclick => onclick)) 96: end
# File vendor/rails/actionpack/lib/action_view/helpers/javascript_helper.rb, line 199 199: def array_or_string_for_javascript(option) 200: if option.kind_of?(Array) 201: "['#{option.join('\',\'')}']" 202: elsif !option.nil? 203: "'#{option}'" 204: end 205: end