How to add active class to codeigniter hyperlinks
In the previous article, I showed How to add the active class to the menu in CodeIgniter. Now I am going to show another process to do this. At first, you need to create a helper class. I created this file in 'helpers' called 'nav_helper.php'.
helpers/nav_helper.php
helpers/nav_helper.php
<?php if(!defined('BASEPATH')) exit('No direct script access allowed'); if (! function_exists('active_link')){ function active_link($controller){ $CI =& get_instance(); $class = $CI->router->fetch_class(); return ($class == $controller) ? 'active' : ''; } }Load the file: You can load this file via the controller..
$this->load->helper('nav');Or you can also load directly putting it above the view file with the php tags.
<?php $this->load->helper('nav'); ?>The view file:
<ul> <li class="<?php echo active_link('about'); ?>"><a href="<?php echo site_url('about'); ?>">About</a></li> <li class="<?php echo active_link('contact'); ?>"><a href="<?php echo site_url('contact'); ?>">Contact</a></li> </ul>The CSS:
.active{background-color:#16A085;color:#fff !important;}
How to practice tutorials…
- Make a team with your friends (Member should be 4/5).
- Start to practice one tutorial series along with them.
- Don’t try to collect source code. Type the code while watching the tutorial.
- If you face any problem, discuss with team members to solve quickly.