Подписка на хештег из сообщения

Возникла следующая необходимость: чтобы можно было подписаться на хештег прямо из сообщения, где его нашел.



Сейчас по клику на теге открывается список постов с этим тегом, а хотелось бы иметь выбор: просмотр или подписка.

Есть вот такой вариант:

Отличный вариант, устраивает! жду инструкций.

1) В Управление кодами Javascript (расположение - "В темах")

Код:

$(function() {
  var a = document.getElementsByTagName('A'), b = document.createElement('DIV'), i = 0, j = a.length, actif, t;
  b.className = 'forum-hashtag-options';
  b.style.display = 'none';
  document.body.appendChild(b);
 
  for (; i<j; i++) {
    if (a[i].title && /\/tags\//.test(a[i].href) && /^#/.test(a[i].innerHTML)) {
      a[i].className += ' forum-hashtag';
     
      a[i].onclick = function() {
       
        if (actif != this) {
          actif = this, t = this.innerHTML;
          t.length > 24 && (t = t.slice(0, 25).replace(/^\s+|\s+$/g, '') + '...');
         
          b.style.left = $(this).offset().left + 'px';
          b.style.top = $(this).offset().top + 'px';
          b.innerHTML = '<div class="forum-hashtag-title">Выберите действие:</span></div><ul><li><a href="' + this.href + '">Показать все сообщения с этим тегом</a></li>' + (_userdata.session_logged_in ? '<li><form method="post" name="addtag_form" action="/profile?mode=editprofile&page_profil=tags&start&submit=1"><a href="#" onclick="this.parentNode.submit();return false;">Следить за тегом <span class="forum-hashtag-tag">' + t + '</span></a><input name="addtag" type="hidden" value="' + this.innerHTML.slice(1) + '"></form></li></ul>' : '');
         
          /none/.test(b.style.display) && (b.style.display = 'block');
        } else {
          actif = null;
          b.style.display = 'none';
        }
       
        return false;
      };
    }
  }
});

2) В CSS

Код:

/* настройки доп.окна управления хештегами */

.forum-hashtag-options {
  color:#666;
  font-size:11px;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  line-height:14px;
  background:#EEE;
  border:1px solid #CCC;
  border-radius:3px;
  box-shadow:0 3px 6px rgba(0, 0, 0, 0.175);
  margin-top:20px;
  padding:3px;
  position:absolute;
  z-index:100;
}

/* заголовок всплывающего окна */
.forum-hashtag-title {
  font-size:12px;
  border-bottom:1px solid #CCC;
  padding-bottom:3px;
  margin-bottom:3px;
  cursor: default;
}

/* ссылки во всплывающем окне */
.forum-hashtag-options a {
  color:#333;
  text-decoration:none;
  display:inline-block;
  padding:2px 6px 2px 0;
}

.forum-hashtag-options ul {
  list-style-type: disc;
  padding: 2px 2px 2px 20px;
  margin: 0 auto;
}

/* ссылки при наведении */

.forum-hashtag-options a:hover {
  color:#666;
  text-decoration:underline;
}

/* выделенный тег */
.forum-hashtag-tag {
  color:#000;
  font-weight:bold;
}

Супер! Только я чего-то с оформлением намудрила, стиль тегов полез в окошко



Все, разобралась. Добавила в CSS уточнение, чтобы синий ярлык добавлялся только к ссылкам с атрибутом title

Код:

a[href*="/tags"][title]

Теперь совсем гуд Спасибо еще раз!