CODEWITHSUNDEEP
phphtmlcssmenu
Bob Dylan
Bob Dylan

Reputation: 4453

Create a php menu that highlights current tab

So I have a menu in a php file that looks like this (This is the whole file. I'm totally new to PHP.)

menu.php:

<li id="current"><a href="#"><span>Home</span></a></li> 
<li><a href="http://blog.me.net/"><span>Blog</span></a></li> 
<li><a href="http://www.me.net/R"><span>Results</span></a></li> 
<li><a href="http://www.me.net/P"><span>Pictures</span></a></li> 
<li><a href="http://www.me.net/O.html"><span>Our Location</span></a></li>

Now in my pages I do this (index.php):

<div id="tabs1" >
    <ul>
        <!-- CSS Tabs -->
        <?php include("menu.php"); ?>
    </ul>
</div>

So what I want to be able to do is change the line above to this: 

<?php include("menu.php?current=pictures"); ?>

Which would make the active tab the Pictures tab. How can I do this?

Upvotes: 3

Views: 21263

Answers (5)

Vasim Walikar
Vasim Walikar

Reputation: 61

<nav>
   <style>
      #active{
        color:#FFC801;
      }
   </style>
   <?php
      $activePage = basename($_SERVER['PHP_SELF'], ".php");
      ?>
   <ul>
      <li><a href="about.php" id="<?= ($activePage == 'about') ? 'active':''; ?>">About Us</a></li>
      <li><a href="mentors.php" id="<?= ($activePage == 'mentors') ? 'active':''; ?>">Mentors</a></li>
      <li><a href="tours.php" id="<?= ($activePage == 'tours') ? 'active':''; ?>">Tours</a></li>
      <li><a href="animation.php" id="<?= ($activePage == 'animation') ? 'active':''; ?>">Animation</a></li>
      <li><a href="blogs.php" id="<?= ($activePage == 'blogs') ? 'active':''; ?>">Blog</a></li>
      <li><a href="testimonials.php" id="<?= ($activePage == 'testimonials') ? 'active':''; ?>">Testimonials</a></li>
      <li><a href="press_media.php" id="<?= ($activePage == 'press_media') ? 'active':''; ?>">Press/Media</a></li>
      <li><a href="facts.php" id="<?= ($activePage == 'facts') ? 'active':''; ?>">Facts</a></li>
   </ul>
</nav>

Upvotes: 0

pixeltocode
pixeltocode

Reputation: 5308

worth looking at

intelligent navigation

Upvotes: 2

vitto
vitto

Reputation: 19476

You could also try this:

Your php script

<?php
    $selected = "pictures";
    $current_id = ' id="current"';
    include "menu.php";
?>

this is your menu:

<ul>
<li <?php if ($selected == "pictures") print $current_id; ?>><a href="#"><span>Home</span></a></li> 
<li <?php if ($selected == "blog") print $current_id; ?>><a href="http://blog.me.net/"><span>Blog</span></a></li> 
<li <?php if ($selected == "home") print $current_id; ?>><a href="http://www.me.net/R"><span>Results</span></a></li> 
<li <?php if ($selected == "me") print $current_id; ?>><a href="http://www.me.net/P"><span>Pictures</span></a></li> 
<li <?php if ($selected == "contacts") print $current_id; ?>><a href="http://www.me.net/O.html"><span>Our Location</span></a></li>
</ul>

Upvotes: 5

Sairam
Sairam

Reputation: 2898

I don't think its necessary for it to be done at the server side (using up CPU cycles).

Use javascript/CSS to achieve this.

Upvotes: -2

Sarfraz
Sarfraz

Reputation: 382726

Try this:

<li <?php if($_GET['current'] == 'home') {echo 'id="current"'}?>><a href="#"><span>Home</span></a></li> 
<li <?php if($_GET['current'] == 'blog') {echo 'id="current"'}?>><a href="http://blog.me.net/"><span>Blog</span></a></li> 
<li <?php if($_GET['current'] == 'results') {echo 'id="current"'}?>><a href="http://www.me.net/R"><span>Results</span></a></li></li>
and so on....

Upvotes: 3

Related Questions