Scrapbook/개발 및 프로그래밍

페이지 내 로딩중 설정

가을이짱짱 2007. 1. 20. 15:51
반응형

<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE>loading..................</TITLE>
</HEAD>
<BODY bgcolor=#dcdcdc>
<br>
<P align=center style="font-size:9pt"><font color=red>로딩중입니다.</font></P>
</BODY>
</HTML>


waiting.htm 페이지에는 단순히 화면에 로딩를 표시할 내용이 들어갑니다. 물런 '로딩중입니다.' 텍스트 대신 이미지로 대체해도 됩니다.

다음은 실제 화면로딩창을 띄우는 페이지입니다.


<HTML>
<HEAD>
<script language=javascript>
var wating_window;    // 전역변수로 선언해준다.
function show_wating() {    // 로딩창을 띄우는 함수
   var url = "wating.htm";
   var sFeature = "dialogWidth:150px;dialogHeight:10px;center:yes;help:no;resizable:no;status:no;scroll:no;";
   wating_window = window.showModelessDialog(url,window,sFeature);
}

function close_wating() {    // 로딩창을 닫는 함수
   wating_window.close();
}

</script>
</HEAD>
<BODY>
<script>
   show_wating();
</script>
<input type=button value=show onclick="show_wating()">
<input type=button value=close onclick="close_wating()">
</BODY>
</HTML>


위 소스에는 로딩창을 띄우는 함수와 닫는 함수로 구성되어져 있습니다. 실제 페이지에 적용하기위해서는 페이지 상단에 show_wating() 함수를 호출하고 페이지가 로드된후 발생하는 이벤트인 onload 에 close_wating() 함수를 호출 하시면 됩니다.


출처 : http://www.mungchung.com/mianamssi/ (뭉충닷컴)

반응형