Membuat CSS Class aktif di menu dengan Codeigniter

0

Radio Dalam – Sebelumnya sempat gw share cara bikin Class Aktif di PHP Prosedural (linknya bisa di intip diSINI), nah sekarang gw mau share cara simple untuk membuat CSS Class aktif di menu Framework Codeigniter.

Sebelumnya siapkan dulu menunya

<style>
ul {list-display:none;}
li {display:inline-block;padding:5px 10px;}
a {color:#000;text-decoration:none;}
</style>
<ul>
<li><a href="home">HOME</a></li>
<li><a href="about">ABOUT</a></li>
<li><a href="about">ABOUT</a></li>
<li><a href="contact">CONTACT</a></li>
</ul>

Sekarang lanjut siapin kode yang udah ada di CI untuk ngambil segmen URL $this->uri->segment(n), N disini ditentukan sesuai bentuk URL yang anda gunakan. Misal URL nya itu webnya.com/news/month/isi_berita, berarti segment(1) itu news, segment(2) itu month, dan segment(3) itu isi_berita. Sudah paham kan sampai situ? ok lanjut…

Kita buat variabel untuk segmen-nya $hal = $this->uri->segment(1) kemudian kita sisipkan ke li untuk pasang CLASS aktif nya <?=($hal==’ini-nama-menu-atau-segmen-nya’)?’active’:”;?>

<?php
$hal = $this->uri->segment(1);
?>
<ul>
<li class="<?=($hal=='home')?'active':'';?>"><a href="<?=base_url();?>home">HOME</a></li>
<li class="<?=($hal=='news')?'active':'';?>"><a href="<?=base_url();?>news">NEWS</a></li>
<li class="<?=($hal=='about')?'active':'';?>"><a href="<?=base_url();?>about">ABOUT</a></li>
<li class="<?=($hal=='contact')?'active':'';?>"><a href="<?=base_url();?>contact">CONTACT</a></li>
</ul>

Semoga bermanfaat 😉

Referensi:
https://forum.codeigniter.com/thread-62075.htmlhttps://stackoverflow.com/questions/19293892/what-is-the-use-of-this-uri-segment3-in-codeigniter-pagination

LEAVE A REPLY

Please enter your comment!
Please enter your name here