How add class active to html menu with php

Question

I want to put my html navigation in a separate php file so when I need to edit it, I only have to edit it once. The problem starts when I want to add the class active to the active page.

I've got three pages and one common file.

common.php :

<?php 
$nav = <<<EOD
   <div id="nav">
        <ul>
           <li><a <? if($page == 'one'): ?> class="active"<? endif ?> href="index.php">Tab1</a>/</li>
           <li><a href="two.php">Tab2</a></li>
           <li><a href="three.php">Tab3</a></li>
       </ul>
    </div>
EOD;
?>

index.php : All three pages are identical except their $page is different on each page.

  <?php
     $page = 'one';      
     require_once('common.php');
    ?>
    <html>
       <head></head>
       <body>
          <?php echo $nav; ?>
       </body>
    </html>

This simply won't work unless I put my nav on each page, but then the whole purpose of separating the nav from all pages is ruined.

Is what I want to accomplish even possible? What am I doing wrong?

Thanks

EDIT: When doing this, the php code inside the li don't seem to run, it's just being printed as if it was html

This question is related to php

User · Answer

why don t you do it like this    in the pages    lt html gt      lt head gt  lt  head gt      lt body gt         lt  php  page    one   include  navigation php      gt      lt  body gt   lt  html gt    in the navigation php   lt div id  nav  gt      lt ul gt         lt li gt             lt a  lt  php echo   page     one      class  active           gt                    href  index1 php  gt Tab1 lt  a gt   lt  li gt         lt li gt             lt a  lt  php echo   page     two      class  active           gt                     href  index2 php  gt Tab2 lt  a gt   lt  li gt         lt li gt             lt a  lt  php echo   page     three      class  active           gt                     href  index3 php  gt Tab3 lt  a gt   lt  li gt      lt  ul gt   lt  div gt    You will actually be able to control where in the page you are putting the navigation and what parameters you are passing to it   Later edit  fixed syntax error

User · Answer

Why don t you create a function or class for this navigation and put there active page as a parameter  This way you d call it as  for example    navigation   new Navigation  1      or   navigation   navigation  1

User · Answer

A very easy solution to this problem is to do this.

<ul>
  <li class="<?php if(basename($_SERVER['SCRIPT_NAME']) == 'index.php'){echo 'current'; }else { echo ''; } ?>"><a href="index.php">Home</a></li>
  <li class="<?php if(basename($_SERVER['SCRIPT_NAME']) == 'portfolio.php'){echo 'current'; }else { echo ''; } ?>"><a href="portfolio.php">Portfolio</a></li>
  <li class="<?php if(basename($_SERVER['SCRIPT_NAME']) == 'services.php'){echo 'current'; }else { echo ''; } ?>"><a href="services.php">Services</a></li>
  <li class="<?php if(basename($_SERVER['SCRIPT_NAME']) == 'contact.php'){echo 'current'; }else { echo ''; } ?>"><a href="contact.php">Contact</a></li>
  <li class="<?php if(basename($_SERVER['SCRIPT_NAME']) == 'links.php'){echo 'current'; }else { echo ''; } ?>"><a href="links.php">Links</a></li>
</ul>

Which will output

<ul>
  <li class="current"><a href="index.php">Home</a></li>
  <li class=""><a href="portfolio.php">Portfolio</a></li>
  <li class=""><a href="services.php">Services</a></li>
  <li class=""><a href="contact.php">Contact</a></li>
  <li class=""><a href="links.php">Links</a></li>
</ul>

User · Answer

You could use this PHP  hope it helps    lt  php if basename   SERVER  PHP SELF      php       home        gt  class  active   lt  php   else     gt   lt  php    gt    So a list would be like the below    lt ul gt     lt li  lt  php if  basename   SERVER  PHP SELF      php       home        gt  class  active   lt  php   else     gt   lt  php    gt  gt  lt a href  home  gt  lt i class  fa fa-dashboard  gt  lt  i gt   lt span gt Home lt  span gt  lt  a gt  lt  li gt     lt li  lt  php if  basename   SERVER  PHP SELF      php       listings        gt  class  active   lt  php   else     gt   lt  php    gt  gt  lt a href  other  gt  lt i class  fa fa-th-list  gt  lt  i gt   lt span gt Other lt  span gt  lt  a gt  lt  li gt   lt  ul gt

