VPF::Chrome-задачка. Определить цвет visited-ссылки

dmitryf

Дата 23.2.2011, 10:19 (ссылка)

(нет голосов)

Загрузка ...

Новичок

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

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

Всем здравствуйте. Столкнулся с необходимостью определить, была ли посещена ссылка или нет. Для этого делаю visited-стиль, назначаю его ссылке, а затем проверяю, если цвет у ссылки как у стиля, значит ссылка посещена. Такое работает во всех браузерах, кроме Chrome: в нём цвет у посещенной и не посещенной ссылок одинаковый. Бьюсь над вопросом уже который день, идей больше нет. Либо это баг хрома, либо у него стоит какая-то защита. Ниже код:

Код

<html>
<head>

<style>
.my a:visited {color: #800080;}
</style>

<script>
function getStyle(elem, name) {
    // J/S Pro Techniques p136
    if (elem.style[name]) {
        return elem.style[name];
    } else if (elem.currentStyle) {
        return elem.currentStyle[name];
    }
    else if (document.defaultView && document.defaultView.getComputedStyle) {
        name = name.replace(/([A-Z])/g, "-$1");
        name = name.toLowerCase();
        s = document.defaultView.getComputedStyle(elem, "");
        return s && s.getPropertyValue(name);
    } else {
        return null;
    }
}
</script>
</head>

<body>
<a href="http://google.com" class="my" id="my">google</a>

<script>
var obj=document.getElementById('my');
alert(getStyle(obj, 'color'));
</script>
</body>
</html>

Разъясню. Мы выводим ссылку http://google.com с классом my. Далее, просто выводим свойство color алертом. У посещенной и не посещенной ссылок цвет различается (у посещенной становится #800080 или rgb[85, 26, 139]). Но только не в Хроме.

Буду благодарен за помощь.

Это сообщение отредактировал(а) dmitryf - 23.2.2011, 10:24

Amphiluke

Дата 23.2.2011, 10:29 (ссылка)

(нет голосов)

Загрузка ...

☽

Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

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

Цитата(dmitryf @ 23.2.2011, 13:19

)

Код


<style>.my a:visited {color: #800080;}</style>

Вы в курсе, что этот стиль назначается не вашей ссылке, а несуществующей ссылке, помещенной в контейнер с классом "my" ?

Попробуйте так:

Код


.my:visited {color: #800080;}

dmitryf

Дата 23.2.2011, 11:15 (ссылка)

(нет голосов)

Загрузка ...

Новичок

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

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

Цитата(Amphiluke @ 23.2.2011, 10:29)

Цитата(dmitryf @ 23.2.2011, 13:19

)

Код


<style>.my a:visited {color: #800080;}</style>

Код


.my:visited {color: #800080;}

Видимо, в браузерах сделана защита от подобных ошибок. Я поправил, ничего не изменилось. Работает везде, кроме Chrome...

Добавлено через 6 минут и 37 секунд
В Хроме, если делать инспекцию элемента через отлидчик, то в Computed Style четко прописан цвет #800080; А вот если брать его яваскриптом, то выдается rgb(0, 0, 238), т.е. цвет не посещенной ссылки...

Amphiluke

Дата 23.2.2011, 11:24 (ссылка)

(нет голосов)

Загрузка ...

☽

Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

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

Не знаю, у меня в Chrome изменение цвета ссылки нормально детектируется. smile

Добавлено через 1 минуту и 41 секунду
Правда, у меня Chrome очень старый, может быть, в новых версиях что-то изменено…

dmitryf

Дата 23.2.2011, 11:34 (ссылка)

(нет голосов)

Загрузка ...

Новичок

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

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

Да, не уточнил. Версия Chrome 9.0.597.98 На более старых не проверял.

SelenIT

Дата 23.2.2011, 13:02 (ссылка)

(нет голосов)

Загрузка ...

баг форума

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

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

Это фича, во имя прекращения паники. В новом FF (4-м) аналогично.

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »