Триггер @mention Автозаполнение, как Facebook, Twitter и Google+

Question

Я пытался сделать что-то вроде Facebook @tagged Имя друга добавить в текстовую область. Я использовал jquery ui auto-complete для выполнения работы, она работает нормально, за исключением того, что я хочу, чтобы какой-то символ, такой как @ или ~, начинал тег, я не могу понять, как. У кого-нибудь есть идеи? Я использую его для нескольких тегов друзей, как Facebook.

Answer 1

Я написал плагин для этого:

http://www.hawkee.com/snippet/9391/

$('#inputbox').triggeredAutocomplete({
    hidden: '#hidden_inputbox',
    source: "/search.php",
    trigger: "@" 
});

Answer 2

Вы можете использовать библиотеку плагинов начальной загрузки, которую я написал.Работает с ContentEditable div: http://sandglaz.github.com/bootstrap-tagautocomplete/

Answer 3

ЭТО МОЖЕТ БЫТЬ ПОЛЕЗНЫМ ОБРАЗЦОМ.,: http://jsfiddle.net/suneeshtr/6ymLD/1/ также проверьте: http://www.hawkee.com/snippet/9391/

Answer 4

Вот еще один (запускается начальным символом вроде @) http://www.9lessons.info/2010/08/tag-friends-with-jquery-ajax-and-php.html

Answer 5

Я опоздал на пару лет, но я решил добавить свои два цента, потому что не похоже, что кто-то на самом деле уже ответил на вопрос;).

Параметр source функции автозаполнения пользовательского интерфейса jQuery используется для указания массива, содержащего элементы, которые должны отображаться в раскрывающемся списке после запуска виджета. Его можно определить как такой массив, функцию, которая возвращает такой массив, или URL-адрес ресурса, который создает такой массив.

Если массив, который в итоге становится значением source, пуст, виджет не будет отображать раскрывающийся список. Таким образом, определение source как функции, способной возвращать непустой массив только при вводе @, приведет к тому, что виджет будет вести себя так, как вы хотите.

Если вы не хотите испытывать трудности при определении такой функции, взгляните на Mentionator , плагин jQuery, который предоставляет функции создания и управления упоминаниями (а также полезные вспомогательные средства). функции), которая фактически основана на функциональности jQuery UI Autocomplete. Это поддерживается вашими искренними :).

Answer 6

Эй, вы можете попробовать что-то вроде этого ... Надеюсь, что это работает ..

$q=$_POST['searchword'];
$q=str_replace("@","",$q); 
$q=str_replace(" ","%",$q);
$sql_response=mysql_query("select * from data where fname like '%$q%' or lname like '%$q%'");
while($row=mysql_fetch_array($sql_response))
{
  $fname=$row['fname'];
  $lname=$row['lname'];  
}