천

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

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

// 테이블 사이즈 제어 :: 익스플로러에서는 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 15-12-13 조회 2,518
JavaScript 15-12-13 조회 2,842
JavaScript 15-12-13 조회 4,337
jQuery 15-12-11 조회 3,798
JavaScript 15-12-11 조회 3,575
JavaScript 15-12-11 조회 2,802
JavaScript 15-12-11 조회 3,121
JavaScript 15-12-10 조회 2,597
JavaScript 15-12-10 조회 2,824
JavaScript 15-12-10 조회 3,259
jQuery 15-12-10 조회 5,912
PHP 15-12-09 조회 3,572
node.js 15-12-08 조회 7,150
PHP 15-12-08 조회 4,011
PHP 15-12-08 조회 3,512
PHP 15-12-08 조회 7,168
PHP 15-12-07 조회 2,774
PHP 15-12-07 조회 4,290
PHP 15-12-07 조회 3,034
PHP 15-12-06 조회 3,624
PHP 15-12-06 조회 2,852
PHP 15-12-06 조회 2,602
PHP 15-12-05 조회 2,657
PHP 15-12-05 조회 2,870
PHP 15-12-05 조회 2,606
PHP 15-12-04 조회 2,773
PHP 15-12-04 조회 3,320
PHP 15-12-04 조회 3,056
PHP 15-12-03 조회 2,959
PHP 15-12-03 조회 3,396