![]() |
Модераторы: Illuminaty |
![]() ![]() ![]() |
|
koyra |
|
|||
Новичок Профиль Группа: Участник Сообщений: 6 Регистрация: 28.6.2007 Репутация: нет Всего: нет |
Всем привет,
мне нужно с помошью задать css правило чтобы в меню ссылка на открытую страницу в настоящее время было выделено цветом. я думал использовать a:focus или a:active a:focus { color: #d28e1b; } a:active { color: #d28e1b; } но ни одно из них не помогает. но ниже написанное работает при проведении мыши над ссылкой. a:hover { color: #d28e1b; } а также при щелчке мышкой ссылка становится красной. но при открытии страницы она вновь становится как раньше... |
|||
|
||||
bars80080 |
|
|||
![]() прапор творюет ![]() ![]() ![]() ![]() Награды: 1 Профиль Группа: Завсегдатай Сообщений: 12022 Регистрация: 5.12.2007 Где: Königsberg Репутация: 50 Всего: 315 |
||||
|
||||
KonstRuctor |
|
|||
![]() Бывалый ![]() Профиль Группа: Участник Сообщений: 245 Регистрация: 31.3.2006 Где: Россия, Санкт-Пет ербург Репутация: нет Всего: нет |
Предположим, есть некое меню, в нем ссылки на страницы сайта.
Я обычно пишу на php функцию, которая меняет css-класс ссылки на данную страницу, если данная страница отображается на экране. К примеру, юзер смотрит страницу "Магазин". Тогда меню выглядит так: ------------------------------------------------------------------------------------------------ Главная / О компании / Новости / Магазин / Форум ------------------------------------------------------------------------------------------------ Добро пожаловать в Магазин! .... И так далее. Как это сделать без Php, не знаю, хотя однажды читал про javascript, который также может делать такие штуки. Зачем бы это делать так сложно? Подумал я и эту технику не запомнил. * * * Основная идея -- придумать класс для обычных ссылок меню и для ссылки на активную страницу. И для каждой уже прописать link, visited, hover, active |
|||
|
||||
SelenIT |
|
|||
![]() баг форума ![]() ![]() ![]() ![]() Профиль Группа: Завсегдатай Сообщений: 3996 Регистрация: 17.10.2006 Где: Pale Blue Dot Репутация: 97 Всего: 401 |
Как вариант - после загрузки страницы пробегать по коллекции document.links (или ее более современному аналогу) и удалять атрибут href у тех ссылок, у которых его значение совпадает с window.location. И, соответственно, в CSS держать разные стили для a и a:link - тогда стиль для "голого" a будет автоматом применяться для текущих ссылок в соотв. контексте...
-------------------- Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму! |
|||
|
||||
KonstRuctor |
|
|||
![]() Бывалый ![]() Профиль Группа: Участник Сообщений: 245 Регистрация: 31.3.2006 Где: Россия, Санкт-Пет ербург Репутация: нет Всего: нет |
Кстати, bars80080, огромное спасибо за пример кода.
Связанные селекты я так и не поборол, зато с помощью изучения Вашего кода сделал классное меню, которое, быть может, было бы интересно автору данной темы. Меню использует связку php+mysql+javascript+css Выглядит так: ------------------------ Категория • раздел 1 • раздел 2 Еще категория • еще раздел • разделов много ------------------------- И так далее. При первом посещении все разделы свернуты. При щелчке на категории открывается перечень разделов без перезагрузки страницы. При щелчке на другой категории тот закрывается, новый открывается, тоже без перезагрузки. При щелчке на имени раздела -- перезагрузка, загружается нужная страница, категория развернута, текущее название раздела в меню выделено и кликабельно. |
|||
|
||||
bars80080 |
|
|||
![]() прапор творюет ![]() ![]() ![]() ![]() Награды: 1 Профиль Группа: Завсегдатай Сообщений: 12022 Регистрация: 5.12.2007 Где: Königsberg Репутация: 50 Всего: 315 |
усегда пожалуйста
|
|||
|
||||
![]() ![]() ![]() |
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей) | |
0 Пользователей: | |
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема » |
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |