8Dle
Авторизация

Автоматически увеличиваем textarea

Понадобилось сделать авто увеличение textarea на дле форум,
НО мне не хотелось для это ерунды подключать библиотеку - jQuery ...
.. все можно сделать на много проще..


1. Открываем - addcomments.tpl и смотрим какой class в комменте -
примерно так выглядит -
<textarea name="comments" class="f_textarea" id="comments" >{text}



у меня - f_textarea ...

2. Находим в css класс и меняем высоту на минимальную высоту
кароче примерно так будет -

.f_textarea {
    color: #757575;        /* ! */
    font-size: 11px;        /* ! */
    font-family: tahoma;    /* ! */
    background-image: url(../images/dlet_field_o.gif);
    background-repeat: repeat-x;
    width: 459px;
    height: 156px;
    border: 1px solid #e0e0e0;



меняем в нем высоту ....

.f_textarea {
    color: #757575;        /* ! */
    font-size: 11px;        /* ! */
    font-family: tahoma;    /* ! */
    background-image: url(../images/dlet_field_o.gif);
    background-repeat: repeat-x;
    width: 459px;
    min-height: 156px;
    border: 1px solid #e0e0e0;




3. Теперь в addcomments.tpl добавляем

<script language="javascript">
function countLines(strtocount, cols) {
    var hard_lines = 0;
    var last = 0;
    while ( true ) {
        last = strtocount.indexOf("\n", last+1);
        hard_lines ++;
        if ( last == -1 ) break;
        }
    var soft_lines = Math.ceil(strtocount.length / (cols-1));
    var hard = eval("hard_lines " + unescape(">") + "soft_lines;");
    if ( hard ) soft_lines = hard_lines;
    return soft_lines;
}
function cleanForm() {
    var the_form = document.getElementById('comments');
    the_form.rows = countLines(the_form.value,the_form.cols) +1;
    setTimeout("cleanForm();", 500);
}
cleanForm();
</script>

Жмите на Кнопу ниже, или подписывайтесь!


Читайте также
  1. MiKS
    28 июня 2009 15:43
    Хорошая вещь, только вот руки не доходят поставить!
  2. Ronnie
    30 марта 2010 20:35
    Что-то не работает ни разу.
  3. Pavel
    15 февраля 2011 10:39
    Ребята, а на dle 9.2. работает?
  4. adminchik
    17 августа 2011 17:03
    не пашет почему то ( что то поправить нужно ,а вот что, - кто скажет?
    Все, что не делается, делается с любовью и на долго... :* :)
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.


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

Авторизация