Страница 1 из 11
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Скрипт изменения размера textarea с помощью мышки
Скрипт изменения размера textarea с помощью мышки
workman
Дата: Воскресенье, 28.09.2014, 13:06 | Сообщение # 1
Vip
Сообщений:1576
Награды: 7


Вот небольшой скрипт который Вам позволит с помощью мышки изменять размеры textarea, если вам этого необходимо.

Данный скрипт ставим в самый низ в нижнюю часть своего сайта.
Код
<script type="text/javascript">
$(function(){
       
       $('textarea').each(function(){
       
           var textarea = $(this).addClass('textarea'), staticOffset = null;
       
           $(this).wrap('<div class="resizable-textarea"><span></span></div>')
               .parent().append($('<div class="grippie"></div>').mousedown(startDrag));
       
           var grippie = $('div.grippie', $(this).parent())[0];
           grippie.style.marginRight = (grippie.offsetWidth - $(this)[0].offsetWidth) +'px';
       
           function startDrag(e){
               staticOffset = textarea.height() - e.pageY;
               textarea.css('opacity', 0.25);
               $(document).mousemove(performDrag).mouseup(endDrag);
               return false;
           }
       
           function performDrag(e){
               textarea.height(Math.max(32, staticOffset + e.pageY) + 'px');
               return false;
           }
       
           function endDrag(e){
               $(document).unbind("mousemove", performDrag).unbind("mouseup", endDrag);
               textarea.css('opacity', 1);
           }
       
       });
       
});

</script>


А вот эти стили ставим в конец вашего CSS
Код
.grippie
{
    height: 9px;
    overflow: hidden;
    background: #eee url(http://www.fishing31.ru/images/grippie.png) no-repeat center 2px;
    border: 1px solid #ddd;
    border-top-width: 0;
    cursor: s-resize;
}

Тот кто у меня на форуме зарегистрирован, тот сможет просмотреть его в работе, ну а так выглядеть примерно так

Прикрепления: 6484858.png(19Kb)


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...

Сообщение отредактировал workman - Воскресенье, 28.09.2014, 13:11
Kosten
Дата: Суббота, 24.01.2015, 21:49 | Сообщение # 2
Администраторы
Сообщений:12675
Награды: 39


Но а что, хоть и плюшка, но зато нужная вещь workman, фуфло не заливает, где то только пропал biggrin

fecc
Дата: Суббота, 24.01.2015, 22:27 | Сообщение # 3
Пользователи
Сообщений:107
Награды: 0


Kosten, он совсем спятил smile
Kosten
Дата: Суббота, 24.01.2015, 22:31 | Сообщение # 4
Администраторы
Сообщений:12675
Награды: 39


fecc, а что с ним, просто давно реально с того года его не видел.

DeadMoras
Дата: Суббота, 24.01.2015, 22:33 | Сообщение # 5
Заблокированные
Сообщений:114
Награды: 0


workman, омг, а указать источник?
kosten, прошу поставить источник: http://xandeadx.ru/blog/javascript/53


Weberat.Ru
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Скрипт изменения размера textarea с помощью мышки
Страница 1 из 11
Поиск: