|
Как выделить ссылку которая соответствует адресу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";});
возможно это ответ на вопрос: "... а у меня не хочет работать..."
|
| |
| |
Играйте бесплатно в 
