Выделение текущей ссылки

@YaVolodya · Регистрация: 15.01.2013

Студворк — интернет-сервис помощи студентам

Здравствуйте, хотел бы узнать есть ли исходники скриптов, которые помогают выделить активную ссылку, следующим образом:
Допустим есть главная страница сайта - site.ru и её анкор - ГЛАВНАЯ, также есть, страницы навигации, site.ru/page/1, site.ru/page/2, и т.д. нужно, чтобы когда пользователь находится на данных страницах, была подсвечена ссылка ГЛАВНАЯ
Также есть ссылка на новые посты: site.ru/newpost - и анкор соответственно НОВЫЕ, и также как и в первом случае идут страницы навигации - site.ru/newpost/page/1, site.ru/newpost/page/2 и т.д. соответственно в данном случае нужно подсвечивать ссылку НОВЫЕ
А если пользователь перешел например в СТАТИСТИКУ сайта - site.ru/stat.html или в какой-либо другой раздел site.ru/cat1, site.ru/cat2 и т.п., то ничего выделять не нужно.
В общем подскажите, пожалуйста, где можно найти инфу по этому вопросу или исходники, можно и с использованием jquery

@kalabuni · 15.01.2013, 08:56

объясните без "допустим", конкретно - для всех типовых случаев
такие-то страницы (что у них общего в URL?) - подсвечивается конкретная ссылка (укажите её точный href)
другие страницы (опять же укажите общий признак в их URL) - какая здесь "подсвечивается" ссылка
и т.д.
те страницы, где ничего подсвечивать не надо, описывать не надо

кроме того, укажите - каким именно образом вам надо "подсветить" ссылку

скрипт - он примитивен и jquery здесь - как корове седло
но надо точно знать, в подробностях, - что именно вам надо

@YaVolodya · 15.01.2013, 09:17 **[ТС]**

Сообщение от kalabuni

что именно вам надо

Нужно, чтобы ссылке <a href="site.ru/">ГЛАВНАЯ</a> присваивался класс, например .mainlink (css особо не имеет значения, главное разобраться в части js) при условии, что пользователь находится на страницах: site.ru/, site.ru/page/1, ..../2, ..../3 и т.д.
и нужно, чтоб этот класс убирался, если пользователь ушел с данных страниц, тоже самое и с категорией /newpost, также, если пользователь находится в /newpost/ и /newpost/page...., то добавляем класс к ссылке site.ru/newpost/, в противном же случае убираем

Добавлено через 8 минут
Например на всем известном habr.... так сделано

@kalabuni · 15.01.2013, 09:17

JavaScript
1
2
3
4
5
6
7
8
9
10
onload = function ()
{
var docLocHref = document.location.href;
var priznak = '';
if (docLocHref.indexOf ('/newpost/') != -1) priznak = '/site.ru/newpost/';
if (docLocHref.indexOf ('/page/') != -1)    priznak = '/site.ru/';
if (!priznak) return;
for (var lnk = document.links, j = 0, lj = lnk.length; j < lj; j++)
   if (new RegExp (priznak + '$').test.(lnk [j].href)) lnk [j].className = 'mainlink';
}

@YaVolodya · 15.01.2013, 09:24 **[ТС]**

Спасибо, надо будет попробовать

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@YaVolodya 0 / 0 / 0 Регистрация: 15.01.2013 Сообщений: 10

	Выделение текущей ссылки 15.01.2013, 08:47. Показов 2653. Ответов 4 Метки нет (Все метки) Здравствуйте, хотел бы узнать есть ли исходники скриптов, которые помогают выделить активную ссылку, следующим образом: Допустим есть главная страница сайта - site.ru и её анкор - ГЛАВНАЯ, также есть, страницы навигации, site.ru/page/1, site.ru/page/2, и т.д. нужно, чтобы когда пользователь находится на данных страницах, была подсвечена ссылка ГЛАВНАЯ Также есть ссылка на новые посты: site.ru/newpost - и анкор соответственно НОВЫЕ, и также как и в первом случае идут страницы навигации - site.ru/newpost/page/1, site.ru/newpost/page/2 и т.д. соответственно в данном случае нужно подсвечивать ссылку НОВЫЕ А если пользователь перешел например в СТАТИСТИКУ сайта - site.ru/stat.html или в какой-либо другой раздел site.ru/cat1, site.ru/cat2 и т.п., то ничего выделять не нужно. В общем подскажите, пожалуйста, где можно найти инфу по этому вопросу или исходники, можно и с использованием jquery 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	15.01.2013, 08:56
	объясните без "допустим", конкретно - для всех типовых случаев такие-то страницы (что у них общего в URL?) - подсвечивается конкретная ссылка (укажите её точный href) другие страницы (опять же укажите общий признак в их URL) - какая здесь "подсвечивается" ссылка и т.д. те страницы, где ничего подсвечивать не надо, описывать не надо кроме того, укажите - каким именно образом вам надо "подсветить" ссылку скрипт - он примитивен и jquery здесь - как корове седло но надо точно знать, в подробностях, - что именно вам надо 0

@YaVolodya 0 / 0 / 0 Регистрация: 15.01.2013 Сообщений: 10
	15.01.2013, 09:24 [ТС]
	Спасибо, надо будет попробовать 0