Раскрывающийся список

Байт · Регистрация: 24.12.2010

Author24 — интернет-сервис помощи студентам

Хотелось бы сделать такую вещь. Есть input-поле. По щелчку по нему появляется список. Некоторые пункты этого списка снабжены "плюсиками" По нажатии на плюсик этот пункт раскрывается. Все наподобие того, как происходит выбор директории. Уровней может быть несколько.
Хотелось бы, чтобы при появлении списка страница не расширялось, то есть список - в другом слое (z-index).
При выборе листового элемента списка он должен попасть в input-поле.
В принципе, у меня есть идеи, как это можно было бы реализовать. Но может быть этот велосипед уже давно изобретен?

ЗЫ. То есть что-то вроде комбобокса, но с расширенными, "деревянными" возможностями...

Байт · 22.02.2020, 17:18 **[ТС]**

Попыхтел пол-дня - получилось. Окромя z-index, но это уже детали. Все очень несложно оказалось. Думаю, человек более опытный написал бы все за час.
Если кому интересно, могу выложить код. Он небольшой. 25 строк JS и html, зависящий от объема дерева. Но ясно, что он будет заполняться из стороннего источника через AJAX.
Но в общем-то, все довольно тривиально оказалось.
Вполне вероятно, что эта техника может оказаться неплохой альтернативой комбобоксу.

@j2FunOnly · 25.02.2020, 11:34

Не по теме:

Сообщение от Байт

Если кому интересно, могу выложить код.

Да, давайте. Интересно.

Байт · 25.02.2020, 14:37 **[ТС]**

Сообщение от j2FunOnly

Да, давайте. Интересно.

Я уже вывел этот фрагмент из локально-тестового состояния и включил а проект. Поэтому вырезал все относящееся к делу и вот - As Is
Много лишнего, в том числе мои робкие попытки в статусе совсем-совсем начинающего. Не обращайте внимания.
Я думаю, суть вы поймете, если нет - спрашивайте.
Да! Там у имен файлов могут оказаться большие буквы. Для винды это по барабану, Другие могут не понять.
php,js,css - должны быть маленькими
LISTD.TXT - большими
Ясно, что заполнять ДЕРЕВО можно как угодно и чем угодно. Я выбрал такую структуру, возможно не самую удачную.

Байт · 25.02.2020, 14:41 **[ТС]**

Поясню на всякий случай суть. Там игра с вложенными одноколоночными таблицами. <thead> - заголовки, <tbody> - тело. Вот эти тела я открываю - закрываю. (display: none/block)

Байт Диссидент 27706 / 17322 / 3812 Регистрация: 24.12.2010 Сообщений: 38,979
		1
	Раскрывающийся список 21.02.2020, 14:59. Показов 660. Ответов 4 Метки нет (Все метки) Хотелось бы сделать такую вещь. Есть input-поле. По щелчку по нему появляется список. Некоторые пункты этого списка снабжены "плюсиками" По нажатии на плюсик этот пункт раскрывается. Все наподобие того, как происходит выбор директории. Уровней может быть несколько. Хотелось бы, чтобы при появлении списка страница не расширялось, то есть список - в другом слое (z-index). При выборе листового элемента списка он должен попасть в input-поле. В принципе, у меня есть идеи, как это можно было бы реализовать. Но может быть этот велосипед уже давно изобретен? ЗЫ. То есть что-то вроде комбобокса, но с расширенными, "деревянными" возможностями... 0

Байт Диссидент 27706 / 17322 / 3812 Регистрация: 24.12.2010 Сообщений: 38,979
	22.02.2020, 17:18 [ТС]	2
	Попыхтел пол-дня - получилось. Окромя z-index, но это уже детали. Все очень несложно оказалось. Думаю, человек более опытный написал бы все за час. Если кому интересно, могу выложить код. Он небольшой. 25 строк JS и html, зависящий от объема дерева. Но ясно, что он будет заполняться из стороннего источника через AJAX. Но в общем-то, все довольно тривиально оказалось. Вполне вероятно, что эта техника может оказаться неплохой альтернативой комбобоксу. 0

@j2FunOnly
	25.02.2020, 11:34 #3
	Не по теме: Сообщение от Байт Если кому интересно, могу выложить код. Да, давайте. Интересно. 0

Байт Диссидент 27706 / 17322 / 3812 Регистрация: 24.12.2010 Сообщений: 38,979
	25.02.2020, 14:41 [ТС]	5
	Поясню на всякий случай суть. Там игра с вложенными одноколоночными таблицами. <thead> - заголовки, <tbody> - тело. Вот эти тела я открываю - закрываю. (display: none/block) 0