通过包含相同文件的HTML,CSS Navbar项突出显示包含所有必需页面中的导航栏

时间:2017-04-22 06:02:45

标签: php jquery html css twitter-bootstrap

我正在做一个php项目,因为每个链接页面必须具有相同的导航栏项目。我通过包含 header.php 文件来完成它,该文件包含所有需要导航栏的文件的导航条代码。 当我单击导航栏项目时,它将导航到我给出的相应链接,但我需要在导航栏中选择项目时保持选择。 任何人都可以帮助我。

谢谢

的header.php

  

<div class="navbar-header">
  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
    <span class="sr-only">Toggle navigation</span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
  </button>
  <a class="navbar-brand" href="adminhome.php"><span class="glyphicon glyphicon glyphicon-home"></span> bmfmf</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  <ul class="nav navbar-nav">
  <li><a href="totalapplications.php">Applications</a></li>
    <li><a href="student_details.php">Student Details</a></li> 
    <li><a href="renewalstudent_details.php">Renewal Student Details</a></li>
        <li><a href="block.php">Block</a></li>
        <li><a href="roomallotment.php">Allot</a></li>
        <li><a href="deallotsingle.php">De-allot</a></li>
        <li><a href="availability.php">Availability</a></li>                         
        <li><a href="searchallotment.php">Hostel Details view</a></li>
        <li><a href="student_details_master.php">Database</a></li>
  </ul>
  <ul class="nav navbar-nav navbar-right">   
        <li><a href="createadmin.php"><span class="glyphicon glyphicon-user"></span> Create Admin</a></li>
        <li><a href="logout.php"><span class="glyphicon glyphicon-log-out"></span> Logout </a></li>
        </ul>
</div>

1 个答案:

答案 0 :(得分:1)

有几种方法可以实现它,以下是其中之一:

header.php 文件中添加以下PHP代码。

jshell> HashMap<Integer, Integer> a = new HashMap<>();
a ==> {}

jshell> Set<Integer> b = a.keySet();
b ==> []

jshell> b
b ==> []

jshell> a.put(1,2)
$4 ==> null

jshell> a
a ==> {1=2}

jshell> b
b ==> [1]

jshell> b.remove(1)
$7 ==> true

jshell> a
a ==> {}

jshell> b
b ==> []

然后更新菜单HTML部分,如下所示。

<?php
   function active($currect_page){
        $url_array =  explode('/', $_SERVER['REQUEST_URI']) ;
        $url = end($url_array);  
       if($currect_page == $url){
          echo 'active'; //class name in css 
       } 
   }
 ?>

它会将“active”类添加到当前页面菜单项。