VPF::Увеличение размера textarea - Форум программистов

2man

Дата 8.2.2006, 14:24 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Комодератор
Сообщений: 2007
Регистрация: 6.5.2005
Где: Нижние Чигири

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

Как сделать уменьшение/увеличение textarea на основе AJAX?

Попытаюсь доходчиво показать smile

Код


function ajax_std_window_resize( pix, pid )
{
        var box        = document.getElementById( 'post-'+pid ); // id нашей textarea
        var cur_height = parseInt( box.style.height ) ? parseInt( box.style.height ) : 300;
        var new_height = cur_height + pix;

        if ( new_height > 0 )
        {
                box.style.height = new_height + "px"; // изменияем на значение указанное в по onclick в кнопке
        }

        return false;
}

Далее добавляем кнопки под textarea (в данном случае они будут слева):

Код


<div align='center' style='width:99%'>
   <div>
    <textarea style='margin:0px;padding:4px;width:100%' id='post-{$pid}' cols='80' rows='15'>{$post}</textarea>
   </div>
<div align='left'> // выравнивание кнопок изменения textarea
     &nbsp;<input type="button" value=" + " onclick='ajax_std_window_resize( 100 ,{$pid} );' /> 
         <input type="button" value=" - " onclick='ajax_std_window_resize( -100,{$pid} );' /> 
   </div>
</div>

На данном примере по onclick выполняется резайс textarea на 100px. Можно изменить на любое другое значение в:
onclick='ajax_std_window_resize( 100, {$pid} );'
Вот собственно и все smile

Это сообщение отредактировал(а) 2man - 8.2.2006, 14:29

--------------------

Быстро поднятое - упавшим не считаеся

Aliance

Дата 8.2.2006, 14:35 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

Интересно, где здесь использовалась технология AJAX

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Sardar

Дата 8.2.2006, 15:34 (ссылка)

(нет голосов)

Загрузка ...

Бегун

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

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

2man хорошь сорить в разделе "Наши скрипты", особенно когда не вникаешь в тему. Разделил топ, дал правильное название. Код ничего общего с технологией AJAX не имеет, советую почитать хотя бы на wikipedia.org что есть AJAX smile

--------------------

Опыт - сын ошибок трудных © А. С. Пушкин
Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
Оценить мои качества можно тут.

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »