웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
폼안의 텍스트 입력시 실시간 카운팅 ?
2002.05.20 19:22
따로 설명은 하지 않겠습니다.
요 기능은 글 작성시 눈으로 바로바로 몇 글자 입력이 가능한지 확인이 됨니다.
다음 번에는 거꾸로 입력하는 글자 수를 나타나는 것을 올려보도록 하겠습니다.
아래는 미리보기 임니다.
http://oxtag.com/html/ex/maxmsglen.html
http://oxtag.com/zboard/zboard.php?id=monologue
<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>
요 기능은 글 작성시 눈으로 바로바로 몇 글자 입력이 가능한지 확인이 됨니다.
다음 번에는 거꾸로 입력하는 글자 수를 나타나는 것을 올려보도록 하겠습니다.
아래는 미리보기 임니다.
http://oxtag.com/html/ex/maxmsglen.html
http://oxtag.com/zboard/zboard.php?id=monologue
<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>
댓글 8
-
cguy
2002.05.21 23:58
-
카멜롯™
2002.05.22 09:28
ㅎㅎ;; 이름 적는 부분에 요걸 적용하셨네요.
전 최대 글자수 제한을 그냥 아이디는 10자 이름은 5자로...ㅋㅋ
위 링크 페이지 모놀로그 게시판 단독으로 실행하면 부하가 그렇게 느린걸 못 느끼는데...
홈 메인에서 모놀로그 게시판 사용시 좀 느려지더라구요. 이 스크립트가 서버 부하를 좀 많이 주는듯...-_- -
Legend
2002.05.22 19:26
키보드를 한번 눌렀다 땔 때마다 쓰여진 글자 하나하나 escape시키고 다시 길이를 체크하는 방법이라. 글을 많이 쓰면 쓸수록 프로세스 사용율이 높아지지요. 자바스크립트를 많이 쓰면쓸 수록 시스템에 부담을 많이 주어 느려지긴 하지만 서버에 부하를 주진 않지요. 카멜롯님의 홈은 저사양의 컴으로는 무리가 있는 홈이군요. 자바애플릿과 자바스크립트, bgm까지 있으니 위 스크립트를 홈 메인에서 사용할때 느려지는 것이 무리는 아니지요. -
Snow
2002.05.23 11:09
다음에서 무선 메세지 보낼때 쓰는 스크립트와 비슷하군요..
회원가입시 이름길이는 자바스크립드로 길이만 체크 하시고...
(이건 길이가 100자정도에서 몇자나 썼는가인데....그걸 실시간으로..)
게시판에서 64킬로바이트 제한도 자바스크립트로 간단히 체크....
이런 소스는 재미로만 쓰시지....
그이외의 것을 기대하지 마세요......
재미라면 이걸쓰시고
현실적인것을 원하면 그냥 길이만 체크... -
카멜롯™
2002.05.23 16:14
^^; 그렇지여.. 이번 리녈 하면서 속도 쪽을 생각을 많이 하긴 했는데... 만들다 보니....
스크립트가 왕창 들어 갔답니다. Legend님 말 처럼 저 사양의 컴이나 모뎀은 제 홈 접속하기 힘들다는거 알구 있지여...-_-; 그래도... 그냥 그대로 한 일년간은 놔둘려구요..-_- -
Legend
2002.05.23 23:17
홈이 나쁘다는 이야기는 아니었으니 기분나쁘게 생각치 마세요.. 정보도 많구... 부러울 따름이지요.. ^^* -
카멜롯™
2002.05.25 01:37
^^ 잡덩사니가 되어 버렸죠. -
천지인
2002.12.31 16:21
버그가 있어서...
if(msglen < 0){
alert(maxlen + " 바이트 안에서 입력할 수 있습니다.");
document.write.memo.value = tmpstr;
document.write.memo.value =""; //이것을 추가하면 좋을 뜻
제목 | 글쓴이 | 날짜 |
---|---|---|
보안설정을 하다^^ 유의할점. [3] | Dopesoul | 2002.10.14 |
오 이런... 죄송하군요 ㅠ.ㅜ [2] | 레드 | 2002.10.12 |
나만의 ftp서버 만들기 제2부 -serv-u 4.0- [12] | 레드 | 2002.10.09 |
나만의 ftp서버 만들기 제1부 -serv-u 4.0- [1] | 레드 | 2002.10.09 |
추천해드리는 보안공부 사이트 [3] | Dopesoul | 2002.10.05 |
리눅스 넋두리. [4] | Dopesoul | 2002.10.05 |
Redhat 8.0 release! [22] | Dopesoul | 2002.10.01 |
리눅스용 apm 자동설치 스크립트 [10] | 이경재 | 2002.09.27 |
웹호스팅할때 좋은 간단한 백업스크립트 [1] | 김동현 | 2002.09.22 |
웹호스팅꽁수! 어느사용자가 얼만큼의 하드용량을 쓰고있는가? 알아봅시다. [1] | Dopesoul | 2002.09.22 |
War3 베틀넷 운영 [5] | Dopesoul | 2002.09.20 |
운영체제별 보안 참조사이트 [4] | V(^o^)V | 2002.09.16 |
apache + php + mysql + gd + freetype 설치 방법 [1] | 꽃게BBS | 2002.09.16 |
PC 한 대에 2 개 또는 그 이상의 랜카드 꽂고 서버 운영하기. [2] | 김종환 | 2002.09.15 |
자동 apm 설치 쉘스크립트(리눅스) [5] | 김동현 | 2002.09.15 |
Win2k 터미널 서비스 연결시 MsTsc.Server 에러 때려잡기!! | KKwang | 2002.09.10 |
레드헷 계열 사용하시는 분들 웹서버에 대해서...(APM연동) [11] | lanyan | 2002.09.10 |
[re] 레드헷 계열 사용하시는 분들 웹서버에 대해서...(APM연동) | Dopesoul | 2002.09.14 |
PHP에서의 SQL문 보안취약성 [5] | 김영빈 | 2002.09.09 |
[Apache] 윈도우 NT 계열에 서비스 등록하기 [1] | 스카이 | 2002.09.08 |
회원 가입할때 이름 길게 쓰는분들때문에 골치아팠는데.
미리보기 하러 놀러오세요.
http://www.1Love.co.kr/