Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   "подсветить нынешнюю страницу в меню" и ajax (https://javascript.ru/forum/dom-window/21230-podsvetit-nyneshnyuyu-stranicu-v-menyu-i-ajax.html)

rimaxch 01.09.2011 22:49

"подсветить нынешнюю страницу в меню" и ajax
 
На данный момент подсветка нынешней страницы в меню действует следующим образом.
<ul class="nav">
        <li><a href="http://www.site.com.ua/item1.html" class="current">item1</a></li>
        <li><a href="http://www.site.com.ua/item2.html">item2</a></li>
        <li><a href="http://www.site.com.ua/item3.html">item3</a></li>
</ul>


ul.nav a.current {
	background: #abc;
	color: #123;
}


В сайт встроена ajax составляющая, потому меню в нижепредставленном виде позволит значительно ускорить получение контента. Подскажите, пожалуйста, как в таком случае реализовать подсветку нынешнего пункта меню, если страница по сути остается та же, а не перезагружается на другую?

<ul class="nav">
        <li><a href="#blabla:category=00001&mode=category&blabla">item1</a></li>
        <li><a href="#blabla:category=00002&mode=category&blabla">item2</a></li>
        <li><a href="#blabla:category=00003&mode=category&blabla">item3</a></li>
</ul>

crayday 01.09.2011 22:57

Найти функцию, в которой подгружается страница и в ней написать:
current_a.className = ""; // убираем класс у больше не активной ссылки
this.className = "current";
current_a = this;

В переменной this будет находиться как раз ссылка, по которой кликнули (если используется jquery, то использовать функции jquery addClass и removeClass)


Часовой пояс GMT +3, время: 02:17.