IT_Programming/JavaScript

팝업창 띄우기 / 다음부터 이창을 띄우지 않음

JJun ™ 2007. 2. 13. 12:05

팝업창에 이미지를 클릭하여 가고싶은 url이 있다면(예:naver.com)


<script>

function Go()

{

  opener.parent.location='http://naver.com';

  window.close();

}

</script>

<a href="#" onClick='Go();'><img src="상품이미지주소"></a>

 

이와같이 추가하시구요..

'다음부터 이창을 띄우지 않음'페이지는요..


부모창에 <head></head>사이에


<script language="JavaScript">

<!--

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 "";

}


function openCookieWin()

{

  if (getCookie("ncook") != "done")

  {

      noticeWindow = window.open("popup.html","","width=500, height= 300,top=200,left=100");

      noticeWindow.opener = self;

  }

}

//-->

</script>

 


popup.html 은 체크박스가 있는 새 창문서의 경로 및 이름 500 은 새 창의 폭

300 은 새 창의 높이 200, 100 은 새 창이 뜨는 위치

( 화면의 위에서 200, 왼쪽에서 100 픽셀만큼 떨어진 곳에 새 창이 뜨겠죠 )

 

그리고 부모창 <body>안에

<body onLoad="openCookieWin()">

이와 같이 넣습니다.

 

팝업창에는요..

<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.checkClose.ncook.checked == true)

   {

        setCookie("ncook", "done" ,7);

   }

   self.close();

}

//-->

</script>

 

이와같은 소스를 넣으시구요..

 

<body></body>사이에

 

<form name="checkClose">

  <input type="checkbox" name="ncook">다음부터 이 창 띄우지 않음

  <a href="#" onClick="closeWin()">닫기</a>

</form>

 

이와같은 체크박스를 넣어주시면 됩니다.

 

닫기표시는 글씨대신 그림이나 버튼을 아래처럼 사용해도 되겠죠.


그림은 이런 식으로

<a href="#" onClick="closeWin()"><img src="close.gif" border="0"></a>


버튼은 이런 식으로

<input type="button" value="닫기" onClick="closeWin()">
 

                                                             내용출처 : 직접작성, 신의키스(http://kissofgod.net)