'Java script'에 해당되는 글 13건

  1. 2011.09.06 숫자만 입력받기
  2. 2010.05.03 자바스크립트 substring 과 substr의 차이 1
  3. 2010.05.03 텍스트 박스에 원하는 숫자 또는 문자만 입력되게 하기
  4. 2010.04.28 자바스크립트로 한글 길이 구하기
  5. 2010.03.12 ie에서 경고창 없이 창 닫기
  6. 2010.03.03 글자크기 조절하기
  7. 2010.02.22 프린터하기
  8. 2010.02.12 인풋박스 클릭할때 무조건 한글로 설정하기
  9. 2010.01.28 쿠키에 아이디 저장하기
  10. 2009.12.06 자바스크립트에서 replace

function chkDuplication(){
   // 숫자만 입력
   /* 예외
    백스페이스 : 8,tab키 : 9,delete키 : 46
    왼쪽 : 37,위 : 38,오른쪽 : 39.아래 : 40
  Home : 36,End : 35
   */
   if((event.keyCode > 47 && event.keyCode < 58) || event.keyCode == 8 || event.keyCode == 46 ||
      (event.keyCode > 34 && event.keyCode < 41) || (event.keyCode > 95 && event.keyCode < 106) || event.keyCode == 9){
    event.returnValue=true;
   }else{
    event.returnValue=false;
   }
  }
자바스크립트에서 substring 은 문자열을 끊을때 시작점과 끝점을 설정하여 그 안에 포함된 문자열을 가져온다. 주의해야 할것은 시작점과 끝점은 인덱스라 하여 0번 부터 시작이다. 
예를 들어
       ABCDEF 라는 문자열이 있을때
순서 A가 1번 부터가 아닌 0번 부터 시작 되는것이다.

ABCD 문자열을 뽑고 싶다면 변수.substring(0,3) 이렇게 하면 된다. 0번 인덱스는 A 를 가르키고 3번 인덱스는 D를 가르킨다. 고로 시작점에서 끝점까지 문자열을 가져오므로 ABCD 가 된다.

substr 은 substring 과 같이 문자열의 인덱스를 사용하는데 다른 점은 시작점에서 부터 몇개의 문자열을 가져올때 사용한다.
같은 예로

ABCDEF 를 substr(0,3)을 하면 0번 인덱스 A 에서 3개의 문자를 가져오므로 ABC가 된다.

실제예)
var string ="ABCDEF";
var ex1 = string.substring(0,3);   ===>ABCD
HTML -
숫자나 텍스트만 입력되고 나머지는 입력이 안되게 하기 위해선 onKeyPress 이벤트를 지정해 준다. 이때 숫자만 받을것인지 문자만 받을것인지 구분을 해주면 된다. 자세히 보다보면 원하는 숫자나 원하는 문자만 받기위해서 살짝만 수정해 주면 된다는것을 알 수 있다.

--> 숫자만
<input type="text" id="Buf_Distance" onKeyPress="allowOnly('0..9|/');" style="TEXT-ALIGN:right"/>

--> 알파벳만
<input type="text" id="Buf_Distance" onKeyPress="allowOnly('a..z|/');" style="TEXT-ALIGN:right"/>


javascript -

function allowOnly(expression)
{
 expression = expression.toLowerCase();
 expression = expression.replace( "a..z", "abcdefghijklmnopqrstuvwxyz");
 expression = expression.replace( "0..9", "0123456789");
 expression = expression.replace( "1..9", "123456789");
 expression = expression.replace( "|", "");
 
 var ch = String.fromCharCode(window.event.keyCode);
 
 ch = ch.toLowerCase();
 expression = expression.toLowerCase();
 var a = expression.indexOf(ch);
 
 if (a == -1) window.event.keyCode = 0;
}

'Java script' 카테고리의 다른 글

숫자만 입력받기  (0) 2011.09.06
자바스크립트 substring 과 substr의 차이  (1) 2010.05.03
자바스크립트로 한글 길이 구하기  (0) 2010.04.28
ie에서 경고창 없이 창 닫기  (0) 2010.03.12
글자크기 조절하기  (0) 2010.03.03
//바이트계산 함수
function calculate_msglen(msg)
{
    var nbytes = 0;
   
    for (i=0; i<msg.length; i++) {
        var ch = msg.charAt(i);
        if(escape(ch).length > 4) {
            nbytes += 2;
        } else if (ch == 'n') {
            if (msg.charAt(i-1) != 'r') {
                nbytes += 1;
            }
        } else if (ch == '<' || ch == '>') {
            nbytes += 4;
        } else {
            nbytes += 1;
        }
    }
    return nbytes;
}

한글은 2바이트, 영문은 1바이트
window.open('about:blank','_self').close();

만일 frame로 씌워져 있다면 아래와 같이 응용하면 됨!!
window.open('about:blank','_top').close();


