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

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

// 테이블 사이즈 제어 :: 익스플로러에서는 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;                            // 새로 계산된 치수를 해당 배열 객체에 입력
         }
    }
}

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

개발자팁

5,403건

개발과 관련된 유용한 정보를 공유하세요. 질문은 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
JavaScript 16-01-11 조회 3,859
JavaScript 16-01-11 조회 5,125
JavaScript 16-01-11 조회 3,595
PHP 16-01-11 조회 2,441
jQuery 16-01-08 조회 3,663
jQuery 16-01-07 조회 3,853
기타 16-01-05 조회 4,593
jQuery 16-01-05 조회 4,668
jQuery 16-01-05 조회 5,111
jQuery 16-01-05 조회 5,229
jQuery 16-01-05 조회 5,115
jQuery 16-01-04 조회 3,537
jQuery 16-01-04 조회 3,294
jQuery 16-01-04 조회 4,307
jQuery 16-01-04 조회 3,977
MySQL 16-01-03 조회 6,290
MySQL 16-01-03 조회 5,132
MySQL 16-01-03 조회 3,795
MySQL 16-01-02 조회 3,939
MySQL 16-01-02 조회 3,769
MySQL 16-01-02 조회 2,901
MySQL 16-01-01 조회 5,404
MySQL 16-01-01 조회 3,692
MySQL 16-01-01 조회 3,469
JavaScript 15-12-31 조회 3,208
MySQL 15-12-31 조회 3,756
MySQL 15-12-31 조회 3,825
MySQL 15-12-31 조회 4,201
PHP 15-12-30 조회 1.2만
jQuery 15-12-30 조회 6,568