I am trying to add a “nav-active” class to a navigation element with PHP. Here is my code but is not adding the class. What can possibly be wrong?
Here is the bit of code I am trying to change, so my FAQ navigation item has “nav-active” class:
JavaScript
x
<li class="nav-item"> <a class="nav-link" <?php if ($thisPage=="faq") echo "class=" nav-active""; ?> href="/faq">FAQ</a> </li>Here is the full nav2.php code:
JavaScript
<!-- Navigation --> <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav"> <div class="container"> <a class="navbar-brand" href="/">Ukryj Się</a> <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> Menu <i class="fas fa-bars"></i> </button> <div class="collapse navbar-collapse" id="navbarResponsive"> <ul class="navbar-nav ml-auto"> <li class="nav-item"> <a class="nav-link" href="/">O Projekcie</a> </li> <li class="nav-item"> <a class="nav-link" <?php if ($thisPage=="faq") echo "class=" nav-active""; ?> href="/faq">FAQ</a> </li> <li class="nav-item"> <a class="nav-link" href="/blog">Blog</a> </li> <li class="nav-item"> <a class="nav-link" href="/#signup">Kontakt</a> </li> <li class="nav-item"> <a class="nav-link js-scroll-trigger" href="/en/blog">🇬🇧 English</a> </li> </ul> </div> </div> </nav>EDIT: $thisPage is declared in the faq.php file:
JavaScript
<!DOCTYPE html><?php $thisPage="faq"; ?><html lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content="Wynajmij magiczny dom w lesie z prywatnym dostępem do jeziora, sauną, kominkiem. Pozbądź się ograniczeń, zyskaj niepowtarzalną energię wprost z natury. Uwolnij się od wielkomiejskiego pędu. Pobudź swoją kreatywność."> <meta name="author" content="">Advertisement
Answer
Begining of each php page:
JavaScript
<?php$thisPage="faq"; //Pagename?>Navar.php:
JavaScript
<li class="nav-item"><a href="/faq" class="nav-link <?php if($thisPage=='faq') echo 'nav-active"'; ?>">FAQ</a></li><li class="nav-item"><a href="/contact" class="nav-link <?php if($thisPage=='contact') echo 'nav-active"'; ?>">CONTACT</a></li>