выделить текущую страницу в меню
Помогите написать скрипт, выделения текущего меню на JS, а то у меня не получается:cray:
сам класс который отвечает за выделение, selected. Код меню, ниже <ul id="menu"> <li class="selected"><a href="index.php" title="Главная страница">Главная</a></li> <li><a href="about.php" title="Информация о компании">О нас</a></li> <li><a href="#" title="Прайс лист цен">Каталог услуг</a></li> <li><a href="#" title="Как связаться с нами">Контакты</a></li> </ul> |
Цитата:
http://javascript.ru/window-location |
|
спасибо господа. Вот собственно мой код: :)
<script language="JavaScript" type="text/javascript"> function highlight(){ var tags=document.getElementsByTagName("li"); for(var i in tags){ if(tags[i].className=="selected"){ if(document.location.href==tags[i].firstChild.href){ tags[i].className += " active"; } } } } </script> |
А в действии можешь показать?:)
|
Можно ещё так попробовать :D
document.querySelector('li.selected > a[href="' + window.location.pathname + '"]').classList.add('active'); |
Часовой пояс GMT +3, время: 07:28. |