Как выделить ссылку которая соответствует адресуURL страницы
|
|
| Дата: Четверг, 08.11.2012, 12:50 | Сообщение # 1 |
Группа: Администраторы
Сообщений: 1530
| Нормой современной HTML верстки стало выделять ссылки, которые соответствуют странице на которой находится посетитель (в основном это применяется в меню). Вот нашел очень простой скрипт, но от того не менее ценный
<script> $.each($("a"), function(){if(this.href == location.href.split('?')[0].split('#')[0]) this.className = "page_link";}); </script>
если, ссылки надо выделять не все, а только определенные, то уточняем это в коде, следующим образом:
$.each($("#menu a"), function(){if(this.href == location.href.split('?')[0].split('#')[0]) this.className = "page_link";});
Что делает код? Присваивает ссылкам особый класс, в нашем случае "page_link", правила которого вебмастер задаст по своему усмотрению.
|
|
| |
| Дата: Вторник, 20.11.2012, 00:53 | Сообщение # 2 |
Группа: Гости
| у меня не хочет работать скопировал код в <head>, подключил jquery, создал в CSS класс .page_link { background-color:#e6810b; color:#fff;}
|
|
| |
| Дата: Среда, 21.11.2012, 11:41 | Сообщение # 3 |
Группа: Администраторы
Сообщений: 1530
| Рабочий пример: http://ludmila.nsk.su/web/about.html
<script> $.each($("a"), function(){if(this.href == location.href.split('?')[0].split('#')[0]) this.className = "page_link";}); </script>
работает железно, только копировать надо не в <head>, а перед </body>
|
|
| |
| Дата: Вторник, 01.10.2013, 04:24 | Сообщение # 4 |
Группа: Администраторы
Сообщений: 1530
| Присвоение класса "selected" элементу списка("li") методом addClass
<style type="text/css"> .selected{background:#f00;} #cont{width:100px;} </style>
<script type="text/javascript" src="http://s83.ucoz.net/src/jquery-1.7.2.js"></script>
<div id="cont"> <ul id="ul1"> <li><a href="addClass.htm?1">1</a></li> <li><a href="addClass.htm?2">2</a></li> <li><a href="addClass.htm?3">3</a></li> <li><a href="addClass.htm?4">4</a></li> </ul> </div> <script type="text/javascript"> $.each($("#cont ul li a"), function(){if(location.href==this.href){$(this).parent().addClass("selected");}};); </script>
|
|
| |
| Дата: Среда, 09.10.2013, 04:46 | Сообщение # 5 |
Группа: Администраторы
Сообщений: 1530
| Еще реальный пример выделения активной ссылки с моего сайта
<script type="text/javascript"> for(var i=0;i<$("a.cat_name").length;i++) { if($("a.cat_name")[i].href==location.href)$("a.cat_name")[i].className = "cat_name_sel"; } </script>
Сайт: http://apple-gid.ru/content/7-ipad4-wi-fi3g
|
|
| |
| Дата: Вторник, 22.07.2014, 15:38 | Сообщение # 6 |
Группа: Администраторы
Сообщений: 1530
| Пример модификации скрипта для выделения ссылки по идентичности ПАРАМЕТРОВ ЗАПРОСА ссылки и страницы, а не названия страницы
$.each($(".idbrend"), function(){if(this.href.split('?')[1] == location.href.split('?')[1]) this.className = "selected2";});
возможно это ответ на вопрос: "... а у меня не хочет работать..."
|
|
| |