Как создать стиль тегов в стиле facebook в текстовом поле

Question

Я хотел бы использовать тегер друга в стиле facebook в приложении, которое используется для создания сообщений в блоге. Если пользователь вводит знак @, а затем начинает вводить имя друга (из таблицы пользователя), то приложение будет искать, а затем пользователь выберет имя из списка. После выбора имени он отправит электронное письмо с упоминанием о том, что вы отметили сообщение в блоге xyz и т. Д. После вступительного поиска в Google я нашел аналогичный сценарий в http://www.9lessons.info/2010/08/tag-friends-with-jquery-ajax-and-php.html. Однако мне было интересно, есть ли еще примеры? или расширения jquery для этого?

Answer 1

Это не займет много времени, чтобы исследовать код самостоятельно. Используйте javascript/jQuery, чтобы обнаружить символ @ и отключить функцию ajax, чтобы найти соответствующих пользователей в списке друзей этого человека. Возможно, создайте файл xml/json для друзей каждого пользователя, чтобы вы могли быстрее получить доступ к ним без дополнительных запросов к БД. Затем отобразите имена пользователей в простом CSS-div для их выбора. Когда они выбирают имя, замените все после символа @ на выбранное имя. Затем отпустите другую функцию ajax для запуска и регистрации сообщения для этого пользователя, чтобы увидеть, когда они войдут в систему дальше.

Я знаю, что мы все на разных уровнях, но если вы знакомы с вызовами php, javascript/jquery и ajax, вы сможете разбить несколько кофе и сделать это за несколько часов. :)

Answer 2

Для этого есть плагин jQuery. Проверьте демо здесь:

http://loopj.com/jquery-tokeninput/

чтения документации плагина для получения дополнительной информации. Короче говоря:

• Вы должны использовать этот плагин на стороне клиента.

• Создание JSON в следующем формате на сервере и передать URL файла сценария для этого плагина

  [ { "ID": "856", "имя": "Дом"}, { "ID" : «1035», «имя»: «Отчаянные домохозяйки»}, ... ]

• Bind onAdd событие слушателя для этого плагина и отправить AJAX запрос на какой-то на стороне сервера скрипт для отправки электронной почты.