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

Question

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

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

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

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

Cheers, Энтони

Answer 1

jquery facebook autocomplete (через Ajaxian)

Там это книга о том, что Jquery 1.6 UI имеет автозаполнение для электронной почты, а также onle из последних примеров автозаполнения (book source code).

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(); 
}); 

Я не протестировал это, кстати, но это должно привести вас к правильному пути.

HTH!