홈페이지

기술지원

관리자 2020-07-06 09:57:59
0 159

[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:Send();" onFocus="blur();" alt="풍선말 넣기(마우스 갖다댔을때 뜨는 글자)" />
</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에 걸린 이미지를 누르면 부모창으로 이동하는

모든 소스가 포함된 소스이므로 유용하게 쓰일 수 있다.

프린트앰
profile
사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )
겁쟁이사자들 1기
서버에 요청 중입니다. 잠시만 기다려 주십시오...