User · Answer

seperate your page from nav bar   pageOne php    page  one   include  navigation php      navigation php  if  page   one    oneIsActive    class  active    else   oneIsActive       if  page   two    twoIsActive    class  active    else   twoIsActive       if  page   three    threeIsActive    class  active    else   threeIsActive         lt ul class  nav  gt     lt li  lt  php echo  oneIsActive    gt  gt  lt a href  pageOne php  gt One lt  a gt  lt  li gt     lt li  lt  php echo  twoIsActive    gt  gt  lt a href  pageTwo php  gt  lt a href     gt Page 2 lt  a gt  lt  li gt     lt li  lt  php echo  threeIsActive    gt  gt  lt a href  pageThree php  gt  lt a href     gt Page 3 lt  a gt  lt  li gt   lt  ul gt    I found that I could also set the title of my pages with this method as well     page  one     title  This is page one    include  navigation php      and just grab the  title var and put it in between the  title  tags  Though I am sending it to my header page above my nav bar

User · Answer

Your index php code is correct   I am including the updated code for common php below then I will explain the differences    lt  php        class     page     one      class  active               nav    lt  lt  lt EOD          lt div id  nav  gt               lt ul gt                  lt li gt  lt a  class href  index php  gt Tab1 lt  a gt   lt  li gt                  lt li gt  lt a href  two php  gt Tab2 lt  a gt  lt  li gt                  lt li gt  lt a href  three php  gt Tab3 lt  a gt  lt  li gt              lt  ul gt           lt  div gt   EOD     gt    The first issue is that you need to make sure that the end declaration for your heredoc -- EOD  -- is not indented at all   If it is indented  then you will get errors   As for your issue with the PHP code not running within the heredoc statement  that is because you are looking at it wrong   Using a heredoc statement is not the same as closing the PHP tags   As such  you do not need to try reopening them   That will do nothing for you   The way the heredoc syntax works is that everything between the opening and closing is displayed exactly as written with the exception of variables   Those are replaced with the associated value   I removed your logic from the heredoc and used a tertiary function to determine the class to make this easier to see  though I don t believe any logical statements will work within the heredoc anyway   To understand the heredoc syntax  it is the same as including it within double quotes      but without the need for escaping   So your code could also be written like this    lt  php        class     page     one      class  active               nav     lt div id   nav   gt               lt ul gt                  lt li gt  lt a  class href   index php   gt Tab1 lt  a gt   lt  li gt                  lt li gt  lt a href   two php   gt Tab2 lt  a gt  lt  li gt                  lt li gt  lt a href   three php   gt Tab3 lt  a gt  lt  li gt              lt  ul gt           lt  div gt       gt    It will do exactly the same thing  just is written somewhat differently   Another difference between heredoc and the string is that you can escape out of the string in the middle where you can t in the heredoc   Using this logic  you can produce the following code    lt  php        nav     lt div id   nav   gt               lt ul gt                  lt li gt  lt a      page     one      class  active           href   index php   gt Tab1 lt  a gt   lt  li gt                  lt li gt  lt a href   two php   gt Tab2 lt  a gt  lt  li gt                  lt li gt  lt a href   three php   gt Tab3 lt  a gt  lt  li gt              lt  ul gt           lt  div gt       gt    Then you can include the logic directly in the string like you originally intended   Whichever method you choose makes very little  if any  difference in the performance of the script   It mostly boils down to preference   Either way  you need to make sure you understand how each works

User · Answer

lt ul gt                    lt li gt  lt a  lt  php echo   page     yourfilename      class  active           gt  href  user php   gt  lt span gt Article lt  span gt  lt  a gt  lt  li gt                   lt li gt  lt a  lt  php echo   page     yourfilename      class  active           gt  href  newarticle php  gt  lt span gt New Articles lt  span gt  lt  a gt  lt  li gt                    lt  ul gt

