Добавление тегов как на ютубе

[artem328]

Здравствуйте все,

Подскажите, каким образом можно сделать добавление тегов как на ютубе. То есть в поле ввода вводим тег и после добавления запятой, только что написанный тег уже пишется в рамочке с кнопкой "удалить". Скриншот для наглядности

Спасибо

[artem328]

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

[ksa]

я понял, что в див добавляется значения перед инпутом после написания "," и я так понимаю происходит это с помощью ajax

Для добавления дива перед инпутом ajax не нужен...

[artem328]

Подскажите, тогда как реализовать данную систему

[ksa]

как реализовать данную систему

Так ты же уже описал алгоритм.
- отлавливать нажатие кнопок
- если обнаружен символ-сепаратор
* добавлять див перед инпут
* заполнять див значением из инпута
* очищать инпут

[artem328]

Я с javascript пока не сильно дружу. Какие функции нужно посмотреть, чтоб отлавливать нажатие кнопок и отслеживать символ-разделитель?

[ksa]

Какие функции нужно посмотреть, чтоб отлавливать нажатие кнопок

На то есть события key*()... Как вариант keyup()...

отслеживать символ-разделитель?

Как вариант...

var val='111,222';
if (val.search(/,/g) == -1) {
	alert('Запятой нет...');
} else {
	alert('Запятая есть!');
};

[artem328]

ksa,
спасибо
буду разбираться

[kostyanet]

Для добавления дива перед инпутом ajax не нужен...

Автор имел ввиду очевидно подсказку по готовым тегам. Подсказки грузятся на каждый кейап, конечно.