Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> css правило для ссылки на открытую страницу, css правило для ссылки на открытую стран 
:(
    Опции темы
koyra
Дата 26.12.2007, 22:39 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 6
Регистрация: 28.6.2007

Репутация: нет
Всего: нет



Всем привет,
мне нужно с помошью задать css правило чтобы в меню ссылка на открытую страницу в настоящее время было выделено цветом.
я думал использовать a:focus или a:active
a:focus
{
 color: #d28e1b;
}

a:active
{
 color: #d28e1b;
}

но ни одно из них не помогает.
но ниже написанное работает при проведении мыши над ссылкой.
a:hover
{
 color: #d28e1b;
}

а также при щелчке мышкой ссылка становится красной. но при открытии страницы она вновь становится как раньше...
PM MAIL   Вверх
bars80080
Дата 27.12.2007, 10:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



a:visited

читать -> мануал

http://htmlbook.ru
PM MAIL WWW   Вверх
KonstRuctor
Дата 28.12.2007, 01:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 245
Регистрация: 31.3.2006
Где: Россия, Санкт-Пет ербург

Репутация: нет
Всего: нет



Предположим, есть некое меню, в нем ссылки на страницы сайта.
Я обычно пишу на php функцию, которая меняет css-класс ссылки на данную страницу, если данная страница отображается на экране.
К примеру, юзер смотрит страницу "Магазин". Тогда меню выглядит так:
------------------------------------------------------------------------------------------------
Главная / О компании / Новости / Магазин / Форум
------------------------------------------------------------------------------------------------
Добро пожаловать в Магазин!
....
И так далее.
Как это сделать без Php, не знаю, хотя однажды читал про javascript, который также может делать такие штуки.
Зачем бы это делать так сложно? Подумал я и эту технику не запомнил.
* * *
Основная идея -- придумать класс для обычных ссылок меню и для ссылки на активную страницу.
И для каждой уже прописать link, visited, hover, active 
PM MAIL WWW ICQ   Вверх
SelenIT
Дата 28.12.2007, 01:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



Как вариант - после загрузки страницы пробегать по коллекции document.links (или ее более современному аналогу) и удалять атрибут href у тех ссылок, у которых его значение совпадает с window.location. И, соответственно, в CSS держать разные стили для a и a:link - тогда стиль для "голого" a будет автоматом применяться для текущих ссылок в соотв. контексте...


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
KonstRuctor
Дата 28.12.2007, 02:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 245
Регистрация: 31.3.2006
Где: Россия, Санкт-Пет ербург

Репутация: нет
Всего: нет



Кстати, bars80080, огромное спасибо за пример кода.
Связанные селекты я так и не поборол, зато с помощью изучения Вашего кода сделал классное меню, которое, быть может, было бы интересно автору данной темы. Меню использует связку php+mysql+javascript+css
Выглядит так:
------------------------
Категория
 • раздел 1
 • раздел 2
Еще категория
 • еще раздел
 • разделов много
-------------------------
И так далее. 
При первом посещении все разделы свернуты.
При щелчке на категории открывается перечень разделов без перезагрузки страницы.
При щелчке на другой категории тот закрывается, новый открывается, тоже без перезагрузки.
При щелчке на имени раздела -- перезагрузка, загружается нужная страница, категория развернута, текущее название раздела в меню выделено и кликабельно.
PM MAIL WWW ICQ   Вверх
bars80080
Дата 28.12.2007, 10:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



усегда пожалуйста
PM MAIL WWW   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0924 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.