Javascript〃자바스크립트 팝업창 1일동안 띄우지 않기

홈페이지나 웹사이트를 만들게 되면 메인화면에 팝업창을 띄우게 될 경우가 생기죠? 

팝업 띄우는 방법은 여러가지 있는 걸로 알고 있습니다.  DIV로 팝업 띄우는 것도 이쁘긴 한데 각 사이트 성격마다 어울리는 것을 써야겠죠~!!! 그래서 저는 자바스크립트로 팝업창을 띄워봤습니다. 

실행결과를 올리고 싶지만 회사 사이트라 소스만 정리합니다.

■ MAIN 페이지

jQuery(document).ready(function($) {
	pevent();
});

function pevent(){
	function getCookie(name){
		var nameOfCookie = name + "=";
		var x = 0;
		while (x <= document.cookie.length){
			var y = (x + nameOfCookie.length);
			if (document.cookie.substring(x, y) == nameOfCookie){
			if ((endOfCookie = document.cookie.indexOf(";", y)) == -1){
			endOfCookie = document.cookie.length;
			}
			return unescape (document.cookie.substring(y, endOfCookie));
			}
			x = document.cookie.indexOf (" ", x) + 1;
			if (x == 0) break;
		}
		return "";
	}
	if (getCookie("popname") != "done"){
		var popUrl = "/pop1";
		var popOption = "width=350%, height=218%, resizable=no, scrollbars=no, status=no;";
		window.open(popUrl,"",popOption);
	}
}

부가설명으로 팝업을 띄울 메인 페이지 <script> </script> 안에 이 소스를 붙여넣기 하면 됩니다. 

아랫 부분에 var popUrl = "/pop1"; 은 팝업창을 띄울 .jsp .html 및 액션경로를 적어주시면 되고, var Option에서 가로, 세로 크기 및 부가 설정을 해주시면 됩니다. 

제 개인적인 생각으로 다른건 다 필요없고 저 세가지 resizable=no, scrollbars=no, status=no 이것만 설정하면 이쁜것 같아요. 

■ POPUP 페이지

    

  

    

  
  

    

	
        
		

		 

		 
1일동안 이 창을 열지 않음
			
[닫기]
		
	
	
  

 

다음 팝업 페이지에서는 이렇게 간단하게 소스를 입혀줍니다.  

팝업을 띄우는 것은 메인페이지에서 !! 

이미지와 1일동안 팝업띄우지 않는 것은 팝업페이지에서 !!

간단하죠??