Apa kabar CI mania ?
Saya harap kabar anda baik-baik saja. Karena jika kabar anda dan mood anda baik maka bisa fokus dengan tutorial pemrograman dari saya kali ini. Langsung to do point saja, pada tutorial kali ini kita akan membuat menu auto active dengan framework ketika suatu menu diklik.
Disini kita menggunakan bantuan helper sehingga penulisan program bisa lebih rapi.
Step 1 :
Buka File Helper melalui direktori “Folder CI -> application -> helpers”. Buat helper baru dengan nama web_helper.php lalu file helper tersebut isi dengan script berikut :
<?php if(!defined(‘BASEPATH’)) exit(‘No direct script access allowed’);
if(!function_exists(‘active_link’)) {
function activate_menu($controller) {
$CI = get_instance();
$class = $CI->router->fetch_class();
return ($class == $controller) ? ‘active’ : ”;
}
}
Step 2 :
Modifikasi Script Pada Menu Navigasi Anda. Script menu navigasi yang sebelumnya kita gunakan di ubah dengan menambahkan script :
<li class=”<?php echo activate_menu(‘home’); ?>”>
Untuk lebih jelasnya bandingkan script berikut dengan dengan script yang pertama di atas :
<ul class=”nav navbar-nav”>
<li class=”<?php echo activate_menu(‘home’); ?>”><a href=”home.html” title=”Home”>Home</a></li>
<li class=”<?php echo activate_menu(‘about’); ?>”><a href=”about.html” title=”About”>About</a></li>
<li class=”<?php echo activate_menu(‘blog’); ?>”><a href=”blog.html” title=”Blog”>Blog</a></li>
<li class=”<?php echo activate_menu(‘contact’); ?>”><a href=”contact.html” title=”Contact”>Contact</a></li>
</ul>
Done, maka ketika menu anda klik maka secara otomatis tombol menu tersebut akan menjadi auto active.
Terima kasih…,,,semoga bermanfaat.
Rujukan : Sumber