Используя jquery, как я могу обрабатывать теги так же, как Live Mail обрабатывает адреса электронной почты?

Question

У меня должна быть система, похожая на метки, которая работает очень похоже на то, как Live Mail использует адреса электронной почты.

Для тех, кто не знает, Live Mail предоставляет textbox, в котором вы можете ввести адреса электронной почты. Когда вы закончите вводить адрес электронной почты, Live Mail из простого текста преобразует его в div, у которого есть рамка и текст внутри. Если вы хотите удалить адрес, вы наводите курсор на адрес, и справа появляется крестик. Вы не можете изменить адрес после того, как он был «помечен». Если вы хотите изменить его, вам нужно удалить его и добавить заново.

Это та функция, которая мне требуется, за исключением того, что я буду делать это с тегами вместо адресов электронной почты.

Мне было интересно, знает ли кто-нибудь о компоненте jquery, который работает таким образом.

Ура, Энтони

Answer 1

jquery facebook автозаполнение (через Ajaxian )

Есть книга по Jquery 1.6 UI , в которой есть автозаполнение для электронных писем, а также один из последних примеров автозаполнения ( исходный код книги ).

Answer 2

Я никогда не слышал о таком плагине JQuery, но его не должно быть слишком сложно сделать самостоятельно. Тем не менее, это потребует некоторых знаний о CSS для фактического внешнего вида.

// Code for replacing a textbox with a DIV on blur.
$('#textbox').blur(function () {
  var content = $(this).val();
  if (!content) return; // Don't make anything out of empty textboxes.
  // Create a DIV and make it a sibling to the textbox.
  $('<div>').html(content).appendTo($(this).parent());
  // Remove the textbox.
  $(this).remove();
});

Кстати, я не проверял ничего из этого, но это должно привести вас на правильный путь.

НТН!