Pastable version of Button code creates a generic, styled input button.

<pre class='prettyprint' language='ruby'>def button(title, values)
  # title: Accepts a string that will appear on the button
  # values: accepts the possible optional parameters.
    # category: Accepts one of the following:
      # - primary: Standard &quot;green&quot; button with white text
      # - primary_secure: Standard &quot;green&quot; button with &quot;lock&quot; icon
      # - primary_mini: Yes / No small &quot;green&quot; buttons
      # - secondary: Standard &quot;blue&quot; button with white text
      # - secondary_secure:
      # - secondary_prev: Standard &quot;blue&quot; button with left arrow
      # - secondary_next: Standard &quot;blue&quot; button with right arrow
      # - purchase: Standard &quot;gold&quot; purchase button
      # - purchase_tight: Like purchase but half the padding
    # type: Accepts &quot;button&quot;, &quot;submit&quot; or &quot;reset&quot; -- Defaults to &quot;button&quot; if not passed.
    # onclick: Will accept an onclick event.
    # url: Will accept a URL or path to another page.
    # class: Will accept an additional class to assign to the button.
    # id: Will accept an ID to attach to the button.
  
  #Checks the category for certain keywords so the proper icon can be inlined in to the button.
  if values[:category] then
    button_icon = &quot;buttons_secure&quot; if values[:category].match(&quot;secure&quot;)
    button_icon = &quot;buttons_prev&quot; if values[:category].match(&quot;prev&quot;)
    button_icon = &quot;buttons_next&quot; if values[:category].match(&quot;next&quot;)
    img_tag = content_tag(:img, '', :src =&gt; &quot;../images/&quot; + button_icon + &quot;.gif&quot;)
  else
    img_tag = &quot;&quot;
    # if no button category is given, it defaults to primary.
    values[:category] = &quot;primary&quot;
  end
  
  # The input type defaults to &quot;button&quot; if not given.
  if !values[:type] then
    values[:type] = &quot;button&quot;
  end
  
  if values[:onclick] then
    onclick_event = values[:onclick]
  elsif values[:url] then
    onclick_event = &quot;window.location=&quot; + values[:url]
  end
  
  # The tag is created to accomplish the sliding door technique.
  div_tag = content_tag(:div, '&amp;nbsp', :class =&gt; 'endcap')
  
  content_tag(:div, content_tag(
                                :input, img_tag + div_tag,
                                :value =&gt; title,
                                :type =&gt; values[:type],
                                :onclick =&gt; onclick_event,
                                :class =&gt; values[:class],
                                :id =&gt; values[:id]
                               ),
             :class =&gt; &quot;button button_&quot; + values[:category])
end</pre>
<a href="http://www.refactormycode.com/codes/1029-button-code-creates-a-generic-styled-input-button" style="color:#fff" title="As seen on RefactorMyCode.com"><img alt="Small_logo" src="http://www.refactormycode.com/images/small_logo.gif" style="border:0" /></a>

Refactor :my => 'code'

Recent

Popular

Pastable version of Button code creates a generic, styled input button.