http://oxtag.com/html/ex/CheckLen.html
<html>
<head>
<title>텍스트 카운팅</title>
</head>
<body>
<script language="javascript">
function mBoxreset(){
document.write.msglen.value = '80';
document.write.memo.value = '';
}
function CheckLen(form){
var msglen;
var maxlen;
var l;
var tmpstr;
msglen = form.maxmsglen.value;
maxlen = msglen;
l = form.memo.value.length;
tmpstr = "";
if (l == 0) document.write.msglen.value = msglen;
else
for(k=0;k<l;k++){
t = form.memo.value.charAt(k);
if (escape(t).length > 4) msglen -= 2;
else msglen--;
if(msglen < 0){
alert(maxlen + " 바이트 안에서 입력할 수 있습니다.");
document.write.memo.value = tmpstr;
// document.write.memo.value = "";
}else{
document.write.msglen.value = msglen;
tmpstr += t;
document.write.memo.focus();
}
}
}
</script>
<form name="write" method="post" action="">
<input type="hidden" name="maxmsglen" value="80">
<input type=="Text" name="msglen" size="2" value='80' style="border:1 solid gray; font-size:8pt; background-color:#ffffff;"><br />
<textarea rows="7" cols="40" name="memo" onChange="CheckLen(this.form)" onKeyUp="CheckLen(this.form)"></textarea>
</form>
</body>
</html>
'인터넷관련' 카테고리의 다른 글
| GChat (0) | 2008.02.19 |
|---|---|
| absolute positioning (0) | 2008.02.19 |
| 텍스트 확대 축소 소스 (0) | 2008.02.19 |
| 퍼즐 게임 - puzzle (0) | 2008.02.19 |
| 팝업 타이머 - 새창 타이머 (0) | 2008.02.19 |
| 최근 업데이트 시간을 자동으로 나타내 보자! (0) | 2008.02.19 |
| OS 별 페이지 이동하기 (0) | 2008.02.19 |
| 마우스 주위에 3D 처럼 원을 그리며 도는 글자 (0) | 2008.02.19 |
