Изменить цвет ссылки при клике на неё

[ed101utf8]

Есть меню(см картинку). Задача такая:

1)ссылки посещенные - зеленые,

2)ссылки не посещенные -зеленые,

3)ссылка при наведении курсора мыши - становится красной.

4)При клике на ссылку, текст её становится красным, подчёркивание уходит. Если после этого убрать курсор мыши - ссылка всё также остается красной без подчеркивания. Если после всего этого еще раз неё кликнуть - возвращается режим работы как в пунтках 1-3. Пробовал событие onclick='this.style.color='red'', но оно не работает. Как быть? Подскажите.

Edited February 23, 2010 by ed101utf8

[shvv]

А если кликнуть рядом со ссылкой, что происходит?

[ed101utf8]

А если кликнуть рядом со ссылкой, что происходит?

Ничего происходить не должно.

Edited February 23, 2010 by ed101utf8

[shvv]

Ничего происходить не должно.

Цвет ссылки становится зеленым?

[ed101utf8]

Цвет ссылки становится зеленым?

Смотрите, ссылка с надписью "о компании" что-то вроде переключателя. При клике на неё, выпадает блок " История, О нас". Т.е. нажал на "О компании" - блок выпал, еще раз напал - блок исчез. Соответственно если блок находится в выпавшем состоянее, ссылка "история" красного цвета - показывает, что блок выпавший. Если блок не в состоянии "выпал", значит ссылка "о компании" зеленая (если курсор на неё не наведен), или красная (курсор наведен).

Выпадение/западение блоков делать не надо, это я для разъяснения ситуация привел.

Edited February 23, 2010 by ed101utf8

[ed101utf8]

инетересно, что никто ранее не сталкивался с таким вопросом?

[shvv]

При клике на ссылку, текст её становится красным, подчёркивание уходит. Если после этого убрать курсор мыши - ссылка всё также остается красной без подчеркивания.

Просто это прекрасно описывает результат действия псевдокласса :active. Непонятно, в чем проблема.

[ed101utf8]

Просто это прекрасно описывает результат действия псевдокласса :active. Непонятно, в чем проблема.

давайте абстрагируемся от ссылок. Есть зеленый текст. Один раз нажал - красный. еще раз назаж - зеленый. Опять нажал - красный. И т.д...

[shvv]

давайте абстрагируемся от ссылок. Есть зеленый текст. Один раз нажал - красный. еще раз назаж - зеленый. Опять нажал - красный. И т.д...

Ну, это уже к JS.

[ed101utf8]

Ну, это уже к JS.

Пробовал событие onclick='this.style.color='red'', но оно не работает. Как быть?

[klierik]

onclick='this.style.color="red"'

[ed101utf8]

onclick='this.style.color="red"'

Edited February 23, 2010 by ed101utf8

[ed101utf8]

Спасибо всем, разобрался.