• Страница 1 из 1
  • 1
Форум Studio AD » Сайтостроение » Общий форум по Javascript » Растягивающийся textarea (альтернатива)
Растягивающийся textarea
Диего
Дата: Четверг, 05.05.2011, 19:48 | Сообщение # 1
молчун
Группа: Проверенные
Пользователь №: 3861
Сообщений: 21
Решил сделать свой аналог растягивающегося textarea, примерно как в этом форуме, только размер регулирует сам пользователь. За основу взял идею отсюда(смотрим форму добавления комментов). Я бы скрипт отсюда поставил, Алеко даже исходники где-то приводил, но он не кроссбраузерен - в Опере не очень хорошо получилось.

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

Code

<style>textarea{width:640px;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border:1px solid #D5D4D5;border-bottom:0;padding:3px;font:8pt tahoma;height:75px;margin-top:3px}
k{display:block;cursor:s-resize;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border:1px solid #D5D4D5;border-top:0;height:9px;background:url(ссылка к оформлению, особого значения не имеет) center center no-repeat}
</style>

<textarea name="message" id="message">$MESSAGE$</textarea><k></k>

<script>
//ранее была подключена библиотека event

var k = document.getElementsByTagName('k')
       for(var i =0;i<k.length;i++){
            var ab = k[i].parentNode
            var ac=ab.getElementsByTagName('textarea')[0]
           var ad = ac.style.height
           function acmm(event){
           var result = event.pageY-getOffset(ac).top+ad
           if(result<ad){result=ad}
           ac.style.height = result+'px'
           }
           function acmu(){Event.add(ab,'mousemove',acmm)}
          Event.add(k[i],'mousedown',acmu)
           Event.add(document,'mouseup',function(){Event.remove(k[i],'mousedown',acmu)})
           
           }  </script>


Сообщение отредактировал Диего - Четверг, 05.05.2011, 19:49
  
Диего
Дата: Понедельник, 09.05.2011, 21:37 | Сообщение # 2
молчун
Группа: Проверенные
Пользователь №: 3861
Сообщений: 21
нашел скрипт сам, там все баги устранены, притом он входит в u.js, который прикрепляется к сайту автоматически
jquery resizable


Сообщение отредактировал Диего - Понедельник, 09.05.2011, 22:14
  
club4127807
Дата: Понедельник, 09.05.2011, 22:31 | Сообщение # 3
говорун
Группа: Проверенные
Пользователь №: 3087
Сообщений: 190
Получено оценок: 3
Диего, может вы не в курсе.
мозилла и хром как минимум поодерживают данную функцию автоматичеки. любой текстареа можно раздвинуть без скриптов


Сеть образовательных сайтов studz
  
Диего
Дата: Понедельник, 09.05.2011, 22:38 | Сообщение # 4
молчун
Группа: Проверенные
Пользователь №: 3861
Сообщений: 21
не в курсе... как то раньше не замечал. спасибо, буду знать ^_^
  
Форум Studio AD » Сайтостроение » Общий форум по Javascript » Растягивающийся textarea (альтернатива)
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.