11155
(-- --)
December 23, 2009, 2:21pm
1
I'm currently using CSS to style my navigational menu. I also have
jquery at my disposal. The basic structure is like this:
<div id="nav">
<div class="inner-container">
<div id="wrap">
<div class="inner">
<h2>
<span class="h-ico
ico-active"><span>Active Menu Item</span></span>
</h2>
<ul>
<li><a class="h-ico ico-users" href="/contacts"><span>Menu
Item</span></a></li>
<li><a class="h-ico ico-othermenuitem"
href="/tasks"><span>Menu Item</span></a></li>
</ul>
</div>
</div><!-- #wrap -->
</div><!-- .inner-container -->
</div><!-- #nav -->
My question: What would be the best way to call the current page, and
using some kind of conditional statement to say (in theory):
"If the current page is this, then put it in the H2 heading and exclude
it from the unordered list."
Thanks in advance for any help at all.
11155
(-- --)
December 23, 2009, 4:43pm
2
Steve Castaneda wrote:
I'm currently using CSS to style my navigational menu. I also have
jquery at my disposal. The basic structure is like this:
<div id="nav">
<div class="inner-container">
<div id="wrap">
<div class="inner">
<h2>
<span class="h-ico
ico-active"><span>Active Menu Item</span></span>
</h2>
<ul>
<li><a class="h-ico ico-users" href="/contacts"><span>Menu
Item</span></a></li>
<li><a class="h-ico ico-othermenuitem"
href="/tasks"><span>Menu Item</span></a></li>
</ul>
</div>
</div><!-- #wrap -->
</div><!-- .inner-container -->
</div><!-- #nav -->
Your CSS and HTML are irrelevant. This is a Rails question.
My question: What would be the best way to call the current page, and
using some kind of conditional statement to say (in theory):
Have you looked at current_page? ?
"If the current page is this, then put it in the H2 heading and exclude
it from the unordered list."
Don't remove it from the list. Navigation menus are least confusing
when they're consistent.
Best,
11155
(-- --)
December 23, 2009, 5:37pm
3
Marnen Laibow-Koser wrote:
Have you looked at current_page? ?
Thanks. current_page? worked great. I think it can be refactored but
for now it's working the way I want it.
I basically did:
<% if current_page?( :controller => 'example' )
...HTML goes here...
<% end %>
For the H2 "active" area, and then left the UL list with all menu
options like you suggested.
Thanks as always, Marnen.
Hi there,
for your next project, you might want to check out the simple-
navigation plugin which does everything for you (except the styling/
css):
http://github.com/andi/simple-navigation
All the best for 2010
Andi