TWD HUB » TWD SoftWare » разработки js/css
хеш-теги для Ucoz: Дорабатываем под поиск
Версия: 1

Внимание! Модули сайта находятся в процессе разработки. Функционал доступен частично.
МЫ НЕ СТОИМ НА МЕСТЕ, А СТАРАЕМСЯ СДЕЛАТЬ САЙТ УНИКАЛЬНЫМ!
Ограничение функций от сервисов Ucoz является помехой,но мы будем искать варианты, ведь многие функции либо скрыты и не запрещены,
либо давно забыты и убраны из списков.
Многое можно осуществить через JS и Json.
Мы ищем решение для добавления большего количества файлов.

Последняя фиксация

@SKYER АВТОР: @SKYER
Создать новый репозиторий.
TWD HUB: 2024-A340S1-0W Что это?
- Идентификатор разработки или скрипта по разным параметрам,
ID, UID, Дате, Группе Пользователя, создавшего этот пост.
Специальная тема.

В интернете немало ссылок с одной весьма интересной JavaScript функцией, а именно с хеш-тегами!

Но к сожалению, на проверку, скрипт оказался косячным. И мы решили исправить эти ошибки!

  1. - не работает отступ, идет сливание с html, либо текстом.
  2. - В поиске остаются @ или #, и соответственно они мешают найти искомое.

И так, вот исходный код:

Скрипт
Код
<script type="text/javascript" href="https://twdhub-a.usite.pro/js/hash-twd.js"/>

Код

Завернуть переменную $MESSAGE$ в класс hashLinks:
<div class="hashLinks">$MESSAGE$</div>
Перед тегом </body> установить скрипт:
<script type="text/javascript">$('.hashLinks').each(function(){var html = $(this).html().replace(/(#[\S]+)/g,'<a href="/search/$1" class="tagHref" title="$1">$1</a>').replace(/(@[\S]+)/g,'<a href="/index/8-0-$1" class="tagHref" title="$1">$1</a>');$(this).html(html).each(function(){$('.tagHref').each(function(){var href = $(this).attr('href').replace(/#/, '%23').replace(/@/,'');var title = $(this).attr('title').replace(/(#+)/, '');$(this).attr('href',href).attr('title',title);});});});</script>

И что с ним не так? разберем!


Первые ошибки:


Код

$1 здесь $ это @
$1 А здесь $ это #
replace(/#/, '%23').replace(/@/,'') - идет подмена на @
replace(/(#+)/, '');$(this) - идет подмена на #

Казалось бы - что здесь не так в этом коде?!


И да, мы скрипт для тестов помесили в файл, для удобства. Ссылка на скрипт выше!


Далее, описание пойдет через комментарии...
Уважаемые пользователи!
Копирование новостей разрешено только с указанием ссылки на данную новость на другом сайте.
При обнаружении нарушения будут приняты меры, связанные с защитой авторских прав по пункту законов о плагиате и нарушении авторских прав.
На сайте используются только оригинальные материалы, без копирования из других источников. Все скрипты и коды здесь - наши авторские работы.
Чужие работы мы бережно выносим на отдельные html странички, со ссылками на оригинальный материал. ПРИМЕР
Уважайте чужой труд!
Категория: разработки js/css | Добавил: SKYER | Теги: hash-tag, Hashtag, хеш-теги, хеш теги, хештеги на DLE, хештеги на сайт, хештеги для ucoz, hash tag, хештеги, хештеги для юкоз
Комментарии: 1

Всего комментариев: 1
avatar
0
1 SKYER • 03:36, 03.01.2022 [Материал]
Далее мы идем в админку, идем в редактор кода, там находим вид комментариев, а в них находим массив:
Код
<div class="uc-message cMessage">$MESSAGE$</div>

Можно и не оборачивать дополнительным ДИВом, а добавить нужный атрибут в уже имеющийся класс!
Код
<div class="hashLinks uc-message cMessage">$MESSAGE$</div>

Приятного использования! С уважением к вам - @SKYER
Как видите, все работает как надо, и без проблем с поиском!
#хештеги на юкозе - это круто!
Войдите:
avatar