기술지원
[index.html (메인 파일에 넣을 소스)]
<head>~</head>사이에 넣는다.
<!-- 팝업창 띄우기 소스 s -->
<script language="javascript">
<!--
function setCookie( name, value, expiredays ){
var todayDate = new Date();
todayDate.setDate( todayDate.getDate() + expiredays );
document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}
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( "Notice" ) != "done" ){
noticeWindow = window.open('#','pop_Notice','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=가로사이즈,height=세로사이즈,top=0,left=0');
noticeWindow.opener = self;
}
// 주석: 팝업창 추가할 때 파란색으로 되어있는 글자 부분을 다르게 설정해주면 된다.
// 초록색으로 되어있는 부분은 팝업이 뜨는 창 이름을 설정하는 부분으로 이름을 다르게 설정해주면 각각 다른 창에서 팝업이 뜬다.
// 만약 같은 이름으로 설정할 경우 하나의 창에서 해당되는 두개의 파일이 동시에 뜨게된다. 각각 띄워주기 위해서 이름을 다르게 설정해줘야 함.
if ( getCookie( "Mas" ) != "done" ){
noticeWindow = window.open('경로/파일명','pop_Mas','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=가로사이즈,height=세로사이즈,top=0,left=0');
noticeWindow.opener = self;
}
// 팝업창을 여러개 무한정 추가할 때 if(get)부터 ~ self; }까지 복사해서 붙여넣기하고
// 위의 주석처리된 부분에 써져있는대로 해주기만 하면된다.
if ( getCookie( "Cont" ) != "done" ){
noticeWindow = window.open('경로/파일명,'pop_Cont','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=가로사이즈,height=세로사이즈,top=0,left=285');
noticeWindow.opener = self;
}
//-->
</script>
<!--// 팝업창 띄우기 소스 e -->
-----------------------------------------------------------------------------------------------------------------------------------------------
[팝업으로 띄울 파일 ex:) popup.html]
팝업 이미지가 있는 파일에 넣는다.
역시나<head>~</head>사이에 넣을 소스
<script language="JavaScript">
<!--
function setCookie( name, value, expiredays )
{
var todayDate = new Date();
todayDate.setDate( todayDate.getDate() + expiredays );
document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}
function closeWin()
{
if ( document.forms[0].Mas.checked )
setCookie( "Mas", "done" , 1);
self.close();
}
function Send()
{
opener.location.href = '연결시킬 주소(이미지에 Map이 걸려있을 때 연결시킬 주소를 여기에 입력한다.)';
self.close();
}
// -->
</script>
<body>~</body>사이에 있는 이미지 파일을 넣고 map을 걸때
아래와 같은 태그를 써준다.
<img src="경로/파일명" usemap="#pop">
<map name="pop" id="pop">
<area shape="circle" coords="140,302,62" href="javascript
</map>
<form><input type="checkbox" name="Mas" onclick="closeWin()"><span style="font-size:11px;">오늘 하루 페이지를 열지 않습니다.</span></form>
-----------------------------------------------------------------------------------------------------------------------------------------------
**
popup.html에서 파란색으로 된 글자는
index.html에 if ( getCookie( "Mas" ) != "done" ){ 이 부분에서설정해준 것으로
popup.html에서도 역시나 같은 이름으로 바꿔줘야한다.
그래야 '오늘하루이창을열지않음' 소스가 먹혀 들어가니 모두 수정해 줄 것
**
이 소스는
팝업창 띄우기 (다중 팝업창 띄우기) ,
오늘 하루 이창 열지 않음,
팝업창에서 map에 걸린 이미지를 누르면 부모창으로 이동하는
모든 소스가 포함된 소스이므로 유용하게 쓰일 수 있다.
