웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
로딩 레이어 만들기
2006.11.27 08:21
<script type="text/javascript">
function loading_st(){
var ct_left = (parseInt(window.screen.width)-450)/2;
var ct_top = (parseInt(window.screen.height))/3;
layer_str = "<div id='loading_layer' style='position:absolute; background-color:; font-size:12px; left:"+ct_left+"px; top:"+ct_top+"px; width:400px; height:; padding:50px; text-align:center; vertical-align:middle; z-index:1000; font-weight: bold;'>로딩중입니다.</div>"
document.write(layer_str);
}
function loading_ed(){
var ta =document.getElementById('loading_layer');
ta.style.display='none';
}
loading_st();
window.onload = loading_ed;
</script>
출처 : PHPSCHOOL
제작 : 공대여자
---------=-------------------------------------------------=-------
... 말이 필요 없습니다.
그냥 "로딩중입니다." 라는 글자를 페이지가 바뀌면 보여줍니다.
페이지를 다 읽으면 감춥니다.
다른거 다 필요 없고 위 스크립트를 페이지의 상단에 붙여 넣으면 됩니다.
(될 수 있으면 body 바로 밑에 붙여주세요.)
--------------------------------------------------------=----------
응용하면 로딩 중일 때는 타이틀도 바꿀 수도 있겠죠.
DIV를 크게 하면 클릭도 못하게 할 수도 있죠.(뭐 이벤트 잡는 방법도 있지만...)
-------------------------------------------=-----------------------
좀 간단해서 올려보네요 . 따로 위치정하시려면 left:"+ct_left+"px; top:"+ct_top+"px; 이부분을 eft:800px; top:100px;이런식으로 수정하시면 됩니다.
미리보기 http://www.leejinsoo.net ( 제로보드 5베타버전에서 사용되는 이미지사용했습니다 ^^ )
function loading_st(){
var ct_left = (parseInt(window.screen.width)-450)/2;
var ct_top = (parseInt(window.screen.height))/3;
layer_str = "<div id='loading_layer' style='position:absolute; background-color:; font-size:12px; left:"+ct_left+"px; top:"+ct_top+"px; width:400px; height:; padding:50px; text-align:center; vertical-align:middle; z-index:1000; font-weight: bold;'>로딩중입니다.</div>"
document.write(layer_str);
}
function loading_ed(){
var ta =document.getElementById('loading_layer');
ta.style.display='none';
}
loading_st();
window.onload = loading_ed;
</script>
출처 : PHPSCHOOL
제작 : 공대여자
---------=-------------------------------------------------=-------
... 말이 필요 없습니다.
그냥 "로딩중입니다." 라는 글자를 페이지가 바뀌면 보여줍니다.
페이지를 다 읽으면 감춥니다.
다른거 다 필요 없고 위 스크립트를 페이지의 상단에 붙여 넣으면 됩니다.
(될 수 있으면 body 바로 밑에 붙여주세요.)
--------------------------------------------------------=----------
응용하면 로딩 중일 때는 타이틀도 바꿀 수도 있겠죠.
DIV를 크게 하면 클릭도 못하게 할 수도 있죠.(뭐 이벤트 잡는 방법도 있지만...)
-------------------------------------------=-----------------------
좀 간단해서 올려보네요 . 따로 위치정하시려면 left:"+ct_left+"px; top:"+ct_top+"px; 이부분을 eft:800px; top:100px;이런식으로 수정하시면 됩니다.
미리보기 http://www.leejinsoo.net ( 제로보드 5베타버전에서 사용되는 이미지사용했습니다 ^^ )
댓글 6
-
zlgun
2006.12.07 16:06
이야 괜찮네요 ㅎㅎ 감사합니다 -
Khalitzburg
2006.12.08 13:36
레이어를 문서의 중간에 위치시키고자 한다면 어떻게 하면 되나요? -
이진수
2006.12.08 18:39
정 중앙 말씀이신가요 ? 위와 같이 그대로 하면 정 중앙입니다.
var ct_left = (parseInt(window.screen.width)-450)/2;
var ct_top = (parseInt(window.screen.height))/3;
이부분이 위치를 계산하는 곳인데 정중앙을 찾는듯.... 그대로 복사후 테스트 해보시구요...
안되시면 쪽지주세요 -
엔시[치키니]
2007.02.19 17:49
공대여자 아찌께 nzeo까지 와잇네 ㅋㅋ -
vbmania
2008.02.13 11:15
커헉... 공대여자 님이 여자분이 아니었을 줄이야...
-
하늘에....
2007.03.11 13:49
로딩이 오래걸리는 페이지에서는 상단에 그냥 남아있는데요
페이지 로딩이 끝난상태에서도 ㅡ.ㅜ
제목 | 글쓴이 | 날짜 |
---|---|---|
[동주아빠] PHP 게시판 만들기 기초 (6) require,include [5] | 손병목 | 2002.12.25 |
[동주아빠] PHP 게시판 만들기 기초 (5) 제어문(下) [10] | 손병목 | 2002.12.25 |
[동주아빠] PHP 게시판 만들기 기초 (5) 제어문(上) [9] | 손병목 | 2002.12.25 |
[동주아빠] PHP 게시판 만들기 기초 (4) 연산자 [10] | 손병목 | 2002.12.25 |
[동주아빠] PHP 게시판 만들기 기초 (3) 변수와 배열 [6] | 손병목 | 2002.12.25 |
[동주아빠] PHP 게시판 만들기 기초 (2) [12] | 손병목 | 2002.12.25 |
[동주아빠] PHP 게시판 만들기 기초 (1) 준비 [8] | 손병목 | 2002.12.25 |
if 문으로 xxx.php?db=src 이런식으로 해보자..(제1탄 기초를 확!) [14] | inging-zb41 | 2002.12.12 |
왕초보용 개판 오분전 황당 쿠키(4) [2] | 미친개 | 2002.12.09 |
왕초보용 개판 오분전 황당 쿠키(3) [2] | 미친개 | 2002.12.09 |
왕초보용 개판 오분전 황당 쿠키(2) [6] | 미친개 | 2002.12.09 |
왕초보용 개판 오분전 황당 쿠키(1) [4] | 미친개 | 2002.12.09 |
PHP 각종 오류 정리 [15] | TheMics | 2002.12.04 |
MYSQL CLASS | 위선OSE | 2002.12.03 |
파일처리 - fseek [3] | 위선OSE | 2002.12.03 |
제로카운터 접속자 수 조정, 최고 간편한 팁(5초 소요, DB보존) [4] | 고광욱 | 2002.12.01 |
카드 결재시 사용되는 자바스크립트와 html [3] | 한꼬마 | 2002.11.28 |
카드 결재 개요 (텔렉) [2] | 한꼬마 | 2002.11.26 |
휴대폰 결재 활용 (최종) | 한꼬마 | 2002.11.26 |
휴대폰 결재 설치 및 테스터 [3] | 한꼬마 | 2002.11.24 |