[share] Code auto height textaea

**saoko** · 30.04.2016 / 12:08

Code làm cho khung nhập văn bản tự động dài ra khi văn bản nhiều hơn chiều cao của khung (như khung nhập trạng thái của facebook)

JAVASCRIPT

<textarea class="cmt"></textarea>
<script>!function(t,e){function i(e){this.element=e,this.element=t(e),this.init()}var n="textareaAutoSize",h="plugin_"+n,s=function(t){return t.replace(/\s/g,"").length>0};i.prototype={init:function(){var i=(this.element.outerHeight(),parseInt(this.element.css("paddingBottom"))+parseInt(this.element.css("paddingTop")));s(this.element.value)&&this.element.height(this.element.scrollHeight-i),this.element.on("input keyup",function(){var n=t(e),h=n.scrollTop();t(this).height(0).height(this.scrollHeight-i),n.scrollTop(h)})}},t.fn[n]=function(e){return this.each(function(){t.data(this,h)||t.data(this,h,new i(this,e))}),this}}(jQuery,window,document);
('textarea.cmt').textareaAutoSize();</script>

**MrKen** · 30.04.2016 / 12:09

Saoko tái xuất

**saoko** · 30.04.2016 / 12:16

:12:

**b0ysh0ckhn** · 30.04.2016 / 22:04

2 dòng css là xong cmnr.dài dòng vớ vẩn

**saoko** · 30.04.2016 / 22:11

b0ysh0ckhn đã viết ↑

2 dòng css là xong cmnr.dài dòng vớ vẩn

đâu :22:

**b0ysh0ckhn** · 01.05.2016 / 07:29

CSS

#post-area textarea {
max-width:99.45%;
height: 50px;
font-family: inherit;
-webkit-transition:all 0.5s;
}
#post-area textarea:focus {
height: 100px;
outline:0px;
border:1px solid #7A9CD3;
}

**nasic** · 01.05.2016 / 07:38

**saoko** · 01.05.2016 / 07:59

b0ysh0ckhn đã viết ↑

CSS

#post-area textarea {
 
max-width:99.45%;
 
height: 50px;
 
font-family: inherit;
 
-webkit-transition:all 0.5s;
 
}
 
#post-area textarea:focus {
 
height: 100px;
 
outline:0px;
 
border:1px solid #7A9CD3;
 
}

múa lửa

**hanhphucao** · 01.05.2016 / 10:22

sao mà giống được :47:

**b0ysh0ckhn** · 01.05.2016 / 13:09

saoko đã viết ↑

múa lửa

đây là cái click vào n dài ra 1 đoạn.muốn nó dài theo văn bản thêm height auto là xong -_-