resizeble textarea @ DeForum.ru

0 Сообщения: 21 Зарегистрирован: 23.01.05

Существует ли в природе динамически изменяющийся элемент textarea??

if(@mental_reader_on()){
видимо ты говоришь о <textarea style='width:100%'></textarea>
}

darken писал(а):

Существует ли в природе динамически изменяющийся элемент textarea??

Брюки превращаются... брюки превращаются...

17 Сообщения: 7419 Зарегистрирован: 15.11.04

darken, динамически это как, когда и от какого события?

9 Сообщения: 198 Зарегистрирован: 04.10.04

наверное window.onResize

Акела, при нагревании увеличивается, при охлаждении уменьшается

darken, да если он создан на Java.
Можно еще написать скрипт который бы увеличивал его ширины при щелчке на кнопочке "слишком узко".
Это если я правильно понял термин "динамически изменяющийся текстареа"

0 Сообщения: 21 Зарегистрирован: 23.01.05

При заполнении текстом, textarea автоматически увеличивался и весь текст в элементе был виден!

17 Сообщения: 7419 Зарегистрирован: 15.11.04

"Этого нельзя хотеть!" (с)

Акела,

не точная цитата:
"ты этого не должен хотеть!" (с) Crazy

или

"ты не должен этого хотеть!" (с) Crazy

darken, Ты сам понял что спросил?
Я нет… Но мне очень интересно.
bE(o0L, судя по всему он это и имел в виду, но ,наверно, мы об этом уже никогда не узнаем

darken писал(а):

При заполнении текстом, textarea автоматически увеличивался и весь текст в элементе был виден!

Ну предположим, что ты этого добился. И имеешь на странице текстовое поле в четыре экрана высотой.

И в чем кайф?

17 Сообщения: 7419 Зарегистрирован: 15.11.04

fidukoff, ок! Тогда это будет мой копирайт. "По мотивам Crazy"

А вот не факт, что высотой! А может быть человек хочет шириной? Для длинных фраз?

информация к размышлению.

Код:

<html>
<head>
<script language="javascript">

function resizetxt() {
   txtrows = txt.value.split("\n");
   newrows = txtrows.length+1;
   txt.rows = newrows;
}

</script>
</head>

<body>
   <textarea style="overflow: visible;" wrap=hard id="txt" name="txt" rows=2 cols=40
      onfocus="resizetxt()"
      onchange="resizetxt()"
      onkeyup="resizetxt()"
      onkeydown="resizetxt()"
      onkeypress="resizetxt()">Abrakadabra!</textarea>

</body>
</html>

функция resizetxt - для того, чтобы это работало в FF (в опере попробуйте, расскажите как работает - я не за своим компом - тут только IE и FF), а IE нормуль сработает и с указанием стия overflow.

Глюки:

В FF не работает стиль overflow и свойство wrap, поэтому при написании слишком длинной строки без пробелов появляется горизонтальная прокрутка, а при написании длинной строки с пробелами (при ее автоматич. переносе) не срабатывает функция resizetxt, и появляется вертикальная прокрутка. Что будет в Опере - даже знать не хочу :insane:

Так что дорабатывать и дорабатывать..
Кстати, если посчитать в массиве txtrows количество строк, длина которых превосходит значение cols у textarea, то можно будет прибавлять это значение к rows, и все будет шоколадно. По крайней мере, вертикальной прокрутки не будет.

И еще. В FF эта функция работает корректно только если моноширинным шрифтом стоит Courier New. В случае с Lucida Console приходится newrows умножать на 1.2. Вот такие пироги...так что работы еще дофигищща, и как обычно, из-за движка гекко :killanasshole:

В ИЕ, как это ни обидно, все работает при указании стиля overflow:visible :insane:

тоесть если страничка будет юзаться только из-под ИЕ (гыгы), то хватит вот этого:

Код:

    <textarea style="overflow: visible;" wrap=hard rows=2 cols=40>Abrakadabra!</textarea> 

Акела, fidukoff, :beer:

хотеть этого лучше не хотеть :fie:

Crazy, есть различные расстройства психики (шизофрения, мания величия, герантофилия и т.п.). Человек, который страдает клаустрофобией (э...типа Санта Клаусов боится и все такое :lol:

), мечтает, чтобы стены и потолок в комнатах (особенно в лифтах) раздвигались в разные стороны и куда подальше :glasses:

17 Сообщения: 7419 Зарегистрирован: 15.11.04

Бaзиль, ну повеселил!

В ИЕ ессно работает. ФайрФокс 1.01 открывает поле сразу в три строки и оно спокойно себе живёт как обычное поле, то есть выдавая стандартную прокрутку при необходимости и никуда не уходя от размера в три строки. В Опере (8бета3) фичаf работает, но очень смешно: сразу открывается в две строки с полосой прокрутки, но без движка на ней. При переполнении поле увеличивается, но при этом последняя строка остаётся пустай, полоса прокрутки растягивается, но без движка как-то непонятно зачем существует. Ох... :lol:

Код:

<html> 
<head> 
<script language="javascript"> 

function resizetxt() { 
   txtrows = txt.value.split("\n");

   stmp=0;

   for(i=0;i<txtrows.length;i++){
      if(txtrows[i].length>txt.cols){

         stmp=stmp+Math.ceil(txtrows[i].length/txt.cols);

         txtrowsstr = txtrows[i].split(" ");
         for(j=0;j<txtrowsstr.length;j++){
            if(txtrowsstr[j].length>txt.cols){ stmp=stmp-Math.ceil(txtrowsstr[j].length/txt.cols); }
         }
      }
   }

   txt.rows = txtrows.length + stmp + 1; 
} 

</script> 
</head> 

<body> 
    <textarea style="overflow: visible;" wrap="hard" id="txt" name="txt" rows=2 cols=41 
        onfocus="resizetxt()" 
        onchange="resizetxt()" 
        onkeyup="resizetxt()" 
        onkeydown="resizetxt()" 
        onkeypress="resizetxt()">Abrakadabra!</textarea> 
<br>

</body> 
</html> 

вот так вот работает в FF 1.0.1. Автоперенос строк и длинные слова тоже учитывает, правда перенос сделать так и не удалось, поэтому при вводе длинного слова получается горизонтальная прокрутка...и фиг с ней... Только вот если строка состоит из длинных слов через пробел, то все-таки вылазит скролл, мать его.

...и торомозиииииииит.……..

17 Сообщения: 7419 Зарегистрирован: 15.11.04

Бaзиль, тренируетесь? :lol:

Акела, не то слово :laugh:

Работы до попы, а я сижу вот и фигней страдаю :chih:

оффтопик:

почему на "вы"?

0 Сообщения: 21 Зарегистрирован: 23.01.05

Цитата:

Ну предположим, что ты этого добился. И имеешь на странице текстовое поле в четыре экрана высотой.

И в чем кайф?

Кайфа нет, если поле высотой в 4 экрана и большой длины... А вот если необходим элемент скажем 100px на 40px или меньше, то скролл совсем нежелателен. Очень удобная фича для редактирования мелких элементов или меню... Для простого набора текста упаси бог использовать:)

Бaзиль, спасибо за потраченное время (надеюсь не много), но работает кривовато:(

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

если так уж хочется (или нужно) под ФФ и под Оперу - вперед, зачатки скрипта уже есть, направление ясно, MSDN на месте :cool:

а насчет набора текста, кстати, эту фишку можно было бы юзать в некоторых случаях...только зачем?.. :glasses:

DeДверь
Логин:
Пароль:
	Автологин