Страница 1 из 1

select с возможностью заполнения его пользователем

Добавлено: 05 апр 2007, 21:14
Morfius
Нужен выпадающий список, в который пользователь, помимо выбора существующих элементов, мог бы вписать своё значение.
Существует ли такой элемент в html или asp.net (и, если — нет, — как его можно было бы сделать)?

P.S.

Начал искать в сети нашёл:
Вот это: http://www.w3.org/2007/03/html-forms/#(27)
combobox относится к Web2.0 или к чему-то другому?
Какую литературу по нововведениям в html следует почитать?

Почему-то, когда я скопировал пример:

<form name="form15" onsubmit="false"><fieldset><legend>Selection fields you can type into</legend><label for="f1">Favorite fruit</label><select name="fruit" id="f1" editable="12"><option>apples</option><option>pears</option><option>bananas</option><option>pineapple</option></select></fieldset></form>

Возможность редактирования у текст-бокса пропала (
такое впечаление, что он на ява скрипте работает..

Re: select с возможностью заполнения его пользователем

Добавлено: 06 апр 2007, 08:38
__Yuri__
Вот список аттрибутов тэга select для самого последнего стандарта, поддерживаемого браузерами XHTML 1.1:
id
name
class
dir
disabled
multiple
size
tabindex
title
xml:lang

style

on...


Как видишь атрибута editable пока нет...
Поиск в google строки combobox HTML
на первом месте дает такую сцылочку:
http://www.geocities.com/chakrabartys/p ... pdown.html
Так что велосипед уже изобретен :) , проверил - работает под FF и под IE, хотя не совсем привычно, так что есть простор для улучшения
Мне понравилось решение в третьей сцылке, потому что мне в голову пришло тоже самое и я точно также обломался с IE, который не дает перекрыть по z-index select.
http://www.tgreer.com/comboArticle.html

А вот здесь ваще красиво:
http://dhtmlgoodies.com/scripts/form_wi ... xt2=&x=&y=
Для себя я выбираю этот вариант!
Остальные сссылки смотреть не стал, ушел работать

Re: select с возможностью заполнения его пользователем

Добавлено: 12 апр 2007, 12:35
Morfius
Я нашёл вот такую штуковину:
http://www.opinionatedgeek.com/DotNET/p ... bobox.aspx
Но она платная зараза..
У 3го варианта (http://dhtmlgoodies.com/scripts/form...myText2=&x=&y=)
проблема с искажением нижележащего текста..+ при размеении на странице нескольких таких комбобоксов появляются ошибки.

Есть какие-то толковые книги, в которых затронуто написание комбобоксов?
А то в исходниках которые я нахожу чёрт ногу сломит..

Re: select с возможностью заполнения его пользователем

Добавлено: 12 апр 2007, 15:02
Oscar
Morfius,

общая идея такова:

<select>
<option></option>
<option>1</option>
<option>2</option>
..
</select>

по какому-нить событию (например клик по первой опции) меняешь (при помощи JS) весь select-элемент на <input>,
по другому событию (например потеря фокуса с input) меняешь обратно input на select, дописывая в него первой опцией результат того, что пользователь ввёл

Re: select с возможностью заполнения его пользователем

Добавлено: 12 апр 2007, 15:48
__Yuri__
Oscar писал(а):Morfius,

общая идея такова:

<select>
<option></option>
<option>1</option>
<option>2</option>
..
</select>

по какому-нить событию (например клик по первой опции) меняешь (при помощи JS) весь select-элемент на <input>,
по другому событию (например потеря фокуса с input) меняешь обратно input на select, дописывая в него первой опцией результат того, что пользователь ввёл
Супер! И, главное, просто!

Re: select с возможностью заполнения его пользователем

Добавлено: 12 апр 2007, 16:13
Oscar
__Yuri__, эта идея "нарисована" в той презентации, ссылку на которую Morfius дал в самом начале этого топика.

Re: select с возможностью заполнения его пользователем

Добавлено: 12 апр 2007, 18:33
__Yuri__
Oscar писал(а):__Yuri__, эта идея "нарисована" в той презентации, ссылку на которую Morfius дал в самом начале этого топика.
Во блин, а я принципиально не стал читать, т.к. не люблю когда вместо нормальной доки подсовывают какую-то ... с отсутствием навигации об которую глаза сломать можно.

Re: select с возможностью заполнения его пользователем

Добавлено: 13 апр 2007, 17:03
Morfius
Я сейчас вот этот вариант:
http://particletree.com/features/upgrad ... combo-box/
пытаю.
Я сам бы попробовал написать вариант с заменой селекта на инпут с картинкой, но не уверен, что во время успею.

Re: select с возможностью заполнения его пользователем

Добавлено: 06 июл 2008, 09:10
tigersubu

Combobox in HTML

Try the code for COMBOBOX in HTML :

Editable DropDown Listbox with any one select option as Editable (like a textbox ) and the rest as readonly.

http://chakrabarty.com/pp_editable_dropdown.html

http://chakrabarty.com/combobox.html

.. it is a typeable combobox.

Re: select с возможностью заполнения его пользователем

Добавлено: 28 июл 2008, 10:07
__Yuri__
tigersubu писал(а):
Combobox in HTML

Try the code for COMBOBOX in HTML :

Editable DropDown Listbox with any one select option as Editable (like a textbox ) and the rest as readonly.

http://chakrabarty.com/pp_editable_dropdown.html

http://chakrabarty.com/combobox.html

.. it is a typeable combobox.
бросаеца в глаза недостаток следующий: как приглашение для ввода текста пользователь привык видеть текстовый курсор, а тут остается дефаулт, да еще при клике мышкой список вываливаеца...