• Страница 1 из 1
  • 1
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Вопросы по верстке, дизайну, управлению и настройки модулей СMS от uCoz » Как сделать... Тема только по сайтам в системе uCoz » Подсветка ссылки меню в текущей странице
Подсветка ссылки меню в текущей странице
Дата: Понедельник, 20.02.2012, 13:21 |
Siver
Сержант
Группа: Пользователи
Сообщений: 32
Награды: 0
Репутация: 0
Статус: Offline


likbezz, я все о том же меню )
Скажи пожалуйста, возможно ли в скрипт моего меню добавить функцию подсветки ссылки которая ведет на текущую страницу? То есть как в стандартном меню, например, если находишься в категории "Легковые автомобили", то цвет ссылки в меню этой категории другого цвета?
Скрин:


Спасибо.

Прикрепления: 0393849.png (49.8 Kb)

 
Дата: Понедельник, 20.02.2012, 15:45 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Siver,
Quote (Siver)
Скажи пожалуйста, возможно ли в скрипт моего меню добавить функцию подсветки ссылки которая ведет на текущую страницу?

Да, в принципе, возможно.
...


 
Дата: Понедельник, 20.02.2012, 16:45 |
Siver
Сержант
Группа: Пользователи
Сообщений: 32
Награды: 0
Репутация: 0
Статус: Offline


Quote (likbezz)
Да, в принципе, возможно.
...

А как реализовать, если не тайна?


 
Дата: Понедельник, 20.02.2012, 17:25 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Siver,
Quote (Siver)
А как реализовать, если не тайна?

Нет, не тайна.
Реализуется скриптом, типа: Как подсветить (выделить) активную (текущую) ссылку. JavaScript + CSS
...


 
Дата: Понедельник, 20.02.2012, 21:27 |
Siver
Сержант
Группа: Пользователи
Сообщений: 32
Награды: 0
Репутация: 0
Статус: Offline


Использовал на JQuery по ссылке, но где то не получается.

Code
<style type="text/css">   
body{font: 11px/normal Verdana,sans-serif;}   
a{text-decoration:none;color:#999}   
a:hover{color:#666}   
a.act{color:black} /* Активный класс */   
a.act2{color:black} /* Активный класс */   
</style>   
<script type="text/javascript">   
$(document).ready(function(){   
/*Start DocumentReady*/   
    var url=document.location.href;   
    $.each($("#msgText a"),function(e){   
    if(url==this.href){$(this).addClass('act');};   
    });   
/*End DocumentReady*/   
});   
</script>


У меня меню в списке ul>li, присвоил ID списку, вот не знаю можно ли так делать?

Фрагмент меню:
Code
...   
<div class="arrowlistmenu">   
    <h3 class="menuheader expandable"><a href="/board/184" onclick="return false;">Недвижимость</a></h3>   
<ul id="msgText" class="categoryitems">   
    <li><a href="/board/185">1-комнатную</a></li>    
    <li><a href="/board/186">2-комнатную</a></li>    
    <li><a href="/board/187">3-комнатную</a></li>    
    <li><a href="/board/188">4-комнатную</a></li>    
...


Сообщение отредактировал Siver - Понедельник, 20.02.2012, 21:28
 
Дата: Понедельник, 20.02.2012, 21:35 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Siver,
Quote (Siver)
У меня меню в списке ul>li, присвоил ID списку, вот не знаю можно ли так делать?

Лучше уж всему блоку:
Code
<div class="arrowlistmenu" id="msgText">

...

Из стилей вам нужно только:
Code
a.act{color:black} /* Активный класс */

остальное - лишнее.
...


 
Дата: Понедельник, 20.02.2012, 21:44 |
Siver
Сержант
Группа: Пользователи
Сообщений: 32
Награды: 0
Репутация: 0
Статус: Offline


Quote (likbezz)
Лучше уж всему блоку:

Quote (likbezz)
Из стилей вам нужно только:

Все так сделал, все равно не работает.


 
Дата: Понедельник, 20.02.2012, 21:46 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Siver,
Quote (Siver)
Все так сделал, все равно не работает.

Code
.arrowlistmenu ul li a.act{color:#F00;}

...


 
Дата: Понедельник, 20.02.2012, 21:57 |
Siver
Сержант
Группа: Пользователи
Сообщений: 32
Награды: 0
Репутация: 0
Статус: Offline


Спасибо! От души благодарю!
А если эту строку поместить в основную таблицу стилей меню, а не отдельно? Так наверное лучше будет?


 
Дата: Понедельник, 20.02.2012, 22:19 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Siver,
Quote (Siver)
А если эту строку поместить в основную таблицу стилей меню, а не отдельно? Так наверное лучше будет?

Ну да, к стилям меню...


 
Скрипты и коды для юкоз - Форум аццкого кодера » Вопросы по верстке, дизайну, управлению и настройки модулей СMS от uCoz » Как сделать... Тема только по сайтам в системе uCoz » Подсветка ссылки меню в текущей странице
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия