반응형
검색시 팝업윈도우로 검색될때 까지 기다리기를 보여주는 창.
다른 방식도 많이 있지만.. 간단하게 쉽게 쓸수 있는 방법..
<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 이벤트로 실행을 하면 된다.
현재의 파일을 실행하면 실행될 파일이 없으므로 새로운 윈도우가 표시되었다가 순식간에 사라진다.
다른 방식도 많이 있지만.. 간단하게 쉽게 쓸수 있는 방법..
<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 |