Меню
Что нового?

Длинные значения полей

  • Автор темы Автор темы Adelf
  • Дата начала Дата начала
В смысле форматирования, верстки?
 
Да хоть какое-то решение, более-менее дружелюбное для юзера.
Желательно, конечно, с помощью верстки.
 
Я делаю в зависимости от задачи, если текст в пробелами - то просто в несколько строчек, если без - либо обрезаю многоточием и ставлю попап с полной инфой по клику на обрезанный контент или делаю скрытие части контента через оверфлоу (точно не помню как, смысл в том, что часть контента просто не видна)
 
делаю скрытие части контента через оверфлоу (точно не помню как, смысл в том, что часть контента просто не видна)
Нажмите для раскрытия...
Ага.. но нужно, чтобы пользователь все-таки как-то мог увидеть полное название.
Требования по браузерам - IE 7-8, FF 3.0+

У нас там народ пытался что-то сделать(обрезали с помощью, оверфлоу и, кажется, атрибут Title использовали чтобы показывать), но работает только в IE7 :) даж в восьмом уже не работает. Чтото обрабатывать на сервере - проблематично, там и так много логики, и завязано все через аспнетовский ObjectDataSource. Не хотел бы я туда лезть :) Да и через JS некрасиво, помоему, решать.
Прежде чем глубоко копать, решил спросить тут.
 
Adelf
Делай скрытие, а при наведении на контент - плавающее окошко около мышки, с полным содержимым. Разбив этот безпробельный контент переносом по 20-30-40 символам. То есть решение будет двойным, ASP+JS. Хотя можно обойтись плавающей подсказкой.

Ну или как вариант - разбивать контент и не позволять вводить такой бред. Как это сделать - разговор отдельный.
 
Есть идея сделать что-то похожее как в мобильных телефонах - строка показывается обрезанной, а когда наводишь мыш - начинает прокручиваться слева направо
 
Adelf
зайди на яндекс почту, посмотри письмо с длинным заголовком, после этого уменьши размер окна браузера, и смотри чо будет, чисто JS и помоему это будет лучше, и универсальней как бы..
 
при этом у тебя целостность восприятия будет нарушена, так как если будет виден конец - не будет видно начала.
 
при чем тут JS и CSS: http://htmlbook.ru/css/overflow.html ?
 
Crys
мышкой наведи и попробуй перетащить, это по твоему CSS?
 
iceman
перетаскивание - конечно JS.
А скрытие длинной строки - это чистые HTML+CSS. Я также буду делать наверно.
 
Войдите или зарегистрируйтесь для ответа.
Сверху