active для DIV или что то вроде

@NARKROMAN · Регистрация: 11.12.2012

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

Всем привет!
В общем проблема такая, я хочу что бы на активной странице к элементу задвались другие стили, как это сделать для обычной ссылки я нашел решение через javascript:

JavaScript
1
2
3
4
5
6
7
<script> 
onload = function () 
{ 
for (var lnk = document.links, j = 0; j < lnk.length; j++) 
if (lnk [j].href == document.URL) lnk [j].style.color = 'red'; 
} 
</script>

Но как мне сделать тоже самое для дива? Javascript для меня тёмный лес, но может быть и есть другое решение.
Вот стиль который я задаю для hover:

CSS
1
2
.sitebar img:hover {opacity: 1;-webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);-moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
border: 3px solid #00deff;}

По сути я хочу что бы он работал как active на активной странице, надеюсь я все понятно изложил)

Добавлено через 32 минуты
Понял что ошибочно назвал это active, ведь актив это не ссылка во время нажатия, а мне нужен стиль для кнопки на станице которой я нахожусь.

@etalord · 11.12.2012, 20:44

Мало информации. Подключен ли jquery? Как див связан с активной ссылкой? Если эта ссылка лежит в диве, то можно пойти следующим путём:
Определять текущую ссылку мы уже умеем, - осталось вычислить родительский див и применить к нему свои стили.

@NARKROMAN · 11.12.2012, 20:51 **[ТС]**

etalord, Определить ссылку это имеется в виду этот скрипт? А как применить к нему стили если вычислили родителя?

@etalord · 11.12.2012, 20:57

Ну да. Я так понимаю, этот скрипт находит ссылку, у которой атрибут href совпадает с текущим адресом из адресной строки браузера. И делает её красной. Вам нужно пойти далее и вычислить родительский див, затем применить к нему тоже какой-нибудь эффект. Возможно, вам стоило бы обратиться на ветку форума, посвященную JavaScript.
Вообще решение черезжопинское, такие вещи обычно делаются на серверной стороне.

@NARKROMAN · 11.12.2012, 21:13 **[ТС]**

etalord, А про серверную сторону немного поконкретнее, если можно)

Добавлено через 7 минут
etalord, еще я подозреваю что Вы не ря спросили про jquery, есть решения с помощью него сделать? А то подключить то не долго)

@etalord · 11.12.2012, 21:25

Нет, с помощью него просто на порядок легче осуществлять передвижение по DOM-структуре документа (т.е. вычислять родительский див). Да и всё на нём легче делать - и стили присвоить, и класс поменять

Вот нашёл на jQuery решение http://bortvlad.ru/js/sel-menu-jquery/
Про серверную сторону я имел ввиду серверные языки программирования - PHP, например. Есть такое?

@NARKROMAN · 11.12.2012, 21:52 **[ТС]**

а понял) Не, до PHP я еще не дорос) Сейчас посмотрим статью) Спасибо!

Добавлено через 15 минут
etalord, Стыдно говорить, но что то я не пойму как это сделать( Подключил jquery, вставил этот код а дальше что то и не пойму что делать)

@etalord · 11.12.2012, 22:04

Потому что сложно что-то делать, не зная основ

Совет - разобрать код и понять, что он делает. А потом от этого плясать - задавать вопросы, что осталось непонятным и что дальше делать )
Просто так этот код не будет работать. Он добавляет (во всяком случае должен) класс now ссылкам, которые совпадают с текущим адресом страницы. А вы этот класс как-нибудь описали? Например, в нём надо прописать цвет как минимум. Но сначала проверьте он добавляется вообще или нет. Сделать это можно, например при помощи инструмента firebug или в chrome встроенным инспектором кода.

@kalabuni · 12.12.2012, 11:22

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

Но как мне сделать тоже самое для дива?

что именно тоже самое?

в коде со ссылками вы ищете ссылку по критерию совпадения её HREF с текущим адресом страницы
и таковой найденной ссылке изменяете цвет текста

а какой критерий для дива? что с чем должно совпасть?
и что именно надо сделать с дивом, когда таковой найдётся?
------

к JQuery обращаются исключительно те, кто самостоятельно думать не умеет и не хочет научиться

и, по-любому, JQuery - это не волшебная палочка
чтобы решить задачу с помощью JQuery, надо задачу хотя бы сформулировать
вы покуда этого не сделали

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! в-строка - входное арифметическое выражение в инфиксной(обычной). . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .

@etalord работяга 368 / 368 / 52 Регистрация: 23.05.2010 Сообщений: 947
	11.12.2012, 20:44
	Мало информации. Подключен ли jquery? Как див связан с активной ссылкой? Если эта ссылка лежит в диве, то можно пойти следующим путём: Определять текущую ссылку мы уже умеем, - осталось вычислить родительский див и применить к нему свои стили. 0

@NARKROMAN 0 / 0 / 0 Регистрация: 11.12.2012 Сообщений: 16
	11.12.2012, 20:51 [ТС]
	etalord, Определить ссылку это имеется в виду этот скрипт? А как применить к нему стили если вычислили родителя? 0

@etalord работяга 368 / 368 / 52 Регистрация: 23.05.2010 Сообщений: 947
	11.12.2012, 20:57
	Ну да. Я так понимаю, этот скрипт находит ссылку, у которой атрибут href совпадает с текущим адресом из адресной строки браузера. И делает её красной. Вам нужно пойти далее и вычислить родительский див, затем применить к нему тоже какой-нибудь эффект. Возможно, вам стоило бы обратиться на ветку форума, посвященную JavaScript. Вообще решение черезжопинское, такие вещи обычно делаются на серверной стороне. 0

@NARKROMAN 0 / 0 / 0 Регистрация: 11.12.2012 Сообщений: 16
	11.12.2012, 21:13 [ТС]
	etalord, А про серверную сторону немного поконкретнее, если можно) Добавлено через 7 минут etalord, еще я подозреваю что Вы не ря спросили про jquery, есть решения с помощью него сделать? А то подключить то не долго) 0

@etalord работяга 368 / 368 / 52 Регистрация: 23.05.2010 Сообщений: 947
	11.12.2012, 21:25
	Нет, с помощью него просто на порядок легче осуществлять передвижение по DOM-структуре документа (т.е. вычислять родительский див). Да и всё на нём легче делать - и стили присвоить, и класс поменять Вот нашёл на jQuery решение http://bortvlad.ru/js/sel-menu-jquery/ Про серверную сторону я имел ввиду серверные языки программирования - PHP, например. Есть такое? 0

@NARKROMAN 0 / 0 / 0 Регистрация: 11.12.2012 Сообщений: 16
	11.12.2012, 21:52 [ТС]
	а понял) Не, до PHP я еще не дорос) Сейчас посмотрим статью) Спасибо! Добавлено через 15 минут etalord, Стыдно говорить, но что то я не пойму как это сделать( Подключил jquery, вставил этот код а дальше что то и не пойму что делать) 0

@etalord работяга 368 / 368 / 52 Регистрация: 23.05.2010 Сообщений: 947
	11.12.2012, 22:04
	Потому что сложно что-то делать, не зная основ Совет - разобрать код и понять, что он делает. А потом от этого плясать - задавать вопросы, что осталось непонятным и что дальше делать ) Просто так этот код не будет работать. Он добавляет (во всяком случае должен) класс now ссылкам, которые совпадают с текущим адресом страницы. А вы этот класс как-нибудь описали? Например, в нём надо прописать цвет как минимум. Но сначала проверьте он добавляется вообще или нет. Сделать это можно, например при помощи инструмента firebug или в chrome встроенным инспектором кода. 1