Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Проблема длинных строк в select, удобная работа с выпадающим списком 
:(
    Опции темы
Atos
  Дата 5.6.2010, 10:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 108
Регистрация: 2.9.2004
Где: Омск

Репутация: нет
Всего: нет



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

Профессионалы, подскажите, пожалуйста, как решить проблему? возможно ли это сделать стандартными средствами javascript? не знаю, ну там перенос строк или ещё какие-то подходящие способы, облегчающие работу? пробовал гуглить, пока не нашёл подходящего... 
PM MAIL   Вверх
Amphiluke
Дата 5.6.2010, 11:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


   ☽
***


Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 35
Всего: 112



Пожалуй, только эмуляцией select'а при помощи обычного текстового поля и вываливающегося под ним когда надо контейнера типа div. В общем, речь о собственноручном конструировании select'а. В интернете таких эмуляций с готовым кодом предостаточно. А преобразовать как-то стандартные... вряд-ли, ИМХО. 
PM   Вверх
0Z0NE
Дата 12.6.2012, 10:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


HEY4
*


Профиль
Группа: Участник
Сообщений: 50
Регистрация: 25.4.2012

Репутация: нет
Всего: нет



Возможно я не совсем понял вопрос но попробуйте насильно укзать в <select> стиль с фиксированной, нужной вам шириной, таким образом видимая по умолчанию часть селекта будет нужной вам ширины а при нажатии на стрелочку все будет формироваться по сождержимому.
PM MAIL   Вверх
Amphiluke
Дата 12.6.2012, 10:52 (ссылка) |    (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


   ☽
***


Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 35
Всего: 112



0Z0NE, только не в IE < 9.
P.S. Топику 2 года, если что.
PM   Вверх
0Z0NE
Дата 12.6.2012, 20:10 (ссылка)    | (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


HEY4
*


Профиль
Группа: Участник
Сообщений: 50
Регистрация: 25.4.2012

Репутация: нет
Всего: нет



Цитата

только не в IE

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

ы точно 2 года =)
PM MAIL   Вверх
targetkeeper
Дата 24.6.2012, 16:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 11
Регистрация: 24.6.2012

Репутация: нет
Всего: нет



Еще можно при превышении длиной, скажем, 40 символов, обрезать строку по целому слову и ставить многоточие. Если нужно, чтобы пользователь мог увидеть строку целиком, по событию change вставлять полный текст в удобное место.
Если кому интересно, могу написать функцию для js или плагин jquery.
PM MAIL   Вверх
Aliance
Дата 25.6.2012, 09:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137



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


PM MAIL WWW ICQ Skype   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0464 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.