Управление хештегами

автор Пт 21 Окт - 9:10

Код:: $(function() { var a = document.getElementsByTagName('A'), b = document.createElement('DIV'), i = 0, j = a.length, actif, t; b.className = 'fa_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 += ' fa_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="fa_hashtag-title">Выберите действие : <span class="fa_hashtag-tag">' + t + '</span></div><b>• </b><a href="' + this.href + '">Показать все сообщения с этим тегом</a>' + (_userdata.session_logged_in ? '<form method="post" name="addtag_form" action="/profile?mode=editprofile&page_profil=tags&start&submit=1"><b>• </b><a href="#" onclick="this.parentNode.submit();return false;">Следить за тегом <span class="fa_hashtag-tag">' + t + '</span></a><input name="addtag" type="hidden" value="' + this.innerHTML.slice(1) + '"></form><b>• </b><a href="/profile?mode=editprofile&page_profil=tags">Управление моими тегами</a>' : ''); /none/.test(b.style.display) && (b.style.display = 'block'); } else { actif = null; b.style.display = 'none'; } return false; }; } } });

автор Пт 21 Окт - 9:16

В таблицу CSS :

Код:: /* options drop down */ .fa_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; } /* options title */ .fa_hashtag-title { font-size:12px; border-bottom:1px solid #CCC; padding-bottom:3px; margin-bottom:3px; } /* option links */ .fa_hashtag-options a { color:#333; text-decoration:none; display:inline-block; padding:2px 6px 2px 0; } .fa_hashtag-options a:hover { color:#666; text-decoration:underline; } /* option bullets */ .fa_hashtag-options b { color:#333; padding-left:6px; } /* option tags */ .fa_hashtag-tag { color:#000; font-weight:bold; }

автор Пт 21 Окт - 9:40

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

Код:: /* hashtag styles */ a.fa_hashtag { color:#666; text-decoration:none; background-color:#EEE; border:1px solid #CCC; border-radius:3px; display:inline-block; padding:3px; } a.fa_hashtag:hover { color:#333; background-color:#DDD; border-color:#999; }

автор Пт 21 Окт - 9:45

#тест1 тест .................. ой шота глючит редактор

Управление хештегами

Re: Управление хештегами

Re: Управление хештегами

Re: Управление хештегами

URL:
BBCode:
HTML: