textarea 자동 늘려주기 2 정보
JavaScript 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>
추천
0
0
댓글 1개
감사요~