User · Answer

lt a href  store index   lt  php if   SERVER  REQUEST URI        store index       gt class  active  lt  php     gt   gt  Link  lt  a gt   lt a href  account referral   lt  php if   SERVER  REQUEST URI        account referral       gt class  active  lt  php     gt   gt  Link  lt  a gt

User · Answer

The solution i m using is as follows and allows you to set the active class per php page   Give each of your menu items a unique class  i use  nav-x  nav-about  here     lt li class  nav-item nav-about  gt       lt a class  nav-link  href  about php  gt About lt  a gt   lt  li gt   At the top of each page  about php here     lt  -- Navbar Active Class -- gt   lt  php  activeClass     nav-about  gt  a     gt    Elsewhere  header php   index php     lt style gt   lt  php echo  activeClass    gt        color   fff  important     lt  style gt    Simply change the  nav-about  gt  a per page   nav-forum  gt  a  for example   If you want different styling  colors etc  for each nav item  just attach the inline styling to that page instead of the index   header page

User · Answer

CALL common php  lt style gt       ddsmoothmenu ul li float  left  padding  0 20px        ddsmoothmenu ul li a display  block    padding  40px 15px 20px 15px    color   4b4b4b    font-size  13px    font-family   Open Sans   Arial  sans-serif    text-align  right    text-transform  uppercase    margin-left  1px  color   fff  background   000        current  test   background   2767A3  color   fff    lt  style gt   lt div class  span8 ddsmoothmenu  gt   lt  --    Dropdown Menu    -- gt   lt ul id  dropdown-menu  class  fixed  gt       lt li class   lt  php if basename   SERVER  SCRIPT NAME        index php   echo  current    else   echo         gt   gt  lt a href  index php  class  test  gt Home   lt i gt    lt  i gt   lt span gt welcome lt  span gt  lt  a gt  lt  li gt       lt li class   lt  php if basename   SERVER  SCRIPT NAME        about php   echo  current    else   echo         gt   gt  lt a href  about php  class  test  gt About us  lt i gt    lt  i gt   lt span gt Who we are lt  span gt  lt  a gt  lt  li gt       lt li class   lt  php if basename   SERVER  SCRIPT NAME        course php   echo  current    else   echo         gt   gt  lt a href  course php  gt Our Courses   lt i gt    lt  i gt   lt span gt What we do lt  span gt  lt  a gt  lt  li gt   lt  ul gt  lt  -- end  dropdown-menu -- gt    lt  div gt  lt  -- end  span8 -- gt   add each page  lt  php include  common php      gt

User · Answer

page  one  should occur before you require once   not after  After is too late- the code has already been required  and  nav has already been defined  You should use include  header php    and include  footer php    instead of setting a  nav variable early on  That increases flexibility  Make more functions  Something like this really makes things easier to follow   function maybe  x  y  return  x  y      function aclass  k  return   class    k          then you can write your  condition  like this    lt a href        lt    maybe  page   one  aclass  active      gt  gt

User · Answer

I know this is old  but none of these answers are very good  sry ppl   The BEST way to do it  without writing out convoluted classes  is to compare the current   SERVER  REQUEST URI   to the href of the link  You re almost there   Try this   Taken from http   ma tt scripts intellimenu     nav    lt  lt  lt EOD  lt div id  nav  gt           lt ul gt              lt li gt  lt a href  index php  gt Tab1 lt  a gt  lt  li gt              lt li gt  lt a href  two php  gt Tab2 lt  a gt  lt  li gt              lt li gt  lt a href  three php  gt Tab3 lt  a gt  lt  li gt          lt  ul gt       lt  div gt  EOD    lines   explode   n    nav   foreach  lines as  line        if preg match   href               line   url             if substr   SERVER  REQUEST URI    0  5     substr  url 1   0  5                  line   str replace   gt  lt a     class  current-menu-item  gt  lt a    line                       echo  line     n

User · Answer

I think you need to put your  page    one   above the require once   otherwise I don t understand the question

[php] How add class='active' to html menu with php

The answer is

Examples related to php

Tags