PHP trouble with current page name - php

Question

I am creating menu, and if the specific page is current , menu item assign different color.
Simple situation.
So i do :
<?php $page = $_SERVER['SCRIPT_NAME'];?>
<?php if ($page == "index.php"){ echo "class='active'";} ?> >
Home
That works for every page, except one.
I tried some other options suggested on stackoverflow
How to get current PHP page name , like :
echo basename($_SERVER['PHP_SELF']); returns file_name.php
and
if(basename(__FILE__) == 'file_name.php') {
//Hide
} else {
//show
}
Still does not work.

Answer 1

$pagename = basename($_SERVER['PHP_SELF']);
if($pagename=='index.php'){
echo "class='active'";
}

Answer 2

According to the data you supplied I suggest to use client-side solution instead of server-side solution. I mean that you use javascript.
This is may be done as follows:
<ul id="menu">
<li>Home</li>
<li>About</li>
<li>Any Other</li>
</ul>
<script>
function setCurrentNavLink(id){
nav = document.getElementById(id);
links = nav.getElementsByTagName('a');
for (i = 0; i < links.length; i++){
if (links[i].href == location.href){
links[i].className = 'current';
break;
}
}
}
setCurrentNavLink('menu');
</script>
Check this demo: http://jsbin.com/tomid/1

Answer 3

Sorted. The problem was in JQuery , thats operates Tabs on the current page.
$(document).ready(function(){
// When a link is clicked
$("a.tab").click(function () {
// switch all tabs off
$("ul.tabs li a.active ").removeClass("active");
//$(".active ").removeClass("active");
// switch this tab on
$(this).addClass("active");
//$(".collapse navbar-collapse").addClass("active");
// slide all content up
$(".content").slideUp();
// slide this content up
var content_show = $(this).attr("title");
$("#"+content_show).slideDown();
});
});
The mistake was in 3rd section, where Class .active was removed from Every object. Including header. Therefore header did not appear as active.
Instead of that, class .active had to be removed only from Tabs tab.