웹마스터 팁
[Tip] 페이지 이동중이라고 표시해보자~ ^_^
2001.03.28 20:48
1. 먼저 아래와 같은 자바 스크립트를 <head>와 </head> 사이에 넣어줍니다.
<script language=javascript>
n = document.layers
ie = document.all
function hide() {
if (ie || n) {
if (n) document.Load.visibility = "hidden"
else Load.style.visibility = "hidden"
}
}
</script>
2. 다음으로 <body> 태그에 onload="hide()"를 추가시켜줍니다. 아래처럼 되겠죠.
<body text=black bgcolor=white onload="hide()">
3. <body> 바로 아래에 아래 스크립트를 넣습니다.
<script language=javascript>
if(ie || n) document.write('<div id="Load" style="position:absolute;width:100%;height:100%;top:0;left:0;background-color:#ffffff;z-index:5">페이지 로딩중 보여줄 내용</div>')
</script>
결국 이것들을 모아보면 아래처럼 됩니다.
<html>
<head>
<title>::: 타이틀 :::</title>
<script language=javascript>
n = document.layers
ie = document.all
function hide() {
if (ie || n) {
if (n) document.Load.visibility = "hidden"
else Load.style.visibility = "hidden"
}
}
</script>
</head>
<body onload="hide()" bgcolor='white' text='black'>
<script language=javascript>
if(ie || n) document.write('<div id="Load" style="position:absolute;width:100%;height:100%;top:0;left:0;background-color:#ffffff;z-index:5">페이지 로딩중 보여줄 내용</div>')
</script>
본래 문서
</body>
</html>
HTML 태그를 알면 출력부분은 예쁘게 손볼 수 있겠죠?
미리보기 : http://dreamphp.com/program/20010328_loading/loading.php
... 미리보기는 언제 사라질지 모릅니다. ^^;
<script language=javascript>
n = document.layers
ie = document.all
function hide() {
if (ie || n) {
if (n) document.Load.visibility = "hidden"
else Load.style.visibility = "hidden"
}
}
</script>
2. 다음으로 <body> 태그에 onload="hide()"를 추가시켜줍니다. 아래처럼 되겠죠.
<body text=black bgcolor=white onload="hide()">
3. <body> 바로 아래에 아래 스크립트를 넣습니다.
<script language=javascript>
if(ie || n) document.write('<div id="Load" style="position:absolute;width:100%;height:100%;top:0;left:0;background-color:#ffffff;z-index:5">페이지 로딩중 보여줄 내용</div>')
</script>
결국 이것들을 모아보면 아래처럼 됩니다.
<html>
<head>
<title>::: 타이틀 :::</title>
<script language=javascript>
n = document.layers
ie = document.all
function hide() {
if (ie || n) {
if (n) document.Load.visibility = "hidden"
else Load.style.visibility = "hidden"
}
}
</script>
</head>
<body onload="hide()" bgcolor='white' text='black'>
<script language=javascript>
if(ie || n) document.write('<div id="Load" style="position:absolute;width:100%;height:100%;top:0;left:0;background-color:#ffffff;z-index:5">페이지 로딩중 보여줄 내용</div>')
</script>
본래 문서
</body>
</html>
HTML 태그를 알면 출력부분은 예쁘게 손볼 수 있겠죠?
미리보기 : http://dreamphp.com/program/20010328_loading/loading.php
... 미리보기는 언제 사라질지 모릅니다. ^^;
댓글 10
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
레이아웃 관리자 페이지 html 에디터창 늘리기+줄이기
[1]
 | 레드폭스 | 2010.08.25 |
|
게시판 본문페이지 닉네임 옆에 회원그룹명 사용
[4]
| 늘푸른이 | 2010.08.13 |
|
관리자페이지 회원목록을 일반페이지에서 사용하기
[5]
| 늘푸른이 | 2010.08.07 |
|
검정 배경 홈페이지용 회원 정보 스킨
| LutZ | 2010.08.03 |
| 페이지 모듈 사용시 여백 관련한 팁! | sejin7940 | 2010.08.02 |
| 모바일 레이아웃 로그인페이지 개선방법 [4] | 스카이피아 | 2010.08.01 |
| 초보의 모바일 페이지 등록하기 [5] | 조량 | 2010.07.15 |
| 스마트폰이 없는뒤~!! 모바일페이지를 봐야 할경우 [15] | 토깽이2 | 2010.07.02 |
| ''외부 페이지''에서 CSS/JS 파일 불러들이기 [2] | xe-m | 2010.06.11 |
|
LNB위젯사용하지 않고 초간단 페이지 인식 메뉴 만들기
| 쥰지 | 2010.06.09 |
| 공지글 1페이지에만 보이기 [1] | 러키군 | 2010.04.29 |
| XE 기본 카운터의 방문자 / 페이지뷰 출력하고 수정하기 [5] | 대류 | 2010.04.03 |
|
홈페이지에 계정 사용량, DB 사용량, 현재 트래픽 출력하기
[7]
| 대류 | 2010.03.29 |
| 홈페이지의 개념부터 알아야 하는 진정한 초급자들의 위한 팁입니다. | 놀라운넘 | 2010.03.23 |
| [마지막팁] 제로보드4 처럼 레이아웃 없이 XE로 나만의 홈페이지 만들기 [6] | Gekkou | 2010.03.08 |
| 중복. JS버전. 관리자 페이지-트리뷰 계속 확장상태로 두기 | 봉남 | 2010.03.02 |
|
conditional comment 을 이용한MS Internet Explorer 6이하 접속시 안내 페이지 유도 [접속 차단] 예제
[3]
| 게임나라 | 2010.02.26 |
| 로그인 후 특정 그룹 페이지 가기 다른버전 [9] | 눈물많은OrOi | 2010.02.22 |
| 페이지 수정 내용직접추가 에러 나시는 분들께.. [1] | 청개굴이 | 2010.02.19 |
| 로그인페이지와 새페이지 연결법 [2] | poko | 2010.01.30 |