Подсветка ссылки меню в текущей странице
|
|
|
2012-02-20Дата: Понедельник, 20.02.2012, 13:21 | Сообщение # 1 |
Сержант
Группа: Пользователи
Статус: Offline
|
likbezz, я все о том же меню ) Скажи пожалуйста, возможно ли в скрипт моего меню добавить функцию подсветки ссылки которая ведет на текущую страницу? То есть как в стандартном меню, например, если находишься в категории "Легковые автомобили", то цвет ссылки в меню этой категории другого цвета? Скрин:
Спасибо.
| | |
|
|
2012-02-20Дата: Понедельник, 20.02.2012, 15:45 | Сообщение # 2 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
Siver, Quote (Siver) Скажи пожалуйста, возможно ли в скрипт моего меню добавить функцию подсветки ссылки которая ведет на текущую страницу? Да, в принципе, возможно. ...
| | |
|
|
2012-02-20Дата: Понедельник, 20.02.2012, 16:45 | Сообщение # 3 |
Сержант
Группа: Пользователи
Статус: Offline
|
Quote (likbezz) Да, в принципе, возможно. ... А как реализовать, если не тайна?
| | |
|
|
2012-02-20Дата: Понедельник, 20.02.2012, 17:25 | Сообщение # 4 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
Siver, Quote (Siver) А как реализовать, если не тайна? Нет, не тайна. Реализуется скриптом, типа: Как подсветить (выделить) активную (текущую) ссылку. JavaScript + CSS ...
| | |
|
|
2012-02-20Дата: Понедельник, 20.02.2012, 21:27 | Сообщение # 5 |
Сержант
Группа: Пользователи
Статус: 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 | | |
|
|
2012-02-20Дата: Понедельник, 20.02.2012, 21:35 | Сообщение # 6 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
Siver, Quote (Siver) У меня меню в списке ul>li, присвоил ID списку, вот не знаю можно ли так делать? Лучше уж всему блоку: Code <div class="arrowlistmenu" id="msgText"> ...
Из стилей вам нужно только: Code a.act{color:black} /* Активный класс */ остальное - лишнее. ...
| | |
|
|
2012-02-20Дата: Понедельник, 20.02.2012, 21:44 | Сообщение # 7 |
Сержант
Группа: Пользователи
Статус: Offline
|
Quote (likbezz) Лучше уж всему блоку: Quote (likbezz) Из стилей вам нужно только: Все так сделал, все равно не работает.
| | |
|
|
2012-02-20Дата: Понедельник, 20.02.2012, 21:46 | Сообщение # 8 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
Siver, Quote (Siver) Все так сделал, все равно не работает. Code .arrowlistmenu ul li a.act{color:#F00;} ...
| | |
|
|
2012-02-20Дата: Понедельник, 20.02.2012, 21:57 | Сообщение # 9 |
Сержант
Группа: Пользователи
Статус: Offline
|
Спасибо! От души благодарю! А если эту строку поместить в основную таблицу стилей меню, а не отдельно? Так наверное лучше будет?
| | |
|
|
2012-02-20Дата: Понедельник, 20.02.2012, 22:19 | Сообщение # 10 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
Siver, Quote (Siver) А если эту строку поместить в основную таблицу стилей меню, а не отдельно? Так наверное лучше будет? Ну да, к стилям меню...
| | |
|