Меню
» » » Автоматическая высота textarea на DLE 11.1

Автоматическая высота textarea на DLE 11.1

На сегодняшний день работая с дизайном различных CMS уже существует множество решений, с помощью которых можно сделать автоматическую высоту textarea. Для реализации поставленной задачи можно использовать скрипты js / jquery, но как быть если нам нужна автоматическая высота textarea на DLE 11.1?

Именно на этот вопрос мы Вам и ответим. Работая с очередным проектом нам была поставлена задача убрать фиксированный размер окна textarea на CMS DLE 11.1 и заменить его на автоматический, то есть окно должно вытягиваться по высоте при наборе большого количества текста. Взглянув более детально на код было принято решение написать небольшой jаvascript fix, который без подключения лишних скриптов даёт нам возможность активировать данную функцию.

Для того, чтобы сделать автоматическую высоту textarea на DLE 11.1 нам необходимо:

1. Открывать файл /templates/Default (или название Вашего шаблона)/addnews.tpl или addcomments.tpl и вставить в конце следующий код:

<script>
    setTimeout(function() { $('.fr-wrapper').css('height', 'auto'); }, 500);
    setTimeout(function() { $('.fr-wrapper').css('min-height', '310px'); }, 500);
    // таймуат - примерное время загрузки нужных элементов
</script>

Так как стандартный редактор принудительно задаёт высоту поля textarea, мы данным способом в нужном месте задаём требуемый нам параметр min-height: 310px; и таким образом получаем автоматическую высоту textarea на DLE 11.1.

Комментарии

Информация

На сайте размещена информация о нашей деятельности, наших проектах, а также проектах разработанных на заказ. Данная информация защищена авторским правом. Копирование или цитирование информации с сайта guide-group.ru разрешено только с указанием активной гиперссылки на страницу-источник информации.

Информация о ТЗ Условия пользования Сотрудничество Написать нам