module Ramaze module Helper # Provides shortcuts to the link/script tags. ## # The XHTML helper can be used for generating CSS and Javascript tags. # Generating a CSS tag can be done by calling the css() method: # # css 'reset', 'screen', :only => 'ie' # # This would result in a stylesheet named "reset.css" being loaded only when the user # is using Internet Explorer. # module XHTML LINK_TAG = '' SCRIPT_TAG = '' ## # Generate a CSS tag based on the name, media type and a hash containing # additional options. For example, if we want to load the stylesheet only when the user # is using Internet Explorer we would have to add a key 'only' with a value of 'ie' to the hash. # # @param [String] name The name of the CSS file to load. # @param [String] media The media type for which the stylesheet should be loaded. # @param [Hash] options A hash containing additional options for the stylesheet tag. # @example # # # A very basic example. # css 'reset' # # # Oh shiny, IE only # css 'reset', 'screen', :only => 'ie' # # @return [String] String containing the stylesheet tag. # def css(name, media = 'screen', options = {}) if media.respond_to?(:keys) options = media media = 'screen' end if only = options.delete(:only) and only.to_s == 'ie' "" else if name =~ /^http/ LINK_TAG % [name, media] else prefix = options[:prefix] || 'css' LINK_TAG % ["#{Ramaze.options.prefix.chomp("/")}/#{prefix}/#{name}.css", media] end end end ## # The css_for method can be used when you want to load multiple stylesheets and don't # want to call the css() method over and over again. # # @example # # # This is pretty basic # css_for 'reset', '960', 'style' # # # Loading multiple stylesheets with custom options # css_for ['reset', 'print'], ['960', 'print'] # # @see css() # @param [Array] args An array containing either the names of all stylesheets to load or a collection of arrays # of which each array defines the name, media and additional parameters. # @return [String] # def css_for(*args) args.map{|arg| css(*arg) }.join("\n") end ## # Generates a Javascript tag that loads an external Javascript file. This tag can't be used for loading inline # javascript files. # # @example # # # Simple isn't it? # js 'jquery' # # # Let's change the directory to "some_other_directory" # js 'jquery', :prefix => 'some_other_directory' # # @param [String] name The name of the Javascript file that should be loaded. # @param [Hash] options Hash that can contain a :prefix key that defines the directory in which the JS file # is located. By default this key is set to "js". # @return [String] # TODO: The js() method 2nd argument is a hash but only supports the :prefix key. Perhaps changing this hash into a string would be better - Yorick # def js(name, options={}) if name =~ /^http/ # consider it external full url SCRIPT_TAG % name else SCRIPT_TAG % "#{Ramaze.options.prefix.chomp("/")}/#{options[:prefix] || 'js'}/#{name}.js" end end ## # Generate multiple Javascript tags using the js() method. # # @example # # # Pretty simple isn't it? # js_for 'jquery', 'application', 'jquery.gritter' # # @param [Array] args Array containing the Javascript files to load. # @return [String] # def js_for(*args) args.map{|arg| js(*arg) }.join("\n") end end end end