퇴근5분전

 

페이지 로딩을 표시하기 위해...

 

 

 

 

로딩중 이란 이미지... 처럼 블라인드 처리해준다.

 

샘플 : 

Jquery_block.zip

 

간단한 설명이 있으므로 따라 해보면 됨.

 

http://mytory.co.kr/archives/783 

 

 

'# 6) JavaScript > JQuery' 카테고리의 다른 글

Jquery ] 페이지 로딩중 ... 샘플  (0) 2012.09.28
JQEURY 플러그인] 로딩바. 블럭킹  (0) 2012.09.25
Jquery ~ 블로그 소개  (0) 2012.05.17

로딩 블럭킹!!! 처리... 등.. 플러그인

GPL, MIT

 

http://jquery.malsup.com/block/#page

 

-- 사용 예~  

 

# 표시될 메세지.

var MSG = {

Loading: {  message: "<h4><img src='/images/tree/skin/loading.gif' /> Processing...</h4>",
                overlayCSS: { backgroundColor: '#b2d0af',  opacity: .3 },
                css: {  border: '2px solid #D0D7E5',
                        padding: '3px',
                        backgroundColor: '#777',
                        '-webkit-border-radius': '10px',
                        '-moz-border-radius': '10px',
                        opacity: .7,
                        color: '#fff'
                }
    },

   ...

}

 

# 로딩되는 상위 페이지 ( Parent Page )

<script type="text/javascript" src="/Scripts/jquery.blockUI.js" ></script>

 

function Load_Tab() {


            var url = "SubPage.aspx";
            var pmrs = "";

 

            var html = "<iframe id='frameGridContents' src='" + url + pmrs + "' style='width:100%;

                        height:302px; padding:0px;margin:0px;' scrolling='no' frameborder='0'></iframe>";
            $("#tab_Contents").html(html);
            BlockUI(); 
}
        function BlockUI() {
            $("#tab_Contents").block(MSG.Loading);
        }
        function UnBlockUI() {
            $("#tab_Contents").unblock();
        }

 

# 로딩되는 페이지 ( Sub Page ) .cs


        protected override void OnPreRenderComplete(EventArgs e)
        {
            base.OnPreRenderComplete(e);
            Page.ClientScript.RegisterClientScriptBlock(

this.GetType(),

"unblock",

"try{ var t = setTimeout(function () { parent.UnblockUI(); clearTimeout(t); }, 50); }catch(exception){}",

 true);
        }

 

 

 

http://findfun.tistory.com/46  이분 블로그 좋다 ( 한글이고, 설명이 간결하다. )

 

이번 프로젝트가 웹 기반이어서 소스를 훑어보니 jquery로 되어 있다.

 

간단히 문법만 조금 익혔었는데 소스를 보니 내눈을 까막눈으로 만들어버리네...

 

다시 기초부터 훑어보자... 시간이 없으니.. 빠르고 강하게 밀어붙이자!!

 

 

박종서님이 소개해준 jquery 사이트 굿!

http://visualjquery.com/ 

 

한꺼번에 먹으니 체한듯한... 헷갈림의 시작!!