How can I set class=“active” to navigation menu in codeigniter?

Question

I just start up to be a web developer. Now I create a dynamic website for the first time. I don\'t know how to set class=\"active\" to the navigation menu. Here is

Answer 1

I have used Codeigniter URI Class $this->uri->segment();

Please look at my code:

<li class="<?=($this->uri->segment(1)==='technology')?'active':''?>"><a href="<?php echo base_url('technology')?>">Tech</a></li>

Please note....

class="<?=($this->uri->segment(1)==='technology')?'active':''?>"

Also you can use URI Class $this->uri->uri_string()

Here is my active class for home page(index)

<li class="<?=($this->uri->uri_string()=== '')?'active':''?>"><a href="<?php echo base_url('')?>">Home</a></li>

Answer 2

Try this one. I think no need of javascript or jquery.

If you are using codeigniter then you can use URI Class. Get the menu from url using

$this->uri->segment();  

and apply to you code like below

<li>
    <a href="<?php echo base_url(); ?>patient/listpatient"><i class="glyphicon glyphicon-list-alt fa-lg <?php if($this->uri->segment(1)=="memu_name"){echo "active";}?>"> </i> List Patients </a> 

</li>

Answer 3

You can use $this->uri->segment();

<li>
    <a href="<?php echo base_url(); ?>patient/createpatient" <?php if($this->uri->segment(1)=="menu_name"){echo 'class="active"';}?> ><i class="fa fa-users fa-lg"></i> Create Patient </a>
</li>
<?php } ?>
    <li>
       <a href="<?php echo base_url(); ?>patient/listpatient" <?php if($this->uri->segment(1)=="menu_name"){echo 'class="active"';}?> ><i class="glyphicon glyphicon-list-alt fa-lg"> </i> List Patients </a> 
    </li>
<?php if( $usertype == "Admin"){?>
    <li>
    <a href="<?php echo base_url(); ?>user/" <?php if($this->uri->segment(1)=="menu_name"){echo 'class="active"';}?> ><i class="fa fa-list fa-lg"> </i> List Users </a> 
    </li>

Answer 4

I do this on most projects. How I achieve this is like this;

<a href="<?php echo site_url('patient/listpatient'); ?>" class="<?php if($this->uri->uri_string() == 'patient/listpatient') { echo 'active'; } ?>"><i class="glyphicon glyphicon-list-alt fa-lg"></i> List Patients</a>

It's matching the current uri string, with the links href. If it matches, it add's an active class to the link.

Hope this helps.

I have also used site_url over base_url