Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > Проблема длинных строк в select


Автор: Atos 5.6.2010, 10:52
Есть длинный выпадающий список, причём в нем много очень длинных строк. Либо он вылезает по ширине далеко за пределы экрана, безбожно растягивая форму, что неприемлемо, либо, при фиксации ширины, пользователю при выборе видны только часть каждой строки, выбор осложняется и тем, что начала некоторых строк совпадают.

Профессионалы, подскажите, пожалуйста, как решить проблему? возможно ли это сделать стандартными средствами javascript? не знаю, ну там перенос строк или ещё какие-то подходящие способы, облегчающие работу? пробовал гуглить, пока не нашёл подходящего... 

Автор: Amphiluke 5.6.2010, 11:38
Пожалуй, только эмуляцией select'а при помощи обычного текстового поля и вываливающегося под ним когда надо контейнера типа div. В общем, речь о собственноручном конструировании select'а. В интернете таких эмуляций с готовым кодом предостаточно. А преобразовать как-то стандартные... вряд-ли, ИМХО. 

Автор: 0Z0NE 12.6.2012, 10:40
Возможно я не совсем понял вопрос но попробуйте насильно укзать в <select> стиль с фиксированной, нужной вам шириной, таким образом видимая по умолчанию часть селекта будет нужной вам ширины а при нажатии на стрелочку все будет формироваться по сождержимому.

Автор: Amphiluke 12.6.2012, 10:52
0Z0NE, только не в IE < 9.
P.S. Топику 2 года, если что.

Автор: 0Z0NE 12.6.2012, 20:10
Цитата

только не в IE

да про динозавра я забыл :(

ы точно 2 года =)

Автор: targetkeeper 24.6.2012, 16:18
Еще можно при превышении длиной, скажем, 40 символов, обрезать строку по целому слову и ставить многоточие. Если нужно, чтобы пользователь мог увидеть строку целиком, по событию change вставлять полный текст в удобное место.
Если кому интересно, могу написать функцию для js или плагин jquery.

Автор: Aliance 25.6.2012, 09:22
targetkeeper, это можно сделать и средствами css, только вот в данном случае не подошло бы, т.к. автор указал что:
Цитата(Atos @  5.6.2010,  11:52 Найти цитируемый пост)
 выбор осложняется и тем, что начала некоторых строк совпадают.


Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)