luokebi/expanding-text-area2

## expanding-text-area2
<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<textarea id="test"></textarea>
<script type="text/javascript">
function autoExpand(textarea) {
	if (textarea.addEventListener) {
   textarea.addEventListener('input', fixTextarea, false);
 } else if (textarea.attachEvent) {
   // IE8 compatibility
   textarea.attachEvent('onpropertychange', fixTextarea);
 }

 function fixTextarea () {
 	var k = 2,
 		l = 2
 	var text = textarea.value;
 	var m = text.split("\n");
 	var k = m.length + 1;

 	for(var i = 0,n=m.length;i < n; i++) {
 		if (m[i].length > l) {
 			l = m[i].length;
 		}
 	}

 	textarea.setAttribute('rows', k);
 	textarea.setAttribute('cols', l);
 }
}

autoExpand(document.getElementById('test'));
</script>
</body>
</html>
	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Document</title>
	</head>
	<body>
	<textarea id="test"></textarea>
	<script type="text/javascript">
	function autoExpand(textarea) {
	if (textarea.addEventListener) {
	textarea.addEventListener('input', fixTextarea, false);
	} else if (textarea.attachEvent) {
	// IE8 compatibility
	textarea.attachEvent('onpropertychange', fixTextarea);
	}

	function fixTextarea () {
	var k = 2,
	l = 2
	var text = textarea.value;
	var m = text.split("\n");
	var k = m.length + 1;

	for(var i = 0,n=m.length;i < n; i++) {
	if (m[i].length > l) {
	l = m[i].length;
	}
	}

	textarea.setAttribute('rows', k);
	textarea.setAttribute('cols', l);
	}
	}

	autoExpand(document.getElementById('test'));
	</script>
	</body>
	</html>