참 고로 예전엔 아래와 같이 했었는데 IE7 이상부터는 작동 안한다.
self.opener = self;
self.close();
    function FontPlus() {
        var str = document.getElementById('바꿀div의 id');
        var nSize = str.style.fontSize  ? str.style.fontSize  : '9pt';
        var iSize = parseInt(nSize.replace('pt',''));
   
if (iSize < 11) {
        str.style.fontSize  = (iSize + 1) + 'pt';
       str.style.lineHeight = '140%';
        }else{
            alert("더 이상 확대할 수 없습니다.");       
        }
    }


    function FontMinus()
    {
        var str = document.getElementById('마찬가지..');
        var nSize = str.style.fontSize ? str.style.fontSize : '9pt';
        var iSize = parseInt(nSize.replace('pt',''));

        if (iSize > 7){
            str.style.fontSize = (iSize - 1) + 'pt';
            str.style.lineHeight = '140%';
        }else{
            alert("더 이상 축소할 수 없습니다.");       
        }
    } 

프린터하기

Java script 2010. 2. 22. 10:36
 일반적으로 프린터는 window.print(); 라는 자바스크립트만 사용하면 가능하다.
 하지만 화면을 있는 그대로 출력하면 싸이즈라던지 출력하고 싶지 않은 부분이 있을것이다.
 그런것들을 프린터용 css를 작성해서 해결 가능하다.

<link href="/css/print.css" rel="stylesheet" type="text/css" media="print">

css스펙에서 미디어 타입을 명시해서 적용한다.(defalut값은 media="screen"인듯하다)

#footer {display:none;}

css내에서 다음과 같이 필요없는부분을 처리함으로써 깨끗한 화면을 출력할수 있다.

1페이지를 넘어갈 경우 이어서 출력하는 옵션

page-break-before: always;  스타일로 잡아준다.

가로출력이나 기타여백등의 옵션을 주는 가장 쉬운 방법은
http://www.meadroid.com/scriptx/ 를 이용하는 것이다.

smsx.cab를 다운받아 압축을 풀어두고

<object id="factory" style="display:none"
  classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814"
  codebase="http://압축풀어넣은장소/scriptx/ScriptX.cab#Version=6,5,439,50">
</object>

여긴 자바스크립트로..

       factory.printing.header = ""; //머릿말 설정
       factory.printing.footer = "";   //꼬릿말 설정
       factory.printing.portrait = false                    //출력방향 설정: true-세로, false-가로
       factory.printing.leftMargin = 1.0                 //왼쪽 여백 설정
       factory.printing.topMargin = 1.0                 //위쪽 여백 설정
       factory.printing.rightMargin = 1.0               //오른쪽 여백 설정
       factory.printing.bottomMargin = 1.0            //아래쪽 여백 설정
      factory.printing.Print(false, window)

무료 버전으로 사용할수 있는 옵션은 이정도이다.
style="ime-mode:active;"

'Java script' 카테고리의 다른 글

글자크기 조절하기  (0) 2010.03.03
프린터하기  (0) 2010.02.22
쿠키에 아이디 저장하기  (0) 2010.01.28
자바스크립트에서 replace  (0) 2009.12.06
자바스크립트용 공백제거  (0) 2009.12.04
    function init(form)
    {
        form.idCheck.checked = ((form.userId.value = getCookie("userId")) != "");
    }
    // 쿠키 조회
    function getCookie(userId){
          var search = userId + "="
          if (document.cookie.length > 0) { // 쿠키가 설정되어 있다면
            offset = document.cookie.indexOf(search)
            if (offset != -1) { // 쿠키가 존재하면
              offset += search.length
              // set index of beginning of value
              end = document.cookie.indexOf(";", offset)
              // 쿠키 값의 마지막 위치 인덱스 번호 설정
              if (end == -1)
                end = document.cookie.length
              return unescape(document.cookie.substring(offset, end))
            }
          }
          return "";
    }
    // 쿠키 저장
    function saveCookie(form){
          var expdate = new Date();
          if (form.idCheck.checked){
            expdate.setTime(expdate.getTime() + 1000 * 3600 * 24 * 30); // 30일
          }else{
            expdate.setTime(expdate.getTime() - 1); // 쿠키 삭제조건
          }
          setCookie("userId", form.userId.value, expdate);
    }
    // 쿠키 생성
    function setCookie(name, value, expiredays)
    {
         document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + expiredays.toGMTString() ;
    }
JavaScript에서 repalce를 사용해보자.
var value = 'aaabbb';
value = value.replace('a', 'b');
value의 값'baabbb'
이렇게 하면 맨처음 나오는 'a'만 'b'로 바꾸어 준다.

하지만 정규식을 이용하면, 모든 'a'를 'b'로 바꾸는 것도 가능하다.
var value = 'aaabbb';
value = value.replace(/a/gi, 'b');
value의 값'bbbbbb'
replace('바꿀문자', '바꿀문자를 대체할 문자');

정규식의 의미를 알아보자.
g - 발생할 모든 패턴에 대한 전역검색
i  - 대/소문자 구분 X
m- 여러줄 검색
위에선 문자만 바꿨지만, 문자열을 바꾸려고 한다면, 문자열을 입력하자.
var value = 'aaabbb';
value = value.replace(/ab/gi, 'cc');
value의 값'aaccbb'
1 2 

글 보관함

카운터

Total : / Today : / Yesterday :
get rsstistory!