웹마스터 팁
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 =""; //이것을 추가하면 좋을 뜻
제목 | 글쓴이 | 날짜 |
---|---|---|
자동 팝업창띠우기 소스 [4] | 이슈™ | 2002.03.13 |
:: DB 필요없는 일정관리 .. 거창하게.. -.- [2] | 고전지기 | 2002.03.15 |
[자바스트립트]bidoo님의 레벨메타식 체크박스 보강 | 탐그루 | 2002.03.20 |
다이나믹 HTML 스크립트 - 간편 공지사항에.... [1] | ▩윤미 | 2002.03.28 |
레이어의 상대위치 지정 방법(position:absolute에서...) [2] | Legend | 2002.03.29 |
[v]운영 체제별 다른 페이지 보여주기 -_-;v [3] | ┏ⓩZion┛ | 2002.03.30 |
[v]하나더! 해상도별 다른 페이지 보여주기 | :+:zZion:+: | 2002.03.30 |
[v]최근 업데이트 시간을 자동으로 나타내 보자! [3] | :+:zZion:+: | 2002.03.30 |
배너 링크를 바로 클립보드로 카피하기 [5] | Legend | 2002.04.01 |
조그만한창 열기. ^.^ [5] | 아이쿠 | 2002.04.02 |
배너 링크를 바로 클립보드로 카피하기(Legend님꺼 보충) [3] | 카멜롯™ | 2002.04.04 |
자바스크립트 실행시점 | Jacylee | 2002.04.11 |
이미지 오버랩 (속도 조절 가능, 이미지 갯수 제한 없음) [8] | 조해성 | 2002.04.25 |
웹브라우저, 언어, 운영체제 보여주기.. [3] | 이동기 | 2002.04.29 |
타이틀바 도, 움직인다! 캬하! (상태바 아님) [10] | ▩윤미 | 2002.05.06 |
자바로 만든 퍼즐 겜^^; [8] | ☆봄비ㆀ | 2002.05.11 |
텍스트박스안에서 춤추는글자 [1] | Anice | 2002.05.16 |
글자가 커졌다가 작아졌다가.. [1] | Anice | 2002.05.17 |
링크된 텍스르 마우스 오버시 그림이 변한다.(메뉴로도..) [1] | ▩윤미 | 2002.05.19 |
폼안의 텍스트 입력시 실시간 카운팅 ? [8] | 카멜롯™ | 2002.05.20 |
회원 가입할때 이름 길게 쓰는분들때문에 골치아팠는데.
미리보기 하러 놀러오세요.
http://www.1Love.co.kr/