Почему я бросил вести этот сайт! Потому, что система ведет себя по-хамски по отношению к посетителям сайта, навязывая последним бесконечное количество баннеров-заглушек контента, особенно пришедшим с мобильных устройств!
Как выделить ссылку которая соответствует адресуURL страницы
DownLoad_Free

Как выделить ссылку которая соответствует адресуURL страницы - Архив

Нашли ошибку или
хотите что-то сообщить -
жмите Ctr+Enter Система Orphus



    [Ленточный вид форума] [Поиск] [RSS]



  • Страница 1 из 1
  • 1
Архив » История мировых и локальных событий » История развития сайта » Как выделить ссылку которая соответствует адресуURL страницы (jquery скрипт указывающий на какой странице мы находимся)
Как выделить ссылку которая соответствует адресуURL страницы
Дата: Четверг, 08.11.2012, 12:50 | Сообщение # 1
Группа: Администраторы
Сообщений: 1530
Нормой современной HTML верстки стало выделять ссылки, которые соответствуют странице на которой находится посетитель
(в основном это применяется в меню).
Вот нашел очень простой скрипт, но от того не менее ценный smile

<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";});

возможно это ответ на вопрос: "... а у меня не хочет работать..."
 
Архив » История мировых и локальных событий » История развития сайта » Как выделить ссылку которая соответствует адресуURL страницы (jquery скрипт указывающий на какой странице мы находимся)
  • Страница 1 из 1
  • 1
Поиск:


Copyright kachay.ucoz.org © 2008-2024Хостинг от uCoz
^ Наверх ^
Пригодилось!