2007-01-28 02:16:55 -05:00
|
|
|
require 'action_view/helpers/tag_helper'
|
2011-08-23 09:55:31 -04:00
|
|
|
require 'active_support/core_ext/string/encoding'
|
2005-03-11 21:42:48 -05:00
|
|
|
|
2005-03-11 21:59:12 -05:00
|
|
|
module ActionView
|
|
|
|
module Helpers
|
2005-11-14 17:28:47 -05:00
|
|
|
module JavaScriptHelper
|
2008-06-21 17:54:10 -04:00
|
|
|
JS_ESCAPE_MAP = {
|
|
|
|
'\\' => '\\\\',
|
|
|
|
'</' => '<\/',
|
|
|
|
"\r\n" => '\n',
|
|
|
|
"\n" => '\n',
|
|
|
|
"\r" => '\n',
|
|
|
|
'"' => '\\"',
|
2011-08-23 09:55:31 -04:00
|
|
|
"'" => "\\'"
|
|
|
|
}
|
|
|
|
|
|
|
|
if "ruby".encoding_aware?
|
|
|
|
JS_ESCAPE_MAP["\342\200\250".force_encoding('UTF-8').encode!] = '
'
|
|
|
|
else
|
|
|
|
JS_ESCAPE_MAP["\342\200\250"] = '
'
|
|
|
|
end
|
2008-06-21 17:54:10 -04:00
|
|
|
|
2011-08-23 07:42:36 -04:00
|
|
|
# Escapes carriage returns and single and double quotes for JavaScript segments.
|
|
|
|
#
|
2011-03-26 13:28:39 -04:00
|
|
|
# Also available through the alias j(). This is particularly helpful in JavaScript responses, like:
|
|
|
|
#
|
|
|
|
# $('some_element').replaceWith('<%=j render 'some/element_template' %>');
|
2005-03-20 19:57:08 -05:00
|
|
|
def escape_javascript(javascript)
|
2011-08-24 12:21:18 -04:00
|
|
|
if javascript
|
|
|
|
result = javascript.gsub(/(\\|<\/|\r\n|\342\200\250|[\n\r"'])/u) {|match| JS_ESCAPE_MAP[match] }
|
|
|
|
javascript.html_safe? ? result.html_safe : result
|
|
|
|
else
|
|
|
|
''
|
|
|
|
end
|
2005-03-20 19:57:08 -05:00
|
|
|
end
|
2005-03-26 09:03:55 -05:00
|
|
|
|
2011-03-27 14:20:54 -04:00
|
|
|
alias_method :j, :escape_javascript
|
2011-03-26 13:28:39 -04:00
|
|
|
|
2005-06-29 04:09:00 -04:00
|
|
|
# Returns a JavaScript tag with the +content+ inside. Example:
|
2006-10-08 20:15:28 -04:00
|
|
|
# javascript_tag "alert('All is good')"
|
|
|
|
#
|
|
|
|
# Returns:
|
|
|
|
# <script type="text/javascript">
|
|
|
|
# //<![CDATA[
|
|
|
|
# alert('All is good')
|
|
|
|
# //]]>
|
|
|
|
# </script>
|
2006-10-08 20:50:11 -04:00
|
|
|
#
|
2010-09-16 09:10:36 -04:00
|
|
|
# +html_options+ may be a hash of attributes for the <tt>\<script></tt>
|
2010-09-06 12:22:33 -04:00
|
|
|
# tag. Example:
|
2008-06-21 17:54:10 -04:00
|
|
|
# javascript_tag "alert('All is good')", :defer => 'defer'
|
2007-09-15 17:34:25 -04:00
|
|
|
# # => <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.
|
2010-03-12 07:24:17 -05:00
|
|
|
# <%= javascript_tag :defer => 'defer' do -%>
|
2007-09-15 17:34:25 -04:00
|
|
|
# alert('All is good')
|
|
|
|
# <% end -%>
|
|
|
|
def javascript_tag(content_or_options_with_block = nil, html_options = {}, &block)
|
2008-06-06 20:59:41 -04:00
|
|
|
content =
|
|
|
|
if block_given?
|
|
|
|
html_options = content_or_options_with_block if content_or_options_with_block.is_a?(Hash)
|
|
|
|
capture(&block)
|
|
|
|
else
|
|
|
|
content_or_options_with_block
|
|
|
|
end
|
|
|
|
|
2010-03-09 21:00:28 -05:00
|
|
|
content_tag(:script, javascript_cdata_section(content), html_options.merge(:type => Mime::JS))
|
2005-06-26 08:03:43 -04:00
|
|
|
end
|
|
|
|
|
2005-10-12 18:47:39 -04:00
|
|
|
def javascript_cdata_section(content) #:nodoc:
|
2010-02-13 16:53:26 -05:00
|
|
|
"\n//#{cdata_section("\n#{content}\n//")}\n".html_safe
|
2005-10-12 18:47:39 -04:00
|
|
|
end
|
2010-03-16 23:06:16 -04:00
|
|
|
|
2011-03-24 19:28:47 -04:00
|
|
|
# Returns a button whose +onclick+ handler triggers the passed JavaScript.
|
2010-03-16 23:06:16 -04:00
|
|
|
#
|
2011-03-24 19:28:47 -04:00
|
|
|
# The helper receives a name, JavaScript code, and an optional hash of HTML options. The
|
|
|
|
# name is used as button label and the JavaScript code goes into its +onclick+ attribute.
|
|
|
|
# If +html_options+ has an <tt>:onclick</tt>, that one is put before +function+.
|
2010-03-16 23:06:16 -04:00
|
|
|
#
|
2011-03-24 19:28:47 -04:00
|
|
|
# button_to_function "Greeting", "alert('Hello world!')", :class => "ok"
|
|
|
|
# # => <input class="ok" onclick="alert('Hello world!');" type="button" value="Greeting" />
|
2010-03-16 23:06:16 -04:00
|
|
|
#
|
2011-03-25 04:44:43 -04:00
|
|
|
def button_to_function(name, function=nil, html_options={})
|
2010-03-16 23:06:16 -04:00
|
|
|
onclick = "#{"#{html_options[:onclick]}; " if html_options[:onclick]}#{function};"
|
|
|
|
|
|
|
|
tag(:input, html_options.merge(:type => 'button', :value => name, :onclick => onclick))
|
|
|
|
end
|
|
|
|
|
2011-03-24 18:48:07 -04:00
|
|
|
# Returns a link whose +onclick+ handler triggers the passed JavaScript.
|
2010-03-16 23:06:16 -04:00
|
|
|
#
|
2011-03-24 18:48:07 -04:00
|
|
|
# The helper receives a name, JavaScript code, and an optional hash of HTML options. The
|
|
|
|
# name is used as the link text and the JavaScript code goes into the +onclick+ attribute.
|
|
|
|
# If +html_options+ has an <tt>:onclick</tt>, that one is put before +function+. Once all
|
|
|
|
# the JavaScript is set, the helper appends "; return false;".
|
2010-03-16 23:06:16 -04:00
|
|
|
#
|
2011-11-08 09:01:19 -05:00
|
|
|
# The +href+ attribute of the tag is set to "#" unless +html_options+ has one.
|
2010-03-16 23:06:16 -04:00
|
|
|
#
|
2011-03-24 18:48:07 -04:00
|
|
|
# link_to_function "Greeting", "alert('Hello world!')", :class => "nav_link"
|
2011-03-24 19:30:29 -04:00
|
|
|
# # => <a class="nav_link" href="#" onclick="alert('Hello world!'); return false;">Greeting</a>
|
|
|
|
#
|
2011-03-24 18:48:07 -04:00
|
|
|
def link_to_function(name, function, html_options={})
|
2010-03-16 23:06:16 -04:00
|
|
|
onclick = "#{"#{html_options[:onclick]}; " if html_options[:onclick]}#{function}; return false;"
|
|
|
|
href = html_options[:href] || '#'
|
|
|
|
|
|
|
|
content_tag(:a, name, html_options.merge(:href => href, :onclick => onclick))
|
|
|
|
end
|
2005-03-11 21:42:48 -05:00
|
|
|
end
|
2005-03-11 21:59:12 -05:00
|
|
|
end
|
2005-03-14 07:47:38 -05:00
|
|
|
end
|