выделить текущую страницу в меню
Помогите написать скрипт, выделения текущего меню на 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, время: 12:00. |