Menampilkan Halaman Active dengan PHP

Menampilkan halaman active dengan PHP

Mungkin anda pernah sering melihat web ketikan menu nya di klik secara otomatis menu yang di click tersebut tercetak tebal dan beda dengan menu list yang ada, nah ini di sebut active page atau halaman aktif yang sedang anda buka atau halaman yang sedang anda kunjungi.

Untuk menampilkan menu aktif tersebut, kita harus membuat variable dari masing masing menu, misalnya menu index, data, master dan container, maka di masing masing halaman harus di tambahkan variabel yang mengidentifikasi halaman yang sedang di akses.

untuk contoh nya anda bisa melihat source code berikut ini

$thisPage = "index";

<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
      <a class="navbar-brand" href="#">Barcode Generator</a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarCollapse">
        <ul class="navbar-nav mr-auto">
          <li class="nav-item <?php  if($thisPage == "index") echo "active"; ?>">
            <a class="nav-link" href="index.php">Data Master <span class="sr-only">(current)</span></a>
          </li>
          <li class="nav-item <?php  if($thisPage == "data") echo "active"; ?>">
            <a class="nav-link" href="data.php">Data Container <span class="sr-only"></span></a>
          </li>
          <li class="nav-item <?php  if($thisPage == "master") echo "active"; ?>">
            <a class="nav-link" href="master.php">Input Master</a>
          </li>
          <li class="nav-item <?php  if($thisPage == "container") echo "active"; ?>">
            <a class="nav-link" href="container.php">Input Container</a>
          </li>
        </ul>
      </div>
    </nav>

dari source code di atas anda sudah bisa melihat bahwa pada menu terdapat variabel yang menginisiasi isi dari variabel tersebut, jadi jika variabel tersebut cocok pada salah satu menu maka menu tersebut menjadi aktif dan tamoilan menu (UI nya) akan berbeda dengan menu yang ada.

Fungsi dari menampilkan halaman aktif di PHP ini adalah untuk mempermudah navigasi dan mempermudah user sedang berada di halaman yang mana, sehingga bisa lebih membuat user experience yang lebih menyenangkan untuk user.

fungsi ini sebenarnya hanya mengandalkan kondisi if saja sehingga hanya nilai tertentu yang cocok maka akan ditampilkan menjadi halaman aktif di web, sekian tutorial singkat dari saya semoga bisa berguna dan bermanfaat untuk anda yang sedang mencari tutorial Menampilkan Halaman Active dengan PHP.

Silahkan dicoba dan dipraktekkan, jika artikel ini bermanfaat jangan sungkan untuk membagikannya.

Selamat Mencoba

Share this post