Highlight active link

12 posts by 5 authors in: Forums > CMS Builder
Last Post: March 9, 2010   (RSS)

By benedict - August 24, 2009

Hi guys,

I have what hopefully is an problem. I wish for the active link to become highlighted when the visitor arrives at that page.

I have got this working in HTML no problem by adding a class called "active" to the <li>. You can see below:

<ul class="nav">
<li class="active"><a href="index.php" class="home">Home</a></li>
<li><a href="executive-recruitment.php?Who-Is-hunterPac-1" class="who">Who</a></li>
<li><a href="executive-recruitment.php?What-2" class="what">What</a></li>
<li><a href="executive-recruitment.php?Why-3" class="why">Why</a></li>
<li><a href="executive-recruitment.php?How-4" class="how">How</a></li>
<li><a href="contactus.php" class="contact">Contact</a></li>
</ul>

Now, who, what, why and how are all in a section called "Other Pages". How can I dynamically get the correct navigation point to highlight (i.e. have class of "active" added to the <li>) when the visitor reaches a page?

Thanks in advance.

B

Re: [benedict] Highlight active link

By Chris - August 25, 2009

Hi benedict,

If you're only worried about solving this for executive-recruitment.php, and you're going to hard-code links like that, one solution would be to test the current record's "num" field and insert some HTML if it matches on each link. For example:

<li<?php if ($record['num'] == 1) { echo ' class="active"'; } ?>><a href="executive-recruitment.php?Who-Is-hunterPac-1" class="who">Who</a></li>
<li<?php if ($record['num'] == 2) { echo ' class="active"'; } ?>><a href="executive-recruitment.php?What-2" class="what">What</a></li>
<li<?php if ($record['num'] == 3) { echo ' class="active"'; } ?>><a href="executive-recruitment.php?Why-3" class="why">Why</a></li>
<li<?php if ($record['num'] == 4) { echo ' class="active"'; } ?>><a href="executive-recruitment.php?How-4" class="how">How</a></li>

I hope this helps you out! Please let us know if you have any more questions or comments.
All the best,
Chris

Re: [chris] Highlight active link

By benedict - September 1, 2009

Hi Chris,

Thanks for taking the time out to help me. This worked a treat. Thanks!

Cheers,

Benedict

Re: [benedict] Highlight active link

By benedict - March 3, 2010

Hi guys,

As a follow up to this one, I now have a bit more of an advanced need. This time instead of looking at the record number on the end, I have this:<a href="#" class="opener">
<span> <em>Short Courses</em> </span>
</a>
</a>Now, I would like to show the active link for this, which is coded like this:<a href="#" class="opener selected">
<span> <em>Short Courses</em> </span>
</a>
</a>The key is getting that "selected" word added in there for the class.

To explain further, I am using this in the head of the document to show the short courses naviagtion (I have done the same thing to show long courses and accredited courses): //short courses nav
list($courses_shortRecords, $courses_shortMetaData) = getRecords(array(
'tableName' => 'courses',
'where' => ' course_type LIKE "%Short Courses%" ',
)); So the bottom line is, that if the current record being shown on the detail page is a Short Course, I would like the Short Course section of the nav to be expanded (i.e. by having the word " selected" added to the opener class).

Thanks in advance.

Re: [benedict] Highlight active link

By Chris - March 3, 2010

Hi benedict,

Can you please attach the complete PHP source code for your page?
All the best,
Chris

Re: [chris] Highlight active link

By benedict - March 3, 2010

Here you go - courses.php is the file and sidenav.php is the include with the code I need to correct.

Re: [Donna] Highlight active link

By benedict - March 3, 2010

Oops - here you go.
Attachments:

archive_002.zip 7K

Re: [benedict] Highlight active link

By Chris - March 4, 2010

Hi benedict,

So you have three subsets of records from your table, and you want to figure out which subset the currently selected record belongs to?

Assuming your currently selected record is $record, you can check if it's in a list (and if so, output " selected") like this:

<a href="#" class="opener<?php if (in_array($record['num'], array_pluck($courses_nationalRecords, 'num'))) { echo " selected" } ?>">

You can do this for each of your three lists, making sure to change the name of the list you're checking ($courses_nationalRecords above) for each.

I hope this helps. Please let me know if you have any questions.
All the best,
Chris

Re: [chris] Highlight active link

By aev - March 5, 2010

Hi Chris,

Is this a shortcut for creating a foreach loop on the array, with an if statement checking for a match inside? If yes, it's great!

<a href="#" class="opener<?php if (in_array($record['num'], array_pluck($courses_nationalRecords, 'num'))) { echo " selected" } ?>">

-aev-