Code:
<script type="text/javascript">
function setActive() {
aObj = document.getElementById('nav').getElementsByTagName('a');
for(i=0;i<aObj.length;i++) {
if(document.location.href.indexOf(aObj[i].href)>=0) {
aObj[i].className = 'link active';
}
}
}
</script>
<style type="text/css">
#nav { display: block; padding: 8px; border: solid 1px gray; width: 200px; }
.link { color: green;text-decoration: none;}
.active { font-size: 17px; color: red;}
</style>
<div id="nav">
<a href="/test/index.php" class="link">Home</a> |
<a href="/test/test.php" class="link">Test</a> |
<a href="/test/proba.php" class="link">Proba</a> |
<a href="/test/ajmo.php" class="link">Ajmo</a>
</div>
<script>window.onload = setActive;</script>
Eto, meni radi isprobano. Snimis kod u 1 file, nazoves ga index.php, pa ga kopiraj u ostala 3 (ajmo, proba, test) i loadaj u browser...