在包含的导航栏上添加活动选项卡

时间:2015-07-06 12:23:12

标签: javascript html

我有一个导航栏,包括

<nav class="navbar navbar-inverse">
            <a class="navbar-brand" href="index.php">Surveys</a>
            <ul class="nav navbar-nav">    
                    <a href="index.php">Home</a>
                </li>
                    <a href="profile.php">Edit Profile</a>
                </li>
                    <?php $url = "viewprofile.php?UserID=" . $_SESSION['UserID']; ?>
                    <a href="<?php echo $url; ?>" . $_>Show Profile</a>
                </li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li>
                    <a href="logout.php">
                        Logout
                    <?php
                        if (!empty($user)) {
                            echo $user['username'];
                        }
                    ?>
                    </a>
                </li>
            </ul>
 </nav>

现在我将它包含在<?php include '/navbar.php' ?>的文档中,我如何在每个网站上获取Active标签,我尝试使用网站名称,但它不起作用。 我需要将脚本放入Navbar文件或包含它的文件中? 有人有js代码示例吗?

2 个答案:

答案 0 :(得分:0)

Php包括作为复制/粘贴的工作。 因此,您的脚本必须包含在主HTML文档中:)

答案 1 :(得分:0)

从网址获取 QUERY_STRING

<?php $current_page = basename($_SERVER['REQUEST_URI'], '?' . $_SERVER['QUERY_STRING']); ?>



   <li class="<?php echo ($current_page=='profile.php') ? "active" : '';?>">
      <a href="profile.php">Home</a>
   </li>
<li class="<?php echo ($current_page=='index.php') ? "active" : '';?>">
      <a href="index.php">Home</a>
   </li>


.active{
background-color:#XXXX;
color:#XXXX;
}