如何在循环的边栏导航中停止活动类

Question

I have coded a sidebar navigation and added loop in <li> for brand class. which has extracted from database!

Below is the code of Sidebar Navigation.

Problem is <li class='active'> has enabled with all li. i only wanted to enable to active with opened page of site. How to break down li using loop?

<div class="col-sm-2">
    <nav class="nav-sidebar">
        <ul class="nav">
            <li><a href="<?php echo(BASE_URL); ?>index.php">Home</a></li>
            <?php
            try {

                $brands = Brand::get_brands();
                foreach ($brands as $b) {

                    echo("<li class='active'><a href='" . BASE_URL . "products/products.php?brandID=$b->brandID'>$b->brand_name</a></li>");
                }
            } catch (Exception $ex) {
                echo("<li>" . $ex->getMessage() . "</li>");
            }
            ?> 

            <li class="nav-divider"></li>
            <li><a href="<?php echo(BASE_URL); ?>login.php"><i class="glyphicon glyphicon-off"></i> Sign in</a></li>
        </ul>
    </nav>
</div>

Image of sidebar screenshot: Sidebar Navigation Screenshot

Answer 1

Based on the links you make, I assume that your URL looks something like yoursite.com/products/products.php?brandID=150 . You can use the brandID from the URL by calling $_GET['brandID'] .

So we check if it is set and compare the value to the brandID inside the loop.

<div class="col-sm-2">
    <nav class="nav-sidebar">
        <ul class="nav">
            <li><a href="<?php echo(BASE_URL); ?>index.php">Home</a></li>
            <?php
            try {

                $brands = Brand::get_brands();
                foreach ($brands as $b) {
                    // adding this line:
                    $class = ( isset($_GET['brandID']) and $_GET['brandID'] == $b->brandID) ? ' class="active"' : '';
                    echo("<li".$class."><a href='" . BASE_URL . "products/products.php?brandID=$b->brandID'>$b->brand_name</a></li>");
                }
            } catch (Exception $ex) {
                echo("<li>" . $ex->getMessage() . "</li>");
            }
            ?> 

            <li class="nav-divider"></li>
            <li><a href="<?php echo(BASE_URL); ?>login.php"><i class="glyphicon glyphicon-off"></i> Sign in</a></li>
        </ul>
    </nav>
</div>