Показать сообщение отдельно
  #4 (permalink)  
Старый 24.04.2014, 13:35
что-то знаю
Отправить личное сообщение для devote Посмотреть профиль Найти все сообщения от devote
 
Регистрация: 24.05.2009
Сообщений: 5,176

для этого есть псевдо-класс давно существующий:
<style>
  a:visited {
    color: green; // если ссылка зеленая, значит по ней уже тыкали
  }
</style>
<a href="#test">Нажми меня</a>

Ну а если все же нужно привязать класс, то это делается примерно так (самый грубый вариант):
<style>
  a.active::after {
    content: "(ты тыкал меня уже)";
    padding: 0 0 0 5px;
  }
</style>
<a href="#test1" onclick="addActiveClass(this);">Нажми меня</a><br />
<a href="#test2" onclick="addActiveClass(this);">Нажми и меня</a><br />
<a href="#test3" onclick="addActiveClass(this);">И про меня не забудь</a><br />
<script>
  function addActiveClass(anchor) {
    var items = JSON.parse(window.localStorage.getItem('links') || "{}");
    if (anchor) {
      items[anchor.getAttribute('href', 2)] = 1;
    }
    for(var key in items) {
      if (items.hasOwnProperty(key)) {
        document.querySelector('a[href="' + key + '"]').className += ' active';
      }
    }
    window.localStorage.setItem('links', JSON.stringify(items));
  }
  addActiveClass();
</script>
__________________
хм Russians say завтра but завтра doesn't mean "tomorrow" it just means "not today."
HTML5 history API рассширение для браузеров не поддерживающих pushState, replaceState
QSA CSS3 Selector Engine

Последний раз редактировалось devote, 24.04.2014 в 13:40.
Ответить с цитированием