Автозаполнение текстового поля ajax для веб-приложения iphone?

Question

Я разработал веб-сайт rails, на котором у меня есть текстовое поле с возможностями автозаполнения (когда пользователь начинает печатать, под ним «выпадает» список допустимых значений). Для этого я использовал автозаполнение Rail .

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

Поэтому мой вопрос таков: как лучше всего создать «автозаполняемое текстовое поле ajax» в веб-приложении для iphone?

Я подозреваю, что должен быть простой способ сделать это, поскольку jqtouch использует jquery , и для него есть несколько плагинов для автозаполнения (кстати, понятия не имею, какой лучше всего подходит для этой задачи). Однако, если кто-то думает, что есть лучший способ сделать это, чем с помощью jqtouch, я открыт для предложений.

Answer 1

У меня нет URL-адреса для решения, но я тоже рассмотрел эту проблему и имею следующие мысли:

максимально использовать ограниченное пространство

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

По этой причине я считаю, что вы должны перечислить свои опции автозаполнения в строке. Надеемся, что с помощью этого метода вы можете отобразить 2-3 варианта в строке.

Не связывайтесь с фокусом

Другая проблема, которую следует рассмотреть, - это фокус. Если вы использовали StackOverflow или Delicious на iPhone, вы поймете, что изменения в фокусе на самом деле очень затрудняют создание достойного инструмента автозаполнения, поскольку при изменении текста изменяется масштаб и положение окна.

Answer 2

Хорошо, после почти недели работы над этим я должен ответить самому себе:

На сегодняшний день (февраль 2010 г.) Я не смог найти "хорошего" или хотя бы "стандартизированного" способа выполнения автозаполнения ajax для iphone . Я не думаю, что есть.

Единственные варианты, которые у вас есть сейчас:

• Приготовьте себе автозаполнение (возможно, с помощью одного из плагинов jquery). Результат может выглядеть не очень хорошо на iphone, если, как говорит Джон, вы ограничиваете его до 3 результатов.
• Перейти на что-то совершенно другое. В моем случае я решил использовать два поля вместо одного: текстовое поле, которое пользователь может «использовать в качестве фильтра», и «динамическое выделение», в котором пользователь выбирает правильный ответ.

Я буду рад принять любые альтернативы, если они появятся, в будущем. Пока я считаю это закрытым (без действительного ответа).