Как сделать выделение кнопки открытой страницы?

Question

[Александр Коновалов]

Здравствуйте! Как сделать, чтобы после перехода на страницу, например, меню, кнопка меню подсвечивалась цветом? (Кнопки лежат в одном файле, который подключен ко всем страницам.)

Answer 1

[Олег]

Если вам нужно выделить активный пункт в меню навигации, то например так:

<nav class="navigation">
	<a href="/">Главная</a>
	<a href="/category">Раздел</a>
	<a href="/about">О нас</a>
</nav>

.navigation .active {
	background #333;
	color: #fff;
}

(function () {
	var a = document.querySelectorAll('.navigation a');
		for (var i=a.length; i--;) {
			if (a[i].href === window.location.pathname || a[i].href === window.location.href) a[i].className += ' active';
		}
})();

Comments

[Александр Коновалов]

Олег а для такого класса как? .header .top ul.menu li a

[Олег]

Александр Коновалов: Замените в CSS и JS [.navigation a] на [.header .top ul.menu li a]

[ProFM]

Олег, А как это все подключить то? Все способы попробовал, ничего.. с JS пока не знаком(