PHP - 需要动态导航栏帮助

Question

我尝试使用 php 为我的网站制作动态导航栏, 它奏效了这是现在的样子

这就是我想让它看起来像我所在的页面被选中的方式

我的导航栏代码:

<?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>
";
?>

在我的 HTML 页面中，我使用这段代码来显示导航栏: <?php include '../navbar.php' ?>

顺便说一句，我正在为导航栏使用 Twitter-Bootstrap

提前致谢

Answer 1

当然不是最好的解决方案，但您可以获得网页的名称:

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

然后在你要显示它时运行检查(或者更好的方法)

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>'
}