我正在做一个php项目,因为每个链接页面必须具有相同的导航栏项目。我通过包含header.php文件来做到这一点,该文件包含所有需要navbar的文件的navbar代码。
当我单击导航栏项目时,它会导航到我给的相应链接,但是当在导航栏中选择该项目时,我需要保持选择。
有人可以帮我吗
谢谢
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>
最佳答案
有多种方法可以实现,以下是其中一种:
在header.php文件中添加以下PHP代码。
<?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
}
}
?>
然后如下更新菜单HTML部分。
<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 class="<?php active('totalapplications.php');?>" href="totalapplications.php">Applications</a></li>
<li><a class="<?php active('student_details.php');?>" href="student_details.php">Student Details</a></li>
<li><a class="<?php active('renewalstudent_details.php');?>" href="renewalstudent_details.php">Renewal Student Details</a></li>
<li><a class="<?php active('block.php');?>" href="block.php">Block</a></li>
<li><a class="<?php active('roomallotment.php');?>" href="roomallotment.php">Allot</a></li>
<li><a class="<?php active('deallotsingle.php');?>" href="deallotsingle.php">De-allot</a></li>
<li><a class="<?php active('availability.php');?>" href="availability.php">Availability</a></li>
<li><a class="<?php active('searchallotment.php');?>" href="searchallotment.php">Hostel Details view</a></li>
<li><a class="<?php active('student_details_master.php');?>" 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>
它将在当前页面菜单项中添加“活动”类。