HashLinks Beta

Представляем вам скрипт "HashLinks". Он добавляет пользователям сайта возможность использовать хэш-теги для быстрого создания ссылок на страницы поиска и страницы пользователей. Пример сайтов, использующих хэш-теги - Tweeter и VK. На данный момент хэш-тега в скрипте 2: #поиск , ведущий на страницу поиска, и @пользователь , ведущий на страницу пользователя. Скрипт находится в beta-тестировани, поэтому возможны какие-либо баги.
1) В нижнюю часть сайта вставляем скрипт:
Code
<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>

2) Нужные места сайта, где должна быть поддержка хэш-тегов оборачиваем в div:
Code
<div class="hashLinks">
// Здесь нужный контент
</div>

ВНИМАНИЕ: В этом месте не должно быть скриптов и тегов, содержащих в себе с # и @ (Например, span style="background:#fff;" вызовет баг). Ошибка будет исправлена в следующей версии.
Демо
Просмотры: 1767 · Комментарии: 9 · Добавил: Kelin · Категория: Прочие скрипты
Комментарии к материалу
10.12.2012 в 22:33
slavike

пойдет
30.10.2012 в 23:41
I-vashka

Отдельная благодарность за работающие картинки! Счастлив безмерно!)) Жду новой версии с рабочими span =)
31.10.2012 в 08:27
Kelin

Эм, какие картинки?
28.10.2012 в 13:19
vasa3000

было б не плохо сделать демо!
28.10.2012 в 14:44
Kelin

Ок, сделаю сегодня.
29.10.2012 в 11:17
vasa3000

И где же демо?)
29.10.2012 в 21:18
Kelin

Вот оно: Ссылка smile
10.10.2012 в 21:47
Ищенко

для чего он, непонял?)))
11.10.2012 в 16:50
Kelin

Примеры использования:
1) Пользователь. Ему запрещен BB-код [ url ], то есть, кликабельные ссылки. Этот скрипт позволяет ему делать простейшие кликабельные ссылки на #поиск и @страницу_пользователя.
2) Групповой блог. Очень много постов. Нужно отсечь из тонны этих постов посты по одной теме. Для этого эти посты помечают особой #меткой, при поиске по ней будет выдавать посты только этой темы.



Как-то так. Можно еще много идей придумать, но у меня нет времени, к сожалению.
Доступ запрещен
Войдите или Зарегистрируйтесь