텍스트 카운팅....?
http://oxtag.com/html/ex/maxmsglen.html
<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;
}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;">
<textarea rows="7" cols="16" name="memo" onChange="CheckLen(this.form)" onKeyUp="CheckLen(this.form)"></textarea>
</form>
<font style=font-size:9pt;>
글 입력 80자 이상 안되구요.(당근 임의로 지정 가능합니다.)<br>
글 입력시 눈으로 바로바로 몇 글자 입력이 되는지 바로 확인이 됨니다.<br>
일반 무료계정 사용자는 쓸모가 없지만 제로보드를 사용하는 웹 관리자라면 유용한 기능이죠.<br>
적용한 곳은 모놀로그 게시판입니다. 단점이라면 Ctrl + C로 글을 복사해서 텍스트에리어에<br>
붙여넣기 했을 경우 지정한 크기.. 이 페이지는 최대 글자가 80자 이니까 80자 이하라면<br>
상관이 없지만 만약 100자라면 경고창이 20번 나온답니다..-_-;;
</font>
'인터넷정보' 카테고리의 다른 글
페이지 로딩 및 마우스 오버시 사운드 (0) | 2007.10.17 |
---|---|
스크롤바 움직여도 떠 있는 이미지 (레이어) (0) | 2007.10.17 |
텍스트 네온사인 효과 (0) | 2007.10.17 |
비밀번호 스크립트로 연결될 페이지와 비번을 암호화.(강추) (0) | 2007.10.17 |
텍스트 필드, Textarea, Radiobutton, Checkbox등을 disabled 옵션 (0) | 2007.10.17 |
포토샵 글자효과 배우기 (0) | 2007.10.17 |
공지창 쿠키 이용해 하루에 한번만.... (0) | 2007.10.17 |
윈도우를 살포시 흔들어보자. (0) | 2007.10.17 |
텍스트 다이나믹 애니메이션 (0) | 2007.10.17 |
링크 포커스 한방에 없애기(onfocus=this.blur() 또는 onfocus=blur()) (0) | 2007.10.17 |
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>
'인터넷정보' 카테고리의 다른 글
오른쪽 마우스 해제 (0) | 2007.10.12 |
---|---|
firefox 주소창, 검색창에서 한글주소 바로가기 구현 (0) | 2007.10.12 |
클릭 한번으로 창 여러개 띄우기 - 팝업, 새창 두개 이상 (0) | 2007.10.12 |
absolute positioning (0) | 2007.10.12 |
팝업 타이머 - 새창 타이머 (0) | 2007.10.12 |
텍스트 확대 축소 소스 (0) | 2007.10.12 |
퍼즐 게임 - puzzle (0) | 2007.10.12 |
타이틀바.. (0) | 2007.10.12 |
웹브라우저, 언어, 운영체제 보여주기 (0) | 2007.10.12 |
클립보드로 카피하기 (0) | 2007.10.12 |