본문 바로가기

js

레이어팝업 이미지 클릭으로 다시 보지 않기 버튼 js 스크립트

 

레이어팝업창 다시는 보지 않기

이미지 클릭으로 다시 보지 않기 버튼 js 스크립트

 

 <script type="text/javascript">

 var today = new Date();

 ds = today.getFullYear() + leadingZeros(today.getMonth()+1, 2) + leadingZeros(today.getDate(), 2);

 //레이어 팝업 닫기

 function closeLayer(IdName, type){

  var pop = document.getElementById(IdName);

  pop.style.display = "none";

 if(type == '1')

  notice_setcookie('scatchlayer', ds, 1);

 }

 function leadingZeros(n, digits) {

  var zero = '';

  n = n.toString();

  if (n.length < digits) {

   for (i = 0; i < digits - n.length; i++)

    zero += '0';

  }

  return zero + n;

 }

 function notice_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 displayLayer() {

  if(notice_getcookie('scatchlayer') != ds){

   document.getElementById('layerPop').style.display = "block";

  } else {

   document.getElementById('layerPop').style.display = "none";

  }

 }

</script>

 

 

-----------------------------------

 

 

 <!-- 레이어 팝업창 -->

 <div id="layerPop" class="main_layo_popup" style="display:none;">  

  <a href="#" onclick="closeLayer('layerPop', '0')" ><img src="img/popup/scatch_layo_popup_close.jpg" alt="닫기" class="close1_X"/> </a>

  <a href="#" onclick="closeLayer('layerPop', '1')" ><img src="img/popup/scatch_layo_popup_close2.jpg" alt="다시 보지 않기"  class="close2_window" /> </a>

 

  <img src="img/popup/scatch_layo_popup.jpg" alt="팝업창" usemap="#Map" />

   <map name="Map" id="Map"><area shape="rect" coords="531,379,722,461" href="http://www.shinhaninvest.com/sp/index_event.jsp" /></map>

 

'js' 카테고리의 다른 글

css3 라운드 처리 ie6~9 가능  (0) 2013.02.18
jquery 강의 블로그  (0) 2012.09.01
js 파일 용량 압축해주는 사이트  (0) 2012.07.05