Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 01.09.2011, 22:49
Новичок на форуме
Отправить личное сообщение для rimaxch Посмотреть профиль Найти все сообщения от rimaxch
 
Регистрация: 01.09.2011
Сообщений: 1

"подсветить нынешнюю страницу в меню" и 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>
Ответить с цитированием
  #2 (permalink)  
Старый 01.09.2011, 22:57
Аватар для crayday
Аспирант
Отправить личное сообщение для crayday Посмотреть профиль Найти все сообщения от crayday
 
Регистрация: 30.08.2011
Сообщений: 61

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

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
кеширование HTML переданого через ajax BorisBritva jQuery 6 02.04.2011 01:23