웹마스터 팁
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
제목 | 글쓴이 | 날짜 |
---|---|---|
자동 팝업창띠우기 소스 [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 |