Jquery&CSS〃하루동안 팝업 열지 않기 소스

회사업무로 홈페이지를 만드는 도중 팝업을 만들 필요가 생겼습니다. 구글링과 네이버 검색을 하면 소스가 많이 나오지만... 제가 적용을 하려니 쉽게 안되는 문제도 생겨 저 나름대로 짬뽕?을 시켰더니 해결이 됬습니다.

먼저 제가 사용한 방법은 팝업을 여는 MAIN 페이지와 팝업을 열었을때 보이는 POP페이지 2개를 만들어야 합니다. 복사 붙여넣기 하시면 전혀 어렵지 않아요~

■ 실행결과

업무중이라 회사 이름은 모자이크 처리했구요. 제가 설정한 크기대로 팝업이 잘 실행됬습니다. 

아래 소스 중 CSS는 파업파일 HTML단에 각 부분마다 묻어 있어요.

■ 소스

Main.jsp

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=400%, height=235%, resizable=no, scrollbars=no, status=no;";
		window.open(popUrl,"",popOption);
	}
}

스크립트 <script></script> 안에 복사 붙여넣기 합니다.

Popup.jsp

- html

  

    

  
  

    

	

      

		

		 

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

- script

 
	function setCookie(name, value, expiredays){
		var todayDate = new Date();
			todayDate.setDate (todayDate.getDate() + expiredays);
			document.cookie = name + "=" + escape(value) + "; path=/; expires=" + todayDate.toGMTString() + ";";
		}
 
		function closePop(){
			if (document.frm.pop.checked){
			setCookie("popname", "done", 1);
		}
		self.close();
	}