본문 바로가기

StoreHouse/Html

Script 쿠키를 이용한 팝업창

[CODE] 위의 소스는 팝업창을 여는 소스입니다. 이전에 팝업창을 열었다가 닫을 때 하루동안 열리지 않기를 선택한 쿠키가 클라이언트 피씨에 있는지 없는지를 파악하여 쿠키가 있으면 팝업창을 열기 않고 쿠키가 없으면 팝업창을 엽니다. 여기서 바꿔주셔야 할 것은 반전된 곳중에서 노란색으로 표시한 부분들입니다. 각부분들에 대한 설명을 하겠습니다. 'Notice_s_south'은 쿠키이름입니다. 요거를 원하시는 쿠키이름으로 바꿔주시고.. 'popup_0219.htm'은 공지창 파일명입니다.경로와 같이 넣어주시고, 's_s'은 팝업창의 이름(window 이름)입니다. 요것두 다른 공지창들과 겹치지 않게 다른것으로 바꿔주시고.. ‘width=660,height=500’에서 가로세로 크기만 맞춰주시면 되겠습니다. 노란색글씨들을 원하시는 것으로 바꾸신후 게시판리스트 페이지의 상단에 소스를 붙여주시면 되겠습니다. 그리고 아래는 팝업창 소스입니다. 팝업창 또한 하나의 html 파일입니다. 아래와 같은 소스가 들어간 페이지를 작성하신후 html파일 업로드가 가능한 노사모게시판이 있습니다. 주로 회원코너의 사진이미지자료실을 이용합니다. 거기에 작성하신 html파일을 업로드하신후 경로 및 파일명을 확인하시고 위의 popup_0219.htm이라고 되어 있는 공지창 경로 및 파일명을 수정하시면 되겠습니다. 그럼 아래에는 팝업창에 들어갈 소스를 설명드리겠습니다. 위의 소스는 팝업창 아래에 있는 하루동안 보이지 않기를 체크하고 확인버튼을 눌렀을 경우 클라이언트측에 쿠키를 저장하는 것입니다. 여기서 바꿔주셔야 할 것은 노란색으로 표시한 Notice_s_south입니다. 그것을 팝업창을 띄울 때 체크해주었던 쿠키값과 같은것으로 바꿔주시면 되겠습니다. 그리고 아래 소스는 하루동안 보이지않기버튼을 나타내는 것입니다. 그대로 가져다 붙이시면 되겠습니다.
오늘하루동안 팝업창 보이지않음
[/CODE]