PHP connection to make my li class active on evry page change

Question

This is my Menu items .

 <html>
    <body>
      <div class="container">

                        <ul class="nav navbar-nav ct-navbar--fadeIn">
                            <li class="active">
                                <a href="index.php?con=1">HEM</a>

                            </li>
                            <li><a href="index.php?con=3">OM OSS</a></li>
                                <li><a href="index.php?con=15">Vilkor</a></li>
                                 <li><a href="index.php?con=16">Nyheter</a></li>

                             <li><a href="index.php?con=4">KONTAKTA OSS</a></li>



                        </ul>
     <div class="clear"></div>
    </div>

    </body>
    </html>

Curently it reamains active on home page even changing to other page. How could i able to make it active of that page on every page changing.

Thanks in advance.

I think the answers on [this question](http://stackoverflow.com/questions/9301507/bootstrap-css-active-navigation) can help — Carlos Parra, May 17 '16 at 05:21
@fruitoftheloins my question is how to make the current page active with this current php format of index.php?con= ..... — Tammy, May 17 '16 at 05:27

score 1 · Accepted Answer · answered May 17 '16 at 05:25

try this

<?php
$myactiveli = $_GET['con'];
 ?>
<html>
    <body>
      <div class="container">

                        <ul class="nav navbar-nav ct-navbar--fadeIn">
                            <li <?php if($myactiveli==1) { echo 'class="active"'; } ?> >
                                <a href="index.php?con=1">HEM</a>

                            </li>
                            <li <?php if($myactiveli==3) { echo 'class="active"'; } ?>><a href="index.php?con=3">OM OSS</a></li>

                        </ul>
     <div class="clear"></div>
    </div>

    </body>
    </html>

thank you so much for this useful tips. i am glad :) – Tammy May 17 '16 at 05:46 — Tammy, May 17 '16 at 05:46

score 1 · Answer 2 · answered May 17 '16 at 05:28

u can change index of <li> in .eq() according to page (starts from 0) the active class will aply to that index <li>

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $(".nav").children("li").eq(2).addClass("active");
});
</script>
</head>
    <body>
      <div class="container">    
                        <ul class="nav navbar-nav ct-navbar--fadeIn">
                            <li>
                                <a href="index.php?con=1">HEM</a>

                            </li>
                            <li><a href="index.php?con=3">OM OSS</a></li>
                                <li><a href="index.php?con=15">Vilkor</a></li>
                                 <li><a href="index.php?con=16">Nyheter</a></li>

                             <li><a href="index.php?con=4">KONTAKTA OSS</a></li>        

                        </ul>
     <div class="clear"></div>
    </div>    
    </body>
    </html>

its ok @tanmoy sarkar , if u wana say thanx to me just help other developers. ;) — Navin Bhandari, May 17 '16 at 07:24

score 0 · Answer 3 · answered Aug 08 '16 at 11:05

This jQuery work too for me.

<script>
 var url = window.location;
// Will only work if string in href matches with location
$('ul.nav a[href="' + url + '"]').parent().addClass('active');
// Will also work for relative and absolute hrefs
$('ul.nav a').filter(function() {
    return this.href == url;
}).parent().addClass('active');

</script>

PHP connection to make my li class active on evry page change

Curently it reamains active on home page even changing to other page. How could i able to make it active of that page on every page changing.

3 Answers3