웹마스터 팁

따로 설명은 하지 않겠습니다.
요 기능은 글 작성시 눈으로 바로바로 몇 글자 입력이 가능한지 확인이 됨니다.
다음 번에는 거꾸로 입력하는 글자 수를 나타나는 것을 올려보도록 하겠습니다.

아래는 미리보기 임니다.
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>
제목 글쓴이 날짜
자동 팝업창띠우기 소스 [4] 이슈™ 2002.03.13
:: DB 필요없는 일정관리 .. 거창하게.. -.- [2] file 고전지기 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