<textarea>에서 스크롤 안 되게 하기 정보
궁금 <textarea>에서 스크롤 안 되게 하기본문
<textarea>에서 지정한 줄 수만큼만 입력이 되게 할 수 없을까요?
키 누를 때마다 줄 수 계산하는 스크립트를 넣으면 되겠지만...
다른 방법은 없을까요?
추천
0
0
댓글 1개
출처 - http://blog.naver.com/flydrago/40012877712
본문내용
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> TextArea </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function CheckStrLength()
{
var temp;
var f = document.form.write_text.value.length;
var msglen = 256; //최대 길이
var tmpstr = "";
var enter = 0;
var strlen;
if(f == 0)
document.form.remain.value = msglen;
else
{
for(k=0;k<f;k++)
{
temp = document.form.write_text.value.charAt(k);
if(temp == '\n')
{
enter++;
}
if(escape(temp).length > 4)
msglen -= 2;
else
msglen--;
if(msglen < 0)
{
alert("총 영문 512자 한글 256자 까지 쓰실 수 있습니다.");
document.form.write_text.value = tmpstr;
break;
}
else if(enter > 3)
{
alert("라인수 4라인을 넘을수 없습니다.");
enter = 0;
strlen = tmpstr.length - 1;
//alert(strlen);
document.form.write_text.value = tmpstr.substring(0,strlen);
break;
}
else
{
document.form.remain.value = msglen;
tmpstr += temp;
}
}
}
}
//-->
</SCRIPT>
</HEAD>
<BODY>
아는 후배 한테 받은건데 잘써먹고 있어요
<FORM name="form" METHOD=POST ACTION="">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="200" style="FONT-FAMILY: 굴림; FONT-SIZE: 12pt">⊙ 내용입력 남은 글자수 : </td>
<td align="left" width="50"><input type="text" name="remain" size="3" value="" style="background-color:#ffffff;border:1 solid #33333; FONT-FAMILY: 굴림; FONT-SIZE: 10pt" readonly> </td>
<td align="" valign="bottom" width="360">(4줄까지만 작성 가능합니다.) </td>
</tr>
<tr>
<td colspan="3" height=1></td>
</tr>
<tr>
<td colspan="3"><img src="http://okjsp.pe.kr/images/okjsp_top.gif" width=1 height=3 border=0><br> <textarea name="write_text" cols=75 rows=10 WRAP=SOFT onChange="CheckStrLength()" onKeyUp="CheckStrLength()"></textarea> </td>
</tr>
</table>
</FORM>
</BODY>
[두번째꺼]
function CheckStrLen(maxlen,field)
{
var temp; //들어오는 문자값...
var msglen;
msglen = maxlen*2;
var value= field.value;
l = field.value.length;
tmpstr = "" ;
if (l == 0)
{
value = maxlen*2;
}
else
{
for(k=0;k<l;k++)
{
temp =value.charAt(k);
if (escape(temp).length > 4)
msglen -= 2;
else
msglen--;
if(msglen < 0)
{
alert("총 영문 "+(maxlen*2)+"자 한글 " + maxlen + "자 까지 보내실수 있습니다.");
field.value= tmpstr;
break;
}
else
{
tmpstr += temp;
}
}
}
}
=========실제 페이지 사용예 ====================
<textarea name="introduce" rows="3" cols="70" onChange="CheckStrLen('1000',this);" onKeyUp="CheckStrLen('1000',this);"></textarea>
생각보다 별로없는 스크립트더군요 ^^
textarea는 maxlength가 먹지 않죠
은근히 쓰기 편한 함수입니다.
저만 쓰나요? -_-a
에고고 수리바다님 얘기듣고 수정했슴다 -_-;;
본문내용
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> TextArea </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function CheckStrLength()
{
var temp;
var f = document.form.write_text.value.length;
var msglen = 256; //최대 길이
var tmpstr = "";
var enter = 0;
var strlen;
if(f == 0)
document.form.remain.value = msglen;
else
{
for(k=0;k<f;k++)
{
temp = document.form.write_text.value.charAt(k);
if(temp == '\n')
{
enter++;
}
if(escape(temp).length > 4)
msglen -= 2;
else
msglen--;
if(msglen < 0)
{
alert("총 영문 512자 한글 256자 까지 쓰실 수 있습니다.");
document.form.write_text.value = tmpstr;
break;
}
else if(enter > 3)
{
alert("라인수 4라인을 넘을수 없습니다.");
enter = 0;
strlen = tmpstr.length - 1;
//alert(strlen);
document.form.write_text.value = tmpstr.substring(0,strlen);
break;
}
else
{
document.form.remain.value = msglen;
tmpstr += temp;
}
}
}
}
//-->
</SCRIPT>
</HEAD>
<BODY>
아는 후배 한테 받은건데 잘써먹고 있어요
<FORM name="form" METHOD=POST ACTION="">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="200" style="FONT-FAMILY: 굴림; FONT-SIZE: 12pt">⊙ 내용입력 남은 글자수 : </td>
<td align="left" width="50"><input type="text" name="remain" size="3" value="" style="background-color:#ffffff;border:1 solid #33333; FONT-FAMILY: 굴림; FONT-SIZE: 10pt" readonly> </td>
<td align="" valign="bottom" width="360">(4줄까지만 작성 가능합니다.) </td>
</tr>
<tr>
<td colspan="3" height=1></td>
</tr>
<tr>
<td colspan="3"><img src="http://okjsp.pe.kr/images/okjsp_top.gif" width=1 height=3 border=0><br> <textarea name="write_text" cols=75 rows=10 WRAP=SOFT onChange="CheckStrLength()" onKeyUp="CheckStrLength()"></textarea> </td>
</tr>
</table>
</FORM>
</BODY>
[두번째꺼]
function CheckStrLen(maxlen,field)
{
var temp; //들어오는 문자값...
var msglen;
msglen = maxlen*2;
var value= field.value;
l = field.value.length;
tmpstr = "" ;
if (l == 0)
{
value = maxlen*2;
}
else
{
for(k=0;k<l;k++)
{
temp =value.charAt(k);
if (escape(temp).length > 4)
msglen -= 2;
else
msglen--;
if(msglen < 0)
{
alert("총 영문 "+(maxlen*2)+"자 한글 " + maxlen + "자 까지 보내실수 있습니다.");
field.value= tmpstr;
break;
}
else
{
tmpstr += temp;
}
}
}
}
=========실제 페이지 사용예 ====================
<textarea name="introduce" rows="3" cols="70" onChange="CheckStrLen('1000',this);" onKeyUp="CheckStrLen('1000',this);"></textarea>
생각보다 별로없는 스크립트더군요 ^^
textarea는 maxlength가 먹지 않죠
은근히 쓰기 편한 함수입니다.
저만 쓰나요? -_-a
에고고 수리바다님 얘기듣고 수정했슴다 -_-;;