본문 바로가기

나는개발자다/GWT

GWT Loading spinner

css 등을 이용하려 하다가 결국엔 jqury에 있는것을 사용한다.



필요 LIb.



HTML 


<script type="text/javascript" charset="utf-8" src="js/loadingoverlay.min.js"></script>


<script>

$.LoadingOverlaySetup({

    color           : "rgba(0, 0, 0, 0.0)", // r g b alpha

    image           : "loading.gif",

    maxSize         : "80px",

    minSize         : "20px",

    resizeInterval  : 0,

    size            : "50%"

});

function playMySpinner(){     // JSNI를 통해서 호출

$.LoadingOverlay("show");

}

function stopMySpinner(){

$.LoadingOverlay("hide");

};

</script>



단 modal 기능은 없다. popup을 투명하게 띄우고  loading spiner를 보여주면 된다.

'나는개발자다 > GWT' 카테고리의 다른 글

gwt hr line  (0) 2015.10.15
gwt textbox placeholder change color  (0) 2015.10.14
GWT Matrial 디자인.  (0) 2015.07.16
javascript에서 GWT 메소드 호출방법.  (0) 2015.06.17
모바일 웹에서 sms, email 연동시키기.  (0) 2015.06.17