테이블 사이즈를 제어하기 입니다.

· 2016-01-11 (월) 13:23:40 · 383

// 테이블 사이즈 제어 :: 익스플로러에서는 TABLE에 NAME 속성이 안먹는 관계로 파이어폭스에서만 동작함, 아래 함수보다 훨씬 느림.
function changeWidth_NN(name, size1, size2) {
    var intDefaultSize = parseInt(size1);
    var intSize = parseInt(size2);
    var intPresentSize;
    var intNewSize;
    var i;

    for(i=0; i<document.getElementsByName(name).length; i++) {                                    // 페이지에 name값과 일치하는 객체의 개수만큼 루프 돌림
         intPresentSize = parseInt(document.getElementsByName(name)[i].style.width);          // 해당 배열 객체의 style의 width 값을 불러들임
         if(size2 == 'default') {
            intNewSize = intDefaultSize;
        }
        else if(size2 != 'default') {
            intNewSize = intPresentSize + intSize;
            if(intNewSize < intDefaultSize) {
                intNewSize = intDefaultSize;
            }
        }
        document.getElementsByName(name)[i].style.width = intNewSize;                            // 새로 계산된 치수를 해당 배열 객체에 입력
     }
}

// 테이블 사이즈 제어 :: 익스플로러 & 파이어폭스에서 동작함 (역시 느리지만 위에 놈보다는 약간 빠름. -0-)
function changeWidth_All(name, size1, size2) {
    var obj = document.getElementsByTagName('table');      // 페이지에서 table 객체를 구함
     var intDefaultSize = parseInt(size1);
    var intSize = parseInt(size2);
    var intPresentSize;
    var intNewSize;
    var i;

    for(i=0; i<obj.length; i++) {                                          // table 객체의 개수만큼 루프 돌림
         if(obj[i].getAttribute('id') == name) {                        // table 객체들 중에 id가 함수에 들어온 name값과 일치하면
             intPresentSize = parseInt(obj[i].style.width);          // 해당 배열 객체의 style중 width 값을 불러들임
             if(size2 == 'default') {
                intNewSize = intDefaultSize;
            }
            else if(size2 != 'default') {
                intNewSize = intPresentSize + intSize;
                if(intNewSize < intDefaultSize) {
                    intNewSize = intDefaultSize;
                }
            }
            obj[i].style.width = intNewSize;                            // 새로 계산된 치수를 해당 배열 객체에 입력
         }
    }
}

|
댓글을 작성하시려면 로그인이 필요합니다.

팁게시판

6,077건

디자인과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
제목 글쓴이 날짜 조회
16-02-15 조회 888
16-02-02 조회 580
16-01-25 조회 405
16-01-18 조회 553
16-01-08 조회 519
16-01-07 조회 525
16-01-05 조회 542
16-01-05 조회 717
16-01-05 조회 603
16-01-05 조회 542
16-01-04 조회 576
16-01-04 조회 547
16-01-04 조회 512
16-01-04 조회 484
15-12-30 조회 623
15-12-24 조회 505
15-12-24 조회 489
15-12-24 조회 547
15-12-24 조회 584
15-12-23 조회 481
15-12-16 조회 611
15-12-15 조회 673
15-12-11 조회 607
15-12-10 조회 616
15-11-09 조회 693