웹마스터 팁

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

아래는 미리보기 임니다.
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>
제목 글쓴이 날짜
원하는시간에 팝업창을 띄우고 원하는 시간에 닫어뻐리는;; [2] 키르(絶對) 2002.06.13
부드럽게 스크롤바를 따라다니는..+_+ [6] 키르(絶對) 2002.06.13
플래쉬 효과나는 신비 메뉴 - -? *수정+카피라이터~ [17] ▩윤미 2002.06.09
자바스크립트 이해하기...3 [1] file Eccen 2002.06.05
서서히 이미지를 변경시켜주는 환상적인 룰오버효과 [7] ▩윤미 2002.05.31
마우스에 축구공 따라다니는 자바 스크립트.. [6] file MR.HMH 2002.05.30
어설픈 링크방지[정확한 경로로 오세요] [5] 이성영 2002.05.30
자바스크립트 이해하기...2 [1] file Eccen 2002.05.30
자바스크립트 이해하기...1 [13] file 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