웹마스터 팁
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 =""; //이것을 추가하면 좋을 뜻
제목 | 글쓴이 | 날짜 |
---|---|---|
원하는시간에 팝업창을 띄우고 원하는 시간에 닫어뻐리는;; [2] | 키르(絶對) | 2002.06.13 |
부드럽게 스크롤바를 따라다니는..+_+ [6] | 키르(絶對) | 2002.06.13 |
플래쉬 효과나는 신비 메뉴 - -? *수정+카피라이터~ [17] | ▩윤미 | 2002.06.09 |
자바스크립트 이해하기...3 [1] | Eccen | 2002.06.05 |
서서히 이미지를 변경시켜주는 환상적인 룰오버효과 [7] | ▩윤미 | 2002.05.31 |
마우스에 축구공 따라다니는 자바 스크립트.. [6] | MR.HMH | 2002.05.30 |
어설픈 링크방지[정확한 경로로 오세요] [5] | 이성영 | 2002.05.30 |
자바스크립트 이해하기...2 [1] | Eccen | 2002.05.30 |
자바스크립트 이해하기...1 [13] | Eccen | 2002.05.26 |
폼안의 텍스트 입력시 실시간 카운팅 ? [8] | 카멜롯™ | 2002.05.20 |
링크된 텍스르 마우스 오버시 그림이 변한다.(메뉴로도..) [1] | ▩윤미 | 2002.05.19 |
글자가 커졌다가 작아졌다가.. [1] | Anice | 2002.05.17 |
텍스트박스안에서 춤추는글자 [1] | Anice | 2002.05.16 |
자바로 만든 퍼즐 겜^^; [8] | ☆봄비ㆀ | 2002.05.11 |
타이틀바 도, 움직인다! 캬하! (상태바 아님) [10] | ▩윤미 | 2002.05.06 |
웹브라우저, 언어, 운영체제 보여주기.. [3] | 이동기 | 2002.04.29 |
이미지 오버랩 (속도 조절 가능, 이미지 갯수 제한 없음) [8] | 조해성 | 2002.04.25 |
자바스크립트 실행시점 | Jacylee | 2002.04.11 |
배너 링크를 바로 클립보드로 카피하기(Legend님꺼 보충) [3] | 카멜롯™ | 2002.04.04 |
조그만한창 열기. ^.^ [5] | 아이쿠 | 2002.04.02 |
회원 가입할때 이름 길게 쓰는분들때문에 골치아팠는데.
미리보기 하러 놀러오세요.
http://www.1Love.co.kr/