Раскрывающийся список в стиле Google+ для кругов - PullRequest
2 голосов
/ 19 июля 2011

Кто-нибудь знает метод или готовый скрипт jquery для выбора стиля Google+ при отправке нового сообщения?В том месте, где вы щелкаете текстовое поле «+ Добавить больше людей», он представляет собой выпадающий список, в котором вы можете выбрать круг, он добавляет его, и вы можете нажать еще раз, чтобы выбрать другой круг, и он добавляет один рядом с другим..

Отличный способ выбора нескольких элементов для выпадающего списка.

Мне кажется, я уже видел нечто подобное.Скрипт jquery, но я не могу его сейчас найти.

[Я не могу опубликовать изображение, потому что я новый пользователь, но посетите http://sobotics.com/gplus.jpg, чтобы увидеть его.]

То, что вы видите, - это текстовая область, в которой вы печатаете свое сообщение. Это поле с крестиком в правом верхнем углу.Ниже это текстовое поле, которое показывает, какие круги могут видеть этот пост.Вы просто нажимаете на это текстовое поле, и оно сразу же выпадает из списка доступных кругов.Нажмите один в этом раскрывающемся списке, и он добавит его в виде синего или зеленого поля в этом текстовом поле.Синий - для ограниченных кругов, а зеленый - для общественных кругов.Вы видите, что у каждого из этих синих прямоугольников есть X, так что вы можете удалить его.Если навести указатель мыши на одно из этих полей, оно показывает, кто находится в этом круге с этим небольшим всплывающим окном, которое отображается над текстовой областью в данный момент с флажком «Уведомить об этом сообщении».

Iхотел бы воссоздать всю эту функциональность.

1 Ответ

0 голосов
/ 19 июля 2011

Автозаполнение? Вот плагин, который похож на стиль Google Plus. http://code.drewwilson.com/entry/autosuggest-jquery-plugin

...