Make <li> active with includes using PHP and CSS

I use these files as base for my website:

The menu.php:

$p = $_GET['p'];

switch($p)
{
    case "home":
        $p = "page/home.php";
    break;

    case "customers":
        $p = "page/customers.php";
    break;

    default:
        $p = "page/home.php";
    break;
}

<ul id='nav'>

   <li>Title</li>
    <ul>
        <li class="nav active"><a href="?p=home">Home</a></li>
        <li><a href="?p=customers">Customers</a></li>
    </ul>
</ul>

The default.php:

<body>
 <div id='navcontainer'>
  <?php include ("menu.php"); ?>
 </div>

<div id='content'>
 <?php include ($p); ?>
</div>

The style.css:

#navcontainer {margin:0; padding:0; width:220px;float:left;}
#nav li {background:#36393D; color:#fff; padding:5px 3px 5px 20px; margin:4px;border-left:5px solid #3F4C6B;}
#nav ul li{display:block; padding:3px; background:#fff; color:#000;border:none; padding:3px 0 3px 30px;}
#nav ul li:hover, #nav ul li.active {background:#eee; cursor:pointer; border-left:5px solid #4096EE;padding:3px 0 3px 25px;}
#nav ul li a {text-decoration:none; color:#000;}

The home.php and all pages:

<p>Hello world!</p>

I wonder if it is possible to get my menu.php to switch class to nav activeon the <li> items based on what page is currently visited.

Any ideas?

标签： php css class menu include

3条回答

孤傲高冷的网名

2楼-- · 2019-09-18 05:58

Using just php, you can create an extra variable

<?php
  $p = $_GET['p'];
  $currentPageId = 0;

  switch($p)
  {
    case "home":
        $p = "page/home.php";
        $currentPageId = 1;    
    break;

    case "customers":
        $p = "page/customers.php";
        $currentPageId = 2;    
    break;

    default:
        $p = "page/home.php";
        $currentPageId = 1;    
    break;
  }
?>

<ul id='nav'>

   <li>Title</li>
    <ul>
        <li <?php if($currentPageId == 1) { echo 'class="nav active"'; } ?> ><a href="?p=home">Home</a></li>
        <li <?php if($currentPageId == 2) { echo 'class="nav active"'; } ?> ><a href="?p=customers">Customers</a></li>
    </ul>
</ul>

0人赞添加讨论(0) 举报

ゆ、 Hurt°

3楼-- · 2019-09-18 06:05

I could not get

$p = $_GET['p'];

to work. What worked for me was

$p = $_SERVER[REQUEST_URI];

0人赞添加讨论(0) 举报

做自己的国王

4楼-- · 2019-09-18 06:12

You can give some id in REQUEST and then add:

$id = $_GET['id']

then

<li <?php if($id == your_id){ echo "class='nav visited'";} ?> >

0人赞添加讨论(0) 举报

Make active with includes using PHP and CSS

采纳回答

编辑标签

举报内容

检举类型

检举原因

检举说明(必填)

打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮

付费偷看金额在0.1-10元之间

Make
active with includes using PHP and CSS