textarea 자동 늘려주기 2
<script type="text/javascript" language="JavaScript">
<!--
function countLineBreaks (string) {
var re = /\r\n|\r|\n/g;
var n = 0;
while(re.exec(string)){
n++;
}
return n;
}
function add_rows(){
var oText = document.getElementById('sc_content'); //textarea id
if(document.all) { // IE
while (oText.scrollHeight > oText.clientHeight){
oText.rows++;
oText.scrollTop = 0;
}
while(oText.scrollHeight < oText.clientHeight && oText.rows != 4){ // 기본 rows
oText.rows--;
oText.scrollTop = 0;
}
}else if(oText.rows) { // IE 외
var lineBreaks = countLineBreaks(oText.value);
var rows = parseInt(oText.rows);
if(lineBreaks > rows){
oText.rows = ++rows;
}else if(lineBreaks < rows && oText.rows != 4){ // 기본 rows
oText.rows = --rows;
}else{
while (oText.rows * oText.cols <= oText.value.length) {
oText.rows = ++rows;
}
}
}
}
//-->
</script>
<textarea id="sc_content" name="sc_content" onkeypress="add_rows()" rows=4 cols=80></textarea>
<!--
function countLineBreaks (string) {
var re = /\r\n|\r|\n/g;
var n = 0;
while(re.exec(string)){
n++;
}
return n;
}
function add_rows(){
var oText = document.getElementById('sc_content'); //textarea id
if(document.all) { // IE
while (oText.scrollHeight > oText.clientHeight){
oText.rows++;
oText.scrollTop = 0;
}
while(oText.scrollHeight < oText.clientHeight && oText.rows != 4){ // 기본 rows
oText.rows--;
oText.scrollTop = 0;
}
}else if(oText.rows) { // IE 외
var lineBreaks = countLineBreaks(oText.value);
var rows = parseInt(oText.rows);
if(lineBreaks > rows){
oText.rows = ++rows;
}else if(lineBreaks < rows && oText.rows != 4){ // 기본 rows
oText.rows = --rows;
}else{
while (oText.rows * oText.cols <= oText.value.length) {
oText.rows = ++rows;
}
}
}
}
//-->
</script>
<textarea id="sc_content" name="sc_content" onkeypress="add_rows()" rows=4 cols=80></textarea>
댓글 1개
쉽다zzz
12년 전
감사요~
게시글 목록
| 번호 | 제목 |
|---|---|
| 11208 |
JavaScript
글자 깜박임 blink 익스에서 구현
3
|
| 11205 | |
| 11202 | |
| 11198 |
JavaScript
select선택에따른추가select동적으로보여주기
3
|
| 11197 | |
| 17717 | |
| 11194 | |
| 11192 |
JavaScript
두 종류의 메뉴셋 사용시 메뉴선택 표시 문제
1
|
| 11190 | |
| 17708 | |
| 20659 | |
| 20653 | |
| 17702 |
견적서
견적서의뢰 ....
5
|
| 17693 | |
| 11186 | |
| 20649 | |
| 11184 | |
| 11179 | |
| 11177 | |
| 11176 |
JavaScript
도와주세요~
|
| 20648 | |
| 20643 | |
| 20639 | |
| 11175 |
JavaScript
자바스크립트 입문자인데..이미지 변경 스크립트..좀 도와주세여
|
| 11167 |
jQuery
list sort에 좋은것
7
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기