lib/menu_helper.rb in menu_helper-0.2.0 vs lib/menu_helper.rb in menu_helper-0.3.0
- old
+ new
@@ -8,13 +8,17 @@
# Creates a new first-level menu bar. This takes the configuration options
# for the menu bar, followed by html options. Both of these parameters are
# optional.
#
# Configuration options:
- # * +auto_set_ids+ - Whether or not to automatically add ids to each menu/menu bar. Default is true.
- # * +attach_active_submenus+ - Whether any active sub-menu bar should be rendered as part of its parent menu. Default is true.
- # * +content_for+ - The base block name to use when detaching active submenus. Default is "menu_bar". For example, this will render sub-menu bars to menu_bar_level_2
+ # * <tt>:auto_set_ids</tt> - Whether or not to automatically add ids to each
+ # menu/menu bar. Default is true.
+ # * <tt>:attach_active_submenus</tt> - Whether any active sub-menu bar should
+ # be rendered as part of its parent menu. Default is true.
+ # * <tt>:content_for</tt> - The base block name to use when detaching active
+ # submenus. Default is "menu_bar". For example, this will render
+ # sub-menu bars to menu_bar_level_2.
#
# == Examples
#
# menu_bar({}, :id => 'nav', :class => 'pretty') do |main|
# main.menu :home
@@ -26,17 +30,17 @@
# end
# end
#
# ...generates the following html if +about_us+ is selected...
#
- # <ul id="nav" class="pretty menubar menubar-1">
- # <li id="nav-home"><a href="/"><span>Home</span></a></li>
- # <li id="nav-about_us" class="menubar-selected"><a href="/about_us"><span>About Us</span></a>
- # <ul class="menubar menubar-2" class="menubar-selected">
- # <li id="nav-about_us-who_we_are"><a href="/about_us/who_we_are"><span>Who We Are</span></a></li>
- # <li id="nav-about_us-what_we_do"><a href="/about_us/what_we_do"><span>What We Do</span></a></li>
- # <li id="nav-about_us-contact"><a href="mailto:contact@us.com"><span>Contact</span></a></li>
+ # <ul id="nav" class="pretty ui-menubar ui-menubar-1">
+ # <li id="nav-home" class="ui-menubar-menu ui-menubar-menu-1"><a href="/"><span>Home</span></a></li>
+ # <li id="nav-about_us" class="ui-menubar-menu ui-menubar-menu-1 ui-state-active ui-menubar-selected"><a href="/about_us"><span>About Us</span></a>
+ # <ul class="ui-menubar ui-menubar-2 ui-state-active ui-menubar-selected">
+ # <li id="nav-about_us-who_we_are" class="ui-menubar-menu ui-menubar-menu-2"><a href="/about_us/who_we_are"><span>Who We Are</span></a></li>
+ # <li id="nav-about_us-what_we_do" class="ui-menubar-menu ui-menubar-menu-2"><a href="/about_us/what_we_do"><span>What We Do</span></a></li>
+ # <li id="nav-about_us-contact" class="ui-menubar-menu ui-menubar-menu-2"><a href="mailto:contact@us.com"><span>Contact</span></a></li>
# </ul>
# </li>
# </ul>
#
# Submenus can be detached from the original parent menu for greater control
@@ -55,20 +59,20 @@
# <%= yield :menu_bar_level_2 %>
# </div>
#
# ...generates the following html if +about_us+ is selected...
#
- # <ul id="nav" class="menubar menubar-1">
- # <li id="nav-home"><a href="/"><span>Home</span></a></li>
- # <li id="nav-about_us" class="menubar-selected"><a href="/about_us"><span>About Us</span></a></li>
+ # <ul id="nav" class="ui-menubar ui-menubar-1">
+ # <li id="nav-home" class="ui-menubar-menu ui-menubar-menu-1"><a href="/"><span>Home</span></a></li>
+ # <li id="nav-about_us" class="ui-menubar-menu ui-menubar-menu-1 ui-state-active ui-menubar-selected"><a href="/about_us"><span>About Us</span></a></li>
# </ul>
#
# <div id="subnav">
- # <ul class="menubar menubar-2 menubar-selected">
- # <li id="nav-about_us-who_we_are"><a href="/about_us/who_we_are"><span>Who We Are</span></a></li>
- # <li id="nav-about_us-what_we_do"><a href="/about_us/what_we_do"><span>What We Do</span></a></li>
- # <li id="nav-about_us-contact"><a href="mailto:contact@us.com"><span>Contact</span></a></li>
+ # <ul class="ui-menubar ui-menubar-2 ui-state-active ui-menubar-selected">
+ # <li id="nav-about_us-who_we_are" class="ui-menubar-menu ui-menubar-menu-2"><a href="/about_us/who_we_are"><span>Who We Are</span></a></li>
+ # <li id="nav-about_us-what_we_do" class="ui-menubar-menu ui-menubar-menu-2"><a href="/about_us/what_we_do"><span>What We Do</span></a></li>
+ # <li id="nav-about_us-contact" class="ui-menubar-menu ui-menubar-menu-2"><a href="mailto:contact@us.com"><span>Contact</span></a></li>
# </ul>
# </div>
#
# == Menu Selection
#
@@ -85,16 +89,16 @@
# added to the element.
#
# For example, if a sub-menu like +who_we_are+ is selected, the html
# generated from the above full example would look like so:
#
- # <ul id="nav" class="pretty menubar menubar-1">
- # <li id="nav-home"><a href="/"><span>Home</span></a></li>
- # <li id="nav-about_us" class="menubar-selected"><span>About Us</span>
+ # <ul id="nav" class="pretty ui-menubar ui-menubar-1">
+ # <li id="nav-home" class="ui-menubar-menu ui-menubar-menu-1"><a href="/"><span>Home</span></a></li>
+ # <li id="nav-about_us" class="ui-menubar-menu ui-menubar-menu-1 ui-state-active ui-menubar-selected"><span>About Us</span>
# <ul class="menubar menubar-2 menubar-selected">
- # <li id="nav-about_us-who_we_are" class="menubar-selected"><a href="/about_us/who_we_are"><span>Who We Are</span></a></li>
- # <li id="nav-about_us-what_we_do"><a href="/about_us/what_we_do"><span>What We Do</span></a></li>
- # <li id="nav-about_us-contact"><a href="mailto:contact@us.com"><span>Contact</span></a></li>
+ # <li id="nav-about_us-who_we_are" class="ui-menubar-menu ui-menubar-menu-2 ui-state-active ui-menubar-selected"><a href="/about_us/who_we_are"><span>Who We Are</span></a></li>
+ # <li id="nav-about_us-what_we_do" class="ui-menubar-menu ui-menubar-menu-2"><a href="/about_us/what_we_do"><span>What We Do</span></a></li>
+ # <li id="nav-about_us-contact" class="ui-menubar-menu ui-menubar-menu-2"><a href="mailto:contact@us.com"><span>Contact</span></a></li>
# </ul>
# </li>
# </ul>
#
# == Menu Creation