[javascript] modal popup mask


참고 사이트 : http://mytory.co.kr/archives/783

function ModalPopUp()
{
    this.MASK_ID        = 'popupMask';
    this.MASK_Z_INDEX   = 9000;
}

ModalPopUp.prototype.createMaskElement = function()
{
    if($('#'+this.MASK_ID).is('div') == false)
    {
        $('body').append('<div id="'+this.MASK_ID+'"></div>');
    }

    $('#'+this.MASK_ID).css(
          {'position'         :   'absolute',
           'left'             :   0,
           'top'              :   0,
           'z-index'          :   9000,
           'background-color' :   '#000',
           'display'          :   'none',
           'width'            :   $(window).width(),
           'height'           :   $(document).height()
      });
}

ModalPopUp.prototype.wrapMask = function()
{
    $('#'+this.MASK_ID).fadeTo('slow', 0.8);
}

ModalPopUp.prototype.removeMask = function()
{
    $('#'+this.MASK_ID).hide();
}

//getMaskZIndex : popup window z-index 를 위해 반환
ModalPopUp.prototype.getMaskZIndex = function()
{
    return this.MASK_Z_INDEX;
}

댓글

이 블로그의 인기 게시물

Spring Batch - JobParameters Default Value 만들기

Hsqldb Server 재기동 시 오류