PHP - need a dynamic navigation bar

Question

I tried to create a dynamic navigator for my site with php, and it worked. Here's what it looks like now

And that's how I want it to look like I was selected on the page

My navigator code:

<?php
echo "<nav class=\"navbar navbar-inverse\" role=\"navigation\">
      <div class=\"container\">
        <div class=\"navbar-header\">
          <a href=\"#\" class=\"navbar-brand\">
            Techzone
        </div>
        <div class=\"collapse navbar-collapse\">
        <ul class=\"nav navbar-nav\">
        <li><a href=\"/index.php\">Home</a></li>
        <li class=\"dropdown\"> <a href=\"#\" class=\"dropdown-toggle\" data-toggle=\"dropdown\">What we offer<b class=\"caret\"></b></a>
        <ul class=\"dropdown-menu\">
        <li><a href=\"/offers/websites.php\" class=\"glyphicon glyphicon-book\"> Websites</a></li>
        <li><a href=\"/offers/translations.php\" class=\"glyphicon glyphicon-font\"> Translations</a></li>
        <li><a href=\"/offers/programs.php\" class=\"glyphicon glyphicon-pencil\"> Programs</a></li>
        </ul>
        </li>
        <li><a href=\"/websitesMade.php\">Our websites <span class=\"badge\">2</span></a></li>
        <li><a href=\"/aboutus.php\">About Us</a></li>
        </ul>
        <form class=\"navbar-form navbar-right\" role=\"search\">
        <div class=\"form-group\">
        <input type=\"text\" class=\"form-control\" placeholder=\"Search\">
        </div>
        <button type=\"submit\" class=\"btn btn-default\">Search</button>
        </form>
        </div>
      </div>
    </nav>";
        }
        echo "</ul>
        <ul class=\"nav navbar-nav navbar-right\">
        <li class=\"dropdown\">
          <a href=\"#\" class=\"dropdown-toggle\" data-toggle=\"dropdown\">Language <span class=\"caret\"></span></a>
          <ul class=\"dropdown-menu\" role=\"menu\">
            <li><a href=\"../nl/index.php\">Nederlands</a></li>
            <li class=\"divider\"></li>
            <li class=\"active\"><a href=\"#\">English</a></li>
          </ul>
        </li>
      </ul>

        <form class=\"navbar-form navbar-right\" role=\"search\">
        <div class=\"form-group\">
        <input type=\"text\" class=\"form-control\" placeholder=\"Search\">
        </div>
        <button type=\"submit\" class=\"btn btn-default\">Search</button>
        </form>
        </div>
      </div>
    </nav>
";
?>

In my HTML page, I use this code to show navBar: <?php include '../navbar.php' ?>

By the way, I'm using Twitter-Bootstrap for the navigation bar

Thanks in advance,

Answer 1

Of course, this is not the most pleasant solution, but you can get the name of the web page:

$bn = basename($_SERVER['PHP_SELF']); /* Returns The Current PHP File Name */

then run the check whenever you go to display it (or from a more convenient method)

if($bn == "index.php") {
    $str += '<li><a class="current" href=\"/index.php\">Home</a></li>'
} else {
    $str += '<li><a href=\"/index.php\">Home</a></li>'
}