Panictmn
1

Выделение активных пунков меню

14.07.2012, 13:36. Показов 3619. Ответов 3
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
Добрый день !
Cразу скажу что с программированием я на вы также и с JAVA. Такчто сильно не пинайте)

Ситуация следующая:
потребовалось сделать выделение активных пунков меню на сайте,
я добавил в меню ****.тпл ява скрипт который смотрит в div id="ttt" все ссылки и сверяет с адресом текущей страницы и если адрес совпадает с какой то ссылкой, то этой ссылке присваивается class="left_menu_selected" и ссылка начинает использовать этот класс из css'ок... вот собственно и весь процесс...

сам скрипт
Javascript
1
2
3
<script type="text/javascript">
$.each($("#ttt a"), function(){if(this.href == location.href.split('?')[0].split('#')[0]) this.className = "left_menu_selected";});
</script>
все работает, но проблемма вылезла следующая:
помимо основного меню (которое вверху страницы) существует еще боковое подменю, когда открываем ссылку с бокового, то выделение верхнего меню пропадает.., конечно оно пропадает из-за того, что активная ссылка(адресс открытой страницы) изменяется. Ну а боковая ссылка выделяется как положено...

Я понимаю, что все решила бы жетская привязка выделения пункта меню к нескольким ссылкам, сайт нетакой большой, и руками это приписать не составит труда, вопрос только как заставить скрипт сверять ссылку пункта меню с несколькими (зараенее прописаными) ссылками?
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
14.07.2012, 13:36
Ответы с готовыми решениями:

выделение активных пунктов меню
вот код http://jsbin.com/unudug/2/edit нужен алгоритм(3 блока) блок на котором 1 клик - меняет...

Парадокс двух активных элементов меню
Здравия! Имеется горизонтальное меню, с помощью псевдокласса active сделал чтобы пункт меню, на...

Руссификация пунков меню
Здравствуйте!!!! У меня с недавнего времени в пунтке меню &quot;Пуск&quot;, вместо слова &quot;Все программы&quot; -...

Выделение активных окон
Столкнулся с проблемой, открыто несколько окон, по мере надобности на них нужно произвести...

3
901 / 833 / 198
Регистрация: 28.06.2012
Сообщений: 1,607
Записей в блоге: 4
14.07.2012, 17:42 2
Два блока ссылок, за верхний Вы сказали, в нём div id="ttt" если и у бокового меню ТОЖЕ id="ttt" , то причина проблемы в этом. id - индивидуальный идентификатор, если его задать для двух блоков, то работать будет только для первого. Для двух блоков меню задайте одинаковый класс, например class = "ttt". В свою очередь у элемента не может быть два класса одновременно. Для активного - удаляется старый класс, добавляется новый, для всех остальных удаляется новый и возвращается старый класс.
0
Panictmn
15.07.2012, 15:57 3
Я не уточнил, для бокового меню задан клас с другим именем.
Скрипт верхнего меню не мешает боковому. Впрос в том как жестко указать скрипту нужные адреса страниц?
901 / 833 / 198
Регистрация: 28.06.2012
Сообщений: 1,607
Записей в блоге: 4
16.07.2012, 13:12 4
Я подготовил вот такую demo-страницу. Смотрите исходный код- там и скрипт и стили. В ссылках указывается полный адрес новой страницы.
Продублирую скрипт здесь:
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
$(function(){
var pageHref =window.location.href;
$('.menu a').each(function(){
var linkHref = $(this).attr('href');
if (pageHref==linkHref)
{
$(this).parent('td').css('background-color','#a2e49a')
}
 
})
});/*end ready*/
</script>
1
16.07.2012, 13:12
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
16.07.2012, 13:12
Помогаю со студенческими работами здесь

Оформление активных рубрик в меню!
Здравствуйте,не могли бы вы ответить на такой вопрос, я вывожу на странице меню с помощью функции...

Расположение активных кнопок меню по центру
Не получается расположить две активные картинки по центру и чтобы они обе работали как гиперссылка....

Не работает отмена разрешения нескольких активных пунктов одновременно в компоненте меню
есть родительский элемент /perevozki/zakazat-gazel/, в котором, есть, например, дочерний элемент...

Выделение активного меню
Уважаемые друзья, нужна Ваша помощь. Есть вот такой код - навибар из bootstrap. Помогите на jquery...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru