Уважаемые пользователи!
В версии phpBB 3.3.13 обнаружены ошибки при использовании функции поиска по конференции.
Обсуждение проблемы и ее решения здесь Re: Вышел phpBB 3.3.13 [обсуждаем].
В связи с этим, не рекомендуется установка и обновление до phpBB 3.3.13.
Ошибка будет устранена разработчиками в версии phpBB 3.3.14.

Скачать предыдущую версию - phpBB 3.3.12 - можно здесь.
Уважаемые пользователи!
C 7 ноября 2020 года phpBB Group прекратила выпуск обновлений и завершила дальнейшее развитие phpBB версии 3.2.
С 1 августа 2024 года phpBB Group прекращает поддержку phpBB 3.2 на официальном сайте.
Сайт официальной русской поддержки phpBB Guru продолжит поддержку phpBB 3.2 до 31 декабря 2024 года.
С учетом этого, настоятельно рекомендуется обновить конференции до версии 3.3.

Растягивание textarea в div в IE при наборе текста

"Обсуждение материалов сайта" и "Пожелания и критика" в одном флаконе.
Правила форума
Местная Конституция | Шаблон запроса | Документация (phpBB3) | Переход на 3.0.6 и выше | FAQ-3 (phpbb3) | Как задавать вопросы | Как устанавливать моды

Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ;) ).
Аватара пользователя
VVVas
Former team member
Сообщения: 4463
Стаж: 19 лет 11 месяцев
Поблагодарили: 1 раз

Растягивание textarea в div в IE при наборе текста

Сообщение VVVas »

Вообщем есть одна такая трабла, либо моя кривизна рук.

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

Код: Выделить всё

<textarea rows="10" name="message" width="100%" style="width:100%;max-width:100%;"></textarea>
Параметры div

Код: Выделить всё

div.left
	{
	margin-top: 110px;
	padding: 10px;
	margin-right: 330px;
	}
Пример можно глянуть в любой теме у меня на форуме.

В итоге вопрос: как победить растягивание textarea в IE когда начинаешь в ней печатать?
В таблицу засовывать не хочу.
я люблю daft punk | новый sugoi.ru
Аватара пользователя
avm
Former team member
Сообщения: 582
Стаж: 19 лет 9 месяцев
Откуда: Москва

Сообщение avm »

Так ведь там

Код: Выделить всё

<textarea rows="10" name="message" width="100%" style="width:100%;max-width:100%;font-size: 100%;"></textarea>
max-width:100% и font-size:100% нужно убрать ;)
выделенный сервер по цене обычного хостинга - менее 150 рублей в месяц
Благодарности принимаются в Яндекс.Деньгах на счет 4100143316948
Аватара пользователя
AlexWB
phpBB 1.4.4
Сообщения: 199
Стаж: 19 лет 9 месяцев
Откуда: Kiev.UA

Сообщение AlexWB »

VVVas
и width задавать не в % а символах
к примеру так:
<textarea rows="10" name="message" width="60"></textarea>
Аватара пользователя
avm
Former team member
Сообщения: 582
Стаж: 19 лет 9 месяцев
Откуда: Москва

Сообщение avm »

AlexWB, без указания единицы измерения у блочных (не текстовых) объектов по умолчанию пиксели (px). А то что вы имели ввиду у textarea указывается как COLS=n
А про размер в % он же сказал - "надо растянуть на весь div", так что все у него правильно (его width="100%" сработает при отключении стиля станицы в Опере, например)
выделенный сервер по цене обычного хостинга - менее 150 рублей в месяц
Благодарности принимаются в Яндекс.Деньгах на счет 4100143316948
Аватара пользователя
AlexWB
phpBB 1.4.4
Сообщения: 199
Стаж: 19 лет 9 месяцев
Откуда: Kiev.UA

Сообщение AlexWB »

avm
действительно, div я упустил
сори
Аватара пользователя
VVVas
Former team member
Сообщения: 4463
Стаж: 19 лет 11 месяцев
Поблагодарили: 1 раз

Сообщение VVVas »

avm
avm писал(а):max-width:100% и font-size:100% нужно убрать
Эх... Не помогает. В любом случае при указании width:100% или width=100% или оба растягивается на 100% окна. То есть если есть элемент который растягивает на 200%, то эта textarea растянется на 100%.
Сейчас стоит так.

Код: Выделить всё

<textarea rows="10" name="message" width="100%" style="width:100%;font-size: 100%;"></textarea>
font-size: 100%; пробовал убирать - тот же эффект, а так он мне нужен что бы размер шрифта не уменьшался в textarea.

AlexWB
В px то конечно можно задать и это не проблема, но я хочу движущийся дизайн.
я люблю daft punk | новый sugoi.ru
Аватара пользователя
avm
Former team member
Сообщения: 582
Стаж: 19 лет 9 месяцев
Откуда: Москва

Сообщение avm »

VVVas писал(а):растягивается на 100% окна.
это потому что "родительский" div (тот что class=postbody) не имеет своего явного указания ширины, вот его и растягивают дочерние объекты на ширину BODY.
Т.е. весь абзац должен выглядеть примерно так

Код: Выделить всё

<div class="postbody" width="100%" style="width:100%">
    <div class="postbodyleft">
    <form action="posting.php?mode=reply&t=312" method="post" style="margin:0px">
          <b>Имя</b>
          <input type="text" name="username" size="15" maxlength="25" />
    </div>
    <textarea rows="10" name="message" width="100%" style="width:100%;font-size:12pt;"></textarea>
     </form>
</div>
т.е. указание у потомков (у которых собственная стандартная ширина не %) явного width:x% требует явного указания ширины у каждого родителя, иначе это приводит к неоднозначным трактовкам.

Это несомненно косяк, но если подумать также как думает броузер - весьма предсказуемый....

P.S. font-size в случае textarea, имхо, лучше указывать в pt.
выделенный сервер по цене обычного хостинга - менее 150 рублей в месяц
Благодарности принимаются в Яндекс.Деньгах на счет 4100143316948
Аватара пользователя
VVVas
Former team member
Сообщения: 4463
Стаж: 19 лет 11 месяцев
Поблагодарили: 1 раз

Сообщение VVVas »

avm
Уже лучше, но не совсем. В этом случае textarea берет 100% <div class="postbody" width="100%" style="width:100%"> и растягивает, но уже меньше, но в опере тоже растягивает.

Сделал тогда так

Код: Выделить всё

<div class="postbody">
	<div class="postbodyleft"><form action="posting.php?mode=reply&t=2125" method="post" style="margin:0px">
            <b>Имя</b>
	    <input type="text" name="username" size="15" maxlength="25" />
	</div>
	<div width="100%" style="width:100%">
            <textarea rows="10" name="message" width="100%" style="width:100%;font-size: 100%;"></textarea>
	 </div>
	</form>
</div>
Тогда сами видите как получаеться в ИЕ.

На днях ещё подумаю. Вот придумать такую конструкцию, которая будет выражать style="width:100%-330px" понятную браузеру было бы замечательно.
VVVas писал(а):Это несомненно косяк, но если подумать также как думает броузер - весьма предсказуемый...
А можно чуть подробнее про эту логику, а то всё равно не доконца понимаю. Про родителские параметры не до конца пока понял, но это надо поэксперементить.
Вернее давайте я поэксперементирую, а потом вы мне подскажите.
я люблю daft punk | новый sugoi.ru
Аватара пользователя
avm
Former team member
Сообщения: 582
Стаж: 19 лет 9 месяцев
Откуда: Москва

Сообщение avm »

VVVas писал(а):придумать такую конструкцию, которая будет выражать style="width:100%-330px"
где-то так:

Код: Выделить всё

<div style="width:100%;padding-left:330px">
    <textarea style="width:100%"></textarea>
</div>
P.S. заодно поздравляю с днем рождений...
выделенный сервер по цене обычного хостинга - менее 150 рублей в месяц
Благодарности принимаются в Яндекс.Деньгах на счет 4100143316948
Аватара пользователя
VVVas
Former team member
Сообщения: 4463
Стаж: 19 лет 11 месяцев
Поблагодарили: 1 раз

Сообщение VVVas »

avm
Точно. Торможу.

Сейчас проверим.

PS Спасибо за поздравление.
я люблю daft punk | новый sugoi.ru
Аватара пользователя
alexenin
phpBB 1.2.1
Сообщения: 27
Стаж: 20 лет 3 месяца

Сообщение alexenin »

Сегодня смастерил простенькин расширитель окна с помощью кнопок, уж очень не удобно в маленьком окошке вводить большие тексты. Может кому еще сгодится:

Код: Выделить всё

# 
#-----[ OPEN ]------------------------------------------ 
# 
posting_body.tpl 
# 
#-----[ FIND ] line 228------------------------------------------ 
#
function storeCaret(textEl) {
        if (textEl.createTextRange) textEl.caretPos = document.selection.createRange().duplicate();
}

#-----[ AFTER, ADD ]------------------------------------------
#
var default_message_box_height;
default_message_box_height = 220;
function phpbb_msgbox_resize( pixels )
{
        var current_height = parseInt( document.post.message.style.height );
        current_height = current_height ? current_height : default_message_box_height;
        var new_height = current_height + pixels;
        document.post.message.style.height =  (new_height > 100) ? new_height + "px" : 100 + "px";
        return false;
}

# 
#-----[ FIND ] ------------------------------------------ 
#

 <textarea name="message" rows="15" cols="35" wrap="virtual" style="width:100%" tabindex="3" class="post" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);">{MESSAGE}</textarea>
                          </span></td>
# 
#-----[ IN-LINE FIND ]---------------------------------------------
#
                          </span></td>
# 
#-----[ REPLACE WITH ]---------------------------------------
# 
                          </span>
<input type="button" class="button" name="add_size_message" value=" + " onClick="phpbb_msgbox_resize(50)">
<input type="button" class="button" name="sub_size_message" value=" - " onClick="phpbb_msgbox_resize(-50)">
</td>

# 
#-----[ SAVE/CLOSE ALL FILES ]------------------------------------------ 
#
Последний раз редактировалось alexenin 14.12.2005 9:32, всего редактировалось 1 раз.
Очень не удобный стал стиль форума...
И в профиле, как всегда, без выбора.
Аватара пользователя
Поручик
Former team member
Сообщения: 3942
Стаж: 19 лет 5 месяцев
Откуда: Оренбург (Южный Урал)
Благодарил (а): 3 раза

Сообщение Поручик »

alexenin
Прикольная штука. Для быстрого ответа тоже хороша.
Профессионал - тот же дилетант, только знающий, где ошибётся.
Генератор db_update.php для phpBB2 с некоторыми удобствами. Многие моды я беру или ищу здесь, здесь, тут
Все консультации только на форуме, приваты и стук в аську по таким вопросам игнорируются!
FAQ-phpBB3 | Ошибки новичков, или как не поссориться с модератором | Правила конференции

наш форум http://forum.aeroion.ru/cat1.html
Xpert
phpBB Guru
phpBB Guru
Сообщения: 5484
Стаж: 20 лет 7 месяцев
Поблагодарили: 2 раза

Сообщение Xpert »

alexenin писал(а):mesbox
Пардон что придираюсь, msgbox выглядит лучше :)
Эксперт - это человек, который избегает мелких ошибок на пути к грандиозному провалу.
Любая более-менее сложная задача имеет несколько простых, изящных, лёгких для понимания неправильных решений
Аватара пользователя
alexenin
phpBB 1.2.1
Сообщения: 27
Стаж: 20 лет 3 месяца

Сообщение alexenin »

Согласен с msgbox.

Подправил.
Очень не удобный стал стиль форума...
И в профиле, как всегда, без выбора.

Вернуться в «Обсуждаем сайт и конференцию»