BBS > javascript

textarea auto height

작성자 : 이창우 (x1wins) | 등록일 : 2011-05-22 | 목록
첨부 파일이 없습니다.
첨부 이미지가 없습니다.
// "/jquery/js/jquery.autogrowtextarea.js"

/*!
 * Autogrow Textarea Plugin Version v2.0
 * http://www.technoreply.com/autogrow-textarea-plugin-version-2-0
 *
 * Copyright 2011, Jevin O. Sewaruth
 *
 * Date: March 13, 2011
 */
jQuery.fn.autoGrow = function(){
	return this.each(function(){
		// Variables
		var colsDefault = this.cols;
		var rowsDefault = this.rows;
		
		//Functions
		var grow = function() {
			growByRef(this);
		}
		
		var growByRef = function(obj) {
			var linesCount = 0;
			var lines = obj.value.split('\n');
			
			for (var i=lines.length-1; i>=0; --i)
			{
				linesCount += Math.floor((lines[i].length / colsDefault) + 1);
			}

			if (linesCount >= rowsDefault)
				obj.rows = linesCount + 1;
			else
				obj.rows = rowsDefault;
		}
		
		var characterWidth = function (obj){
			var characterWidth = 0;
			var temp1 = 0;
			var temp2 = 0;
			var tempCols = obj.cols;
			
			obj.cols = 1;
			temp1 = obj.offsetWidth;
			obj.cols = 2;
			temp2 = obj.offsetWidth;
			characterWidth = temp2 - temp1;
			obj.cols = tempCols;
			
			return characterWidth;
		}
		
		// Manipulations
		this.style.width = "auto";
		this.style.height = "auto";
		this.style.overflow = "hidden";
		this.style.width = ((characterWidth(this) * this.cols) + 6) + "px";
		this.onkeyup = grow;
		this.onfocus = grow;
		this.onblur = grow;
		growByRef(this);
	});
};
<script type="text/javascript">
	$(document).ready(function () {
		$("textarea").autoGrow(); // 전체 적용
		//$("#txtInput").autoGrow(); // ID 적용
	});
</script>
jquery plugin 유용한게 정말 많음...

거기에 웹표준은 기본... 대단....
로그인 하셔야 댓글을 사용하실수 있습니다.
댓글쓰기를 누르면 로그인 페이지로 이동 후 돌아옵니다.
총 댓글 겟수 0
번호 제목 등록일 작성자 조회수
669 json 사용시 특수문자 변환 (0) 2014-06-12 이창우 5718
668 jquery (0) 2014-06-11 이창우 1521
666 select change (0) 2014-04-03 이창우 1664
575 xmlHttpReq example (0) 2012-10-12 이창우 1712
452 하이브리드 관련 api 모음 사이트 (0) 2012-01-10 이창우 1646
450 javascript Request 만들기 (0) 2012-01-10 이창우 1837
398 sns button (0) 2011-12-05 이창우 1473
-> textarea auto height (0) 2011-05-22 이창우 2449
74 json and javascript write (0) 2011-05-10 이창우 2162
< 1 >
글쓰기 검색