Javascript-форум - Как выделить активный пункт?

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - Как выделить активный пункт? (https://javascript.ru/forum/misc/14148-kak-vydelit-aktivnyjj-punkt.html)

Как выделить активный пункт?

Есть меню

<div id="menu">
 <ul>
 <li><a href="http://dididima.info/">Главная</a></li>
 <li><a href="http://dididima.info/gb">Отзывы</a></li>
 <li><a href="http://dididima.info/index/0-2">Портфолио</a></li>
 <li><a href="http://dididima.info/index/0-6">Цены</a></li>
 <li><a href="http://dididima.info/index/0-2">Об Авторе</a></li>
</ul>

и есть class="current"

Как сделать если выделить с помощью js актинвый пункт на котором сейчас находиться человек

Цитата:

Сообщение от dididima

Как сделать если выделить с помощью js актинвый пункт на котором сейчас находиться человек

на стороне сервера назнать класс, но если же нет такой возможности то тольео сравнивать c url

<style type="text/css">
.active {color: red;}
.inactive {color: green;}
</style>

<script type="text/javascript">
window.onload = function(){
    var menu = document.getElementById('menu').getElementsByTagName('a'), i = menu.length;
    while(i--){
        menu[i].className = menu[i].href == window.location.href ? 'active' : 'inactive';
    }
};
</script>

<div id="menu">
    <ul>
        <li><a href="http://dididima.info/">Главная</a></li>
        <li><a href="http://dididima.info/gb">Отзывы</a></li>
        <li><a href="http://dididima.info/index/0-2">Портфолио</a></li>
        <li><a href="http://testbin.ru/html">Цены</a></li><!-- в конкретном случае эта активна, в вашем свои подставьте -->
        <li><a href="http://dididima.info/index/0-2">Об Авторе</a></li>
    </ul>
</div>