Автомитическое изменение высоты TEXTAREA, как?
Релиб
Форумы       Участники    Календарь    Кто он-лайн?
Добро пожаловать, гость ( Вход | Регистрация )
        



Автомитическое изменение высоты TEXTAREA,... Expand / Collapse
Автор
Сообщение
03.10.2006 15:37
новичок

новичокновичокновичокновичокновичокновичокновичокновичок

участник
Last Login: 09.10.2006 10:54
Сообщ.: 4, Visits: 6
Сию фичу увидел в новой версии phpMyAdmin при вводе sql запроса, очень удобно. Все мои попытки выдрать код из phpMyAdmin ни к чему не привели... :(
Сообщ. #905215
03.10.2006 17:48
Supreme Being

Supreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme Being

участник
Last Login: 26.10.2007 16:04
Сообщ.: 159, Visits: 1 042
сию фичу не видел, но если правильно понял имелось ввиду изменения высоты от количества строк?

первое что пришло в голову:

< script language="JavaScript" type="text/javascript" >
function f(){
 var o = document.getElementById("txt1")
 var c = 0
 var s = o.value
 for(i=0; i < s.length; i++) {
  if ( s.substr(i,1)==String.fromCharCode(10)){c++}
 }
 if (c>0) {o.rows=(c+1)}
}
< /script >
< textarea id=txt1 rows=2  onkeyup="f()" >< /textarea >

Сообщ. #905224
04.10.2006 9:13
новичок

новичокновичокновичокновичокновичокновичокновичокновичок

участник
Last Login: 09.10.2006 10:54
Сообщ.: 4, Visits: 6
Скрипт не работает. Да и в phpAdmin это сделано без скрипта.. :)

А если и используется скрипт, то это не очевидно.

<fieldset id="querybox">
<legend>Выполнить SQL запрос(С‹) РЅР° БД ‹: <a href="http://dev.mysql.com/doc/refman/5.0/en/select.html" target="mysql_doc"><img class="icon" src="./themes/darkblue_orange/img/b_help.png" width="11" height="11" alt="Документация" title="Документация" /></a></legend>
<div id="queryfieldscontainer">
<div id="sqlquerycontainerfull">
<textarea name="sql_query" id="sqlquery"  cols="40"  rows="7"  dir="ltr" onfocus="selectContent( this, sql_box_locked, true )"></textarea>
</div>
<div class="clearfloat"></div>
</div>
<div class="clearfloat"></div>
</fieldset>

Вот искомый textarea, который меняет свой размер:

<textarea name="sql_query" id="sqlquery"  cols="40"  rows="7"  dir="ltr" onfocus="selectContent( this, sql_box_locked, true )"></textarea>

var sql_box_locked = false;

/**
 * @var array holds elements which content should only selected once
 */
var only_once_elements = new Array();

/**
 * selects the content of a given object, f.e. a textarea
 *
 * @param   object  element     element of which the content will be selected
 * @param   var     lock        variable which holds the lock for this element
 *                              or true, if no lock exists
 * @param   boolean only_once   if true this is only done once
 *                              f.e. only on first focus
 */
function selectContent( element, lock, only_once ) {
    if ( only_once && only_once_elements[element.name] ) {
        return;
    }

    only_once_elements[element.name] = true;

    if ( lock  ) {
        return;
    }

    element.select();
}


Сообщ. #905243
04.10.2006 19:12
Supreme Being

Supreme Being

модератор
Last Login: 04.05.2008 13:32
Сообщ.: 7 240, Visits: 65 445
Поставил себе phpMyAdmin-2.9.0.1 и я что-то не вижу там такого поведения. Проверял в IE7 RC1, Firefox 1.5 и Opera 9.
Сообщ. #905261
05.10.2006 15:00
новичок

новичокновичокновичокновичокновичокновичокновичокновичок

участник
Last Login: 09.10.2006 10:54
Сообщ.: 4, Visits: 6
http://prdownloads.sourceforge.net/phpmyadmin/phpMyAdmin-2.9.0.2.zip?download

Динамическое расшириние textarea у меня работает под IE6 с надстройкой MyIE2, но я думаю тут надстройки не причем, потому как <textarea> с такими же параметрами в моем проекте не работает, т.е. работает на половину, динамическое расширение срабатывает только при вставке текста, а когда набиваю ручкми, то фигу.  

Динамическое расширение не работает в FireFox, ни в phpadmin, ни в моем проекте.

Я думаю в опере тоже работать не будет.

Сообщ. #905309
05.10.2006 15:37
Supreme Being

Supreme Being

модератор
Last Login: 04.05.2008 13:32
Сообщ.: 7 240, Visits: 65 445
К чему эта ссылка на версию 2.9.0.2? Ее выпустили через два дня после 2.9.0.1 и там только исправление скрипта установки.

Проверил поведение TEXTAREA при вставке в нее текста. Никакого динамического расширения все равно не происходит.

Сообщ. #905311
05.10.2006 17:54
Supreme Being

Supreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme Being

участник
Last Login: 26.10.2007 16:04
Сообщ.: 159, Visits: 1 042
http://rabus.phpmyadmin.net/demos/RELEASE_FINAL/

вчера проверял, высота меняется от кол-ва строк, правда как работает не понял

P/S: а скрипт который привёл всё таки работает

Сообщ. #905326
09.10.2006 10:57
новичок

новичокновичокновичокновичокновичокновичокновичокновичок

участник
Last Login: 09.10.2006 10:54
Сообщ.: 4, Visits: 6
Да, действительно скрипт работает. Правда реагирует только на Enter и Del, а если тупо бьешь текст, то area не расширяется.

Блин, и все таки, как это сделали в phpadmin? ...:(

Сообщ. #905446
« пред. тема | след. тема »


Эту тему читают Expand / Collapse
Посетители: 0 (0 гостей, 0 участников, 0 скрыт.участников)
Сейчас нет участников, просматривающих тему.
Модераторы: Alexey, boombastik, bazile, pl

Время GMT +3:00, Сейчас 8:43