change header values based on variable codeigniter

Question

I have the following in my header:

<div id="wrapper" class="homepage itemlist com_k2 category">
  <div id="rt-header">
    <div class="rt-container">
      <div class="rt-grid-3 rt-alpha">
        <div class="rt-block"><a href="#" id="rt-logo"></a></div>
      </div>
      <div class="rt-grid-9 rt-omega">
        <div class="rt-fusionmenu">
          <div class="nopill">
            <div class="rt-menubar">
              <ul class="menutop level1 ">
                <li class="parent  root f-main-parent firstItem f-mainparent-item"> <a class="daddy item bullet" href="www.domain.com"> <span> الرئيسية </span> </a> </li>

                <li class="active root"> <a class="orphan item bullet" href="load_kitchen_list"> <span> المطبخ </span> </a> </li>
                <li class="root"> <a class="orphan item bullet" href=""> <span style="font-size:medium;"> الملف الشخصي </span> </a> </li>
                <li class="root"> <a class="orphan item bullet" href="main/contactus"> <span> للإتصال بنا</span> </a> </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <div class="clear"></div>
    </div>
  </div>

Now if you investigate the

elements, you will find that there is an active flag in one of them. This makes sure that the currently seen page is highlighted in navigation bar. I want to know how can I change this based on view loaded? this is how I load views:

$this->load->view('layout/header');
$this->load->view('home');
$this->load->view('layout/footer');

So in this case the main navigation tab should be active.

Regards,

Pooshonk · Accepted Answer · 2013-04-18 13:14:02Z

3

I completed something similar recently. Probably not the best way, but it works for me.

In your controller add this before your views

$data['contact'] = 'active';

Then pass the $data variable from the controller to the view

$this->load->view('header', $data);

And in your view add this to the list item

<li class="contact <?php if(isset($contact)) {echo $contact; }">

answered Apr 18, 2013 at 13:14

Pooshonk

1,3342 gold badges25 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mohamed Nagy · Accepted Answer · 2013-04-18 13:17:42Z

from the controller:

set names for your menus and put the loaded menu or page name in a variable as the following:

$data['active'] = 'menu1';
$this->load->view('layout/header',$data);
$this->load->view('home');
$this->load->view('layout/footer');

in the view:

<div id="wrapper" class="homepage itemlist com_k2 category">
  <div id="rt-header">
    <div class="rt-container">
      <div class="rt-grid-3 rt-alpha">
        <div class="rt-block"><a href="#" id="rt-logo"></a></div>
      </div>
      <div class="rt-grid-9 rt-omega">
        <div class="rt-fusionmenu">
          <div class="nopill">
            <div class="rt-menubar">
              <ul class="menutop level1 ">
                <li class="<?php if(isset($active) && $active == 'menu1') echo 'active';  ?> parent  root f-main-parent firstItem f-mainparent-item"> <a class="daddy item bullet" href="www.domain.com"> <span> الرئيسية </span> </a> </li>

                <li class="<?php if(isset($active) && $active == 'menu2') echo 'active';  ?> root"> <a class="orphan item bullet" href="load_kitchen_list"> <span> المطبخ </span> </a> </li>
                <li class="<?php if(isset($active) && $active == 'menu3') echo 'active';  ?> root"> <a class="orphan item bullet" href=""> <span style="font-size:medium;"> الملف الشخصي </span> </a> </li>
                <li class="<?php if(isset($active) && $active == 'menu4') echo 'active';  ?> root"> <a class="orphan item bullet" href="main/contactus"> <span> للإتصال بنا</span> </a> </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <div class="clear"></div>
    </div>
  </div>

Rick Calder · Accepted Answer · 2013-04-18 13:05:40Z

0

Give each menu item a distinct class or id then do it via jQuery or js

<li class="kitchen root"> <a class="orphan item bullet" href="load_kitchen_list"> <span> المطبخ </span> </a> </li>
<li class="anotherclass root"> <a class="orphan item bullet" href=""> <span style="font-size:medium;"> الملف الشخصي </span> </a> </li>
<li class="contact root"> <a class="orphan item bullet" href="main/contactus"> <span> للإتصال بنا</span> </a> </li>

Then for example in the contact page you'd simply do this via jQuery:

$(document).ready(function(){
    $(".contact").addClass("active");
});

answered Apr 18, 2013 at 13:05

Rick Calder

18.8k3 gold badges27 silver badges41 bronze badges

Collectives™ on Stack Overflow

change header values based on variable codeigniter

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related