How to use PHP to display active class on sub nav links? - php

Question

I have PHP code to display the active class on links in the nav, but I'm having trouble finding a solution to applying the active class properly for the sub nav - that being the pages that are in folders outside of the root directory. Here is the code that I have!
Here is the example code: (it works on the real code)
<?php
$current_page = basename($_SERVER['PHP_SELF']);
?>
This is an example for a stand alone nav link:
<li class="<?php if ($current_page == "index.php"){ echo "active "; }?> item">Home</li>
This is an example for the drop down menu:
<li class="<?php if ($current_page == "index.php"){ echo "active "; }?> item has-dropdown">About Us...
Now the code for the sub nav's so far isn't working for me, but here it is with the real code!
<?php
$cp = basename($_SERVER['PHP_SELF']);
$cf = dirname($_SERVER['PHP_SELF']);
?>
Here is an example for a stand alone nav link:
<li class="<?php if ($cp == "index.php"){ echo "active "; }?> item">Home</li>
Here is an actual drop down menu from my nav.
<li class="<?php if ($cp == "courses.php" || $cp == "oshawa.php" && $cf == "courses" || $cp == "bowmanville.php" && $cf == "courses"){ echo "active "; }?> item has-dropdown">
Courses <!-- COURSES -->
<ul class="dropdown">
<li>Courses</li>
<li><label>Locations</label></li>
<li>Oshawa</li>
<li>Bowmanville</li>
</ul>
</li>
This specifically is where the code breaks, the first part works fine, but the second we add the && $cf == "courses" it breaks.
$cp == "oshawa.php" && $cf == "courses"
I don't think it's a formatting issue, I think it's just the code itself, not sure where to go from here. I'm not very good with PHP, all help is appreciated, thanks =)

Answer 1

Try this, (Assuming your all courses pages exist in courses directory itself.)
<?php
$cp = basename($_SERVER['PHP_SELF']);
$cf = dirname($_SERVER['PHP_SELF']);
?>
<li class="<?php if ($cp == "courses.php" || $cf == "/courses"){ echo "active "; }?> item has-dropdown">
Courses <!-- COURSES -->
<ul class="dropdown">
<li>Courses</li>
<li><label>Locations</label></li>
<li>Oshawa</li>
<li>Bowmanville</li>
</ul>
</li>