onglet Mettez en surbrillance dans le menu

Question

J'ai un menu qui est un ul

Home | Calendar | Settings 

Je veux souligner (via une classe css) l'onglet sélectionné dans le menu.

Quelques liens (Accueil et Calendrier) ont également

sous-sélections

Home | *Calendar* | Settings 
------------------------- 
Add event | Edit event 

Ofcourse lorsque l'événement d'édition est sélectionné, le calendrier devrait être mis en évidence encore.

comment est-ce que je peux approcher au mieux cela en utilisant des rails et css?

Merci

Answer 1

La façon la plus simple serait de vérifier quel contrôleur est utilisé. J'ai créé des noms de contrôleurs, donc bien sûr, vous remplaceriez «home», «calendar» et «settings» par les noms corrects.

<ul> 
    <li class="<%= "highlighted" if params[:controller] == "home" %>">Home</li> 
    <li class="<%= "highlighted" if params[:controller] == "calendar" %>">Calendar</li> 
    <li class="<%= "highlighted" if params[:controller] == "settings" %>">Settings</li> 
</ul> 

Answer 2

Dans votre fichier d'aide:

def is_active?(page_name) 
    "active" if params[:action] == page_name 
end 

Dans le fichier modèle:

link_to 'Home', '/', :class => is_active?("index") 
link_to 'About', '/about', :class => is_active?("about") 
link_to 'contact', '/contact', :class => is_active?("contact") 

J'ai trouvé sur: http://juliocapote.com/post/52081481/highlight-link-based-on-current-page-in-rails

Answer 3

J'ai le même problème et finissent par créer assistant. basiquement, il remplace l'assistant url link_to il envelopper le lien avec li et ajouter la classe « menu_selected » si le régulateur de courant correspond au contrôleur de liaison

exemple d'utilisation

<%= menu_link_to "Home", home_path %> 

def menu_link_to(*args, &block) 
    url = args[1] 
    mapping = ActionController::Routing::Routes.recognize_path(url) 

    class_property = "menu_selected" if mapping[:controller] == controller.controller_path 
    content_tag :li, :class => class_property do 
    link_to *args, &block 
    end 
end 
 

Answer 4

je me suis installé sur cette solution ce qui me plaît beaucoup:

Dans l'assistant

def active_if(options) 
    if params.merge(options) == params 
    'nav-active' 
    end 
end 

Et dans la vue définir ce qui rend le parcours unique:

<%= link_to 'Home', root_path, class: active_if(action: 'home') %> 
<%= link_to 'Aricles', articles_path, class: active_if(controller: 'articles') %> 

Answer 5

mise à jour à la réponse de @ ahmy pour Rails 3.2:

def menu_list_item(*args, &block) 
    url = args[1] 
    mapping = Rails.application.routes.recognize_path(url) 

    li_class = 'active' if mapping[:controller] == controller.controller_path 
    content_tag :li, :class => li_class do 
    link_to *args, &block 
    end 
end 

dire Rails.application.routes.recognize_path au lieu de ActionController::Routing::Routes.recognize_path.