IT도전기

로딩페이지 지난 번에 이어 계속 진행하고자 한다. 오늘은 jquery와 CSS를 이용하여 구현을 하고자한다. 1. div를 만든다. 2.css 속성을 만들어 준다. #loader { position : absolute; left : 0; top : 0; width : 100%; height : 100%; z-index : 10000; background : url('loader.gif') 50% 50% no-repeat rgb(249,249,249); } 3. jquery 를 설정한다. DOM이 모두 로드를 하게 되면 Loader를 천천히 안보이게 한다. $(window).on('load', function(){ $('#loader').fadeOut('slow'); }); 그리고 page를 떠날려할 때 ..

오늘은 php의 로딩 페이지를 만들어 보고자 한다. 로딩 페이지가 필요한 경우 인터넷 속도가 느려 이용자가 혼동하여 서버와 통신중임에도 버튼은 여러번 눌러 db에 한개 이상의 데이터가 쌓일 수 있다. 이럴 경우 server에서도 처리를 해주면 좋지만 이용자는 알지 못한다. 그리하여 프론트에서 표시를 해주고자 한다. 버튼을 누르거나 url을 이동을 하려 할 때 loading 페이지를 만들어 줄 것이다. 1. jquery-loading을 이용한다. https://carlosbonetti.github.io/jquery-loading/ jquery-loading Themes and default styles You must include the dist/jquery.loading.css file in your ..