Menampilkan Halaman Active di PHP

Tentunya ketika kita ketika mengujungi halaman suatu website kalau diperhatikan pada menu terlihat seperti ada hover baik huruf block dan sebagainya yang menunjukan halaman yang sedang di akses, Tujuannya apa sih.? tujuannya agar pengunjung mengetahui lokasi halaman yang di akses, nah Pada tutorial kali ini menjelaskan tentang menampilkan halaman active di PHP.

Langsung saja, untuk membuat menu aktif sebenarnya cukup dengan memanfaatkan $_SERVER['PHP_SELF'] kemudian membuat pencocokan halaman yang di akses dengan nama file halaman web tersebut, jika halaman a.php di klik maka halaman a.php akan active di menu, untuk lebih jelasnya anda bisa lihat kode di bawah ini

<?php

$namaHalaman = $_SERVER['PHP_SELF'];

$namaArray = explode('/',$namaHalaman);

$jumlah = count($namaArray);

$namaHalaman = $namaArray[$jumlah-1];

?>

                <div class="navbar-collapse collapse">

                    <ul class="nav navbar-nav">

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

<li class="<?php echo ($namaHalaman=='produk.php')?'active':'';?>"><a class="<?php echo ($namaHalaman=='produk.php')?'active':'';?>" href="produk.php">PRODUK</a></li>

<li class="<?php echo ($namaHalaman=='program.php')?'active':'';?>"><a class="<?php echo ($namaHalaman=='program.php')?'active':'';?>" href="program.php">PROGRAM</a></li>

<li class="<?php echo ($namaHalaman=='daftar.php')?'active':'';?>"><a class="<?php echo ($namaHalaman=='daftar.php')?'active':'';?>" href="daftar.php">PENDAFTARAN</a></li>

<li class="<?php echo ($namaHalaman=='about.php')?'active':'';?>"><a class="<?php echo ($namaHalaman=='daftar.php')?'active':'';?>" href="about.php">TENTANG KAMI</a></li>

Penjelasan singkat kode

<?php

$namaHalaman = $_SERVER['PHP_SELF'];

$namaArray = explode('/',$namaHalaman);

$jumlah = count($namaArray);

$namaHalaman = $namaArray[$jumlah-1];

?>

Kita bisa mengetahui halaman yang di akses dengan menggunakan $_SERVER['PHP_SELF'] yang kemudian di ubah menjadi varibael $namaHalaman.

Selanjutnya di mengexplode halaman sehingga yang di dapat nama halaman tersebut.

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

<li class="<?php echo ($namaHalaman=='produk.php')?'active':'';?>"><a class="<?php echo ($namaHalaman=='produk.php')?'active':'';?>" href="produk.php">PRODUK</a></li>

<li class="<?php echo ($namaHalaman=='program.php')?'active':'';?>"><a class="<?php echo ($namaHalaman=='program.php')?'active':'';?>" href="program.php">PROGRAM</a></li>

<li class="<?php echo ($namaHalaman=='daftar.php')?'active':'';?>"><a class="<?php echo ($namaHalaman=='daftar.php')?'active':'';?>" href="daftar.php">PENDAFTARAN</a></li>

<li class="<?php echo ($namaHalaman=='about.php')?'active':'';?>"><a class="<?php echo ($namaHalaman=='daftar.php')?'active':'';?>" href="about.php">TENTANG KAMI</a></li>

Bila anda lihat kode di atas dengan seksama maka terlihat adanya pencocokan variabel $namaHalaman dengan nama file halaman yang di akses, untuk menu ini sendiri saya menggunakan css framework bootstrap jadi cukup dengan mengaktifkan class active pada link maka keyika halaman tersebut di akses otomatis fungsi active pada class akan dieksekusi.

Sampai tahap ini anda sudah bisa Menampilkan Halaman Active di PHP, semoga tutorial singkat, jelas dan padat ini bisa dengan mudah anda pahami dan penjelasan saya bisa dengan mudah anda mengerti.

Bila ada pertanyaan anda bisa menghubungi saya melalui menu kontak di blog ini.

Selamat Mencoba

Share this post