동일한 파일을 포함하여 HTML, CSS Navbar 항목 강조 표시는 모든 필수 페이지에 navbar를 포함합니다.

스파크 리쉬 77

각 링크 페이지에는 동일한 navbar 항목이 있어야한다는 점에서 PHP 프로젝트를 수행하고 있습니다. 모든 파일에 대한 navbar 코드를 포함하는 header.php 파일을 포함하여 navbar가 필요합니다. 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>

현재 페이지 메뉴 항목에 "활성"클래스를 추가합니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

Related 관련 기사

뜨겁다태그

보관