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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Как определить количество строк в div 
V
    Опции темы
RWIvan
Дата 3.3.2008, 09:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Здравствуйте!

Есть div. В него динамически (при помощи javascript) пишется текст.

Необходимо определить сколько строк в div-е занимает текст.
PM MAIL   Вверх
vasac
Дата 3.3.2008, 09:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


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

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



Задать line-height диву и делить его высоту на это число smile
PM WWW   Вверх
ksnk
Дата 3.3.2008, 09:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

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



А зачем узнавать?

imho, эта задача непроста и неблагодарна... smile особенно, если учитывать возможность изменения юзером шрифтов и размера окна. 


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
RWIvan
Дата 3.3.2008, 10:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Div - в него выводится служебная инфа.

Хочется что бы он был фиксированной высоты. а когда в него не входит весь текст появлялась в конце ссылка, по нажатию на которую div увеличивал высоту до момента когда влезет весь текст.

В начальный момент нужно чтобы входило 2 строки.
PM MAIL   Вверх
bars80080
Дата 3.3.2008, 11:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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



что-то мне подсказывает, что твоя задача решается ещё на сервере

если нет, то vasac уже написал что нужно, или
ты знаешь ширину и высоту дива, можно узнать примерно сколько букв влезает в эту рамку, затем сравниваешь элемент_по_id.length и заданное число. если больше, то текст сохраняешь в переменну, в див выводишь урезанный вариант, и ссылку, которая будет погружать полный текст ил открывать новое окошко и слой с полным тесктом

но я бы решил просто заданием overflow-y у дива
PM MAIL WWW   Вверх
ksnk
Дата 3.3.2008, 11:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

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



Дык так и делать ;-) 
Сначала у див'а style='overflow:hidden;height:XXXpx', затем в него вставлять текст. Затем, через маленький таймаут, чтобы броузер успел отрендерить все это добро проверить у него scrollHeight и clientHeight и в случае надобности - вставить закорючку. По нажатии на закорючку поставить  height:auto

Это сообщение отредактировал(а) ksnk - 3.3.2008, 12:20


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


 




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


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

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