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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Textarea - манипуляция и ресайзинг 
V
    Опции темы
gEndelf
Дата 31.5.2006, 09:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 54
Регистрация: 7.7.2005
Где: the world

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



Столкнулся с такой задачей - есть размерна странице в пикселях, необходимо точно под этот размер создать TEXTAREA в зависимости от размера и типа шрифта.

Размеры и типы шрифта могут изменяться динамически.
Так вот - больше всего меня интересует вопрос - есть ли какие-то соотношения размеров и типов шрифтов к реальным размерам ?

у меня получилось следующее


    cols = Math.floor((parseInt(width) / fontSize)*2.0225);
    rows = Math.floor((parseInt(height) / fontSize)/1.15);


но это приближенно 
PM MAIL WWW   Вверх
Vaulter
Дата 31.5.2006, 10:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


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

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



gEndelf, если есть размер в пикселях
Код

<textarea style="width:300px;height:150px;"></textarea>
 


--------------------
PM MAIL WWW ICQ   Вверх
gEndelf
Дата 31.5.2006, 10:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 54
Регистрация: 7.7.2005
Где: the world

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



спасибо, я чего-то упустил этот момент... smile 
PM MAIL WWW   Вверх
12345c
Дата 31.5.2006, 16:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

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



Cols, Rows зависят от шрифтов и от браузеров разных версий. Для примера, посмотрите, как выглядит одно и то же в FF1.07 и FF1.5 (во втором - высота ниже). Поэтому выход - только стилями с явной высотой. 
PM WWW   Вверх
gEndelf
Дата 3.6.2006, 12:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 54
Регистрация: 7.7.2005
Где: the world

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



Думал все - но тут попутные вопросы с textarea в разных браузерах.

Мне необходимо отформатировать и разбить по строкам текст - находящийся в textarea тоже разумеется под всеми браузерами.
WRAP="PHYSICAL" не работает в FF.
Следовательно устанавливаю его в OFF - форматировать текст вручную.

Тут возникают другой вопрос - появление горизонтального скролла.

В IE и FF есть параметр scrollLeft, в Opera - нет. Каким образом можно узнать в Opera - что появился горизонтальный скролл ?? 
PM MAIL WWW   Вверх
12345c
Дата 3.6.2006, 16:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

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



Да это дело тёмное. Хотел бы сам прочитать исследование на эту тему. 
PM WWW   Вверх
Sardar
Дата 3.6.2006, 19:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

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



gEndelf, textarea сама разбиравет текст по строкам, хотя стилями можно и ивратиться как у нас на форуме в форме ответа. В опере работает scrollWidth/scrollHeight, которые выдают размер скролируемого контента. Если полосы прокрутки есть, то этот размер будет больше чем offsetWidth/offsetHeight. 


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


 




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


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

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