Web/Javascript

검색시 기다리는 팝업창

qOOp 2008. 1. 12. 13:26
반응형
검색시 팝업윈도우로 검색될때 까지 기다리기를 보여주는 창.

다른 방식도 많이 있지만.. 간단하게 쉽게 쓸수 있는 방법..

<html>
<head>
<script>
function newPopup(){
 var waitDialog = window.open("","waitDialog","width=200, height=300, scrollbars=no");
 waitDialog.focus();
 waitDialog.document.write("<title>WaitDialog</title><b>HELLO</b>");
 // 여기부분에 실행할 파일을 입력
 waitDialog.document.write("...");
 waitDialog.document.close();
 waitDialog.close();
 window.focus();
}
</script>
</head>
<body onLoad="newPopup()">
</body>
</html>

위의 소스는 윈도우가 로드되면 자바스크립트가 실행되게 되어 있는데 만약 검색 버튼을 누른다고 생각하면 onClick 이벤트로 실행을 하면 된다.

현재의 파일을 실행하면 실행될 파일이 없으므로 새로운 윈도우가 표시되었다가 순식간에 사라진다.

'Web > Javascript' 카테고리의 다른 글

Javascript 와 DOM을 사용한 시계  (0) 2008.04.08
자바스크립트를 이용한 간단한 SHOW HIDE  (0) 2008.03.20
입력폼에 숫자만 입력할수 있게 하기  (0) 2008.03.04
window.onload  (0) 2008.02.06
Date객체  (0) 2008.02.06