ํ‹ฐ์Šคํ† ๋ฆฌ ๋ทฐ

์›น ์ฝ”๋”ฉ/htmlL&css

๊ฐ„๋‹จํ•œ ๋ ˆ์ด์–ดํŒ์—… ์†Œ์Šค [์›€์ง์ž„X]

nopinokio 2015. 3. 4. 14:18

๋ ˆ์ด์–ด ํŒ์—… ์†Œ์Šค


layer_popup.zip




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  <html xmlns="http://www.w3.org/1999/xhtml">

  <head>

  <meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />

  <title>๋ ˆ์ด์–ด ํŒ์—…</title>

  <script language="JavaScript"> 

  <!-- Layer_pop //--> 

  function setCookie( name, value, expiredays ) { 

  var todayDate = new Date(); 

  todayDate.setDate( todayDate.getDate() + expiredays ); 

  document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";" 

  } 

  //Layer_pop_1

  function closeWin() { 

  if ( document.notice_form.chkbox.checked ){ 

  setCookie( "maindiv", "done" , 1 ); 

  } 

  document.all['divpop'].style.visibility = "hidden"; 

  }
//Layer_pop_2

  function closeWin2() { 

  if ( document.notice_form2.chkbox.checked ){ 

  setCookie( "maindiv2", "done" , 1 ); 

  } 

  document.all['divpop2'].style.visibility = "hidden"; 

  } 

  <!-- Layer_pop //--> 

  </script> 

  </head>
<body>

  <style>

  .pop_style01{

  list-style: none;

  font-family: NanumGothic, ๋‚˜๋ˆ”๊ณ ๋”•, "Malgun Gothic", "๋ง‘์€ ๊ณ ๋”•", Tahoma, Geneva, sans-serif;

  font-size: 12px;

  color: #444444;

  word-wrap: break-word;

  }

  .pop_style01 .bottom_text01{

  text-align:right;

  padding:2px 3px 3px 3px;
}

  .pop_style01 .bottom_text01 a {

  color:#FFFFFF;

  text-decoration:underline;
}

  </style>

  <!-- Layer_pop_1 --> 

  <div id="divpop" class="pop_style01" style="position:absolute;left:10px; top:5px;z-index:200;visibility:hidden;"> 

  <table width="350" height="430" cellpadding="0" cellspacing="0"> 

  <tr> 

  <td style="border:1px #666666 solid;" height="411" align="center" bgcolor="white"> 

  <img src="pop_copy.jpg" />

  </td> 

  </tr> 
<tr> 

    

  <td align="right" bgcolor="black" class="bottom_text01"> 

  <form name="notice_form"> 

  <input type="checkbox" name="chkbox" value="checkbox"> <font color="#FFFFFF">์˜ค๋Š˜ ํ•˜๋ฃจ ์ด ์ฐฝ์„ ์—ด์ง€ ์•Š์Œ</font>

  <a href="javascript:closeWin();"><B>[๋‹ซ๊ธฐ]</B></a> 

  </form> 

  </td> 

  </tr> 

  

  </table> 

  </div> 

  <!-- Layer_pop_1 --> 


<!-- Layer_pop_2 --> 

  <div id="divpop2" class="pop_style01"  style="position:absolute;left:400px; top:5px; z-index:200; visibility:hidden;"> 

  <table width="450" height="309" cellpadding="0" cellspacing="0"> 

  <tr> 

  <td style="border:1px #666666 solid" height="289" align="center" bgcolor="white"> 

  <img src="pop0701_2.jpg" border="0" usemap="#Map_pop2" />

  <map name="Map_pop2" id="Map_pop2">

  <area shape="rect" coords="266,241,435,281" href="/missus/missus01.php" target="_blank" />

  </map>

  </td> 

  </tr>

  

  <tr> 

  

  <td align="right" bgcolor="black" class="bottom_text01"> 

  <form name="notice_form2"> 

  <input type="checkbox" name="chkbox" value="checkbox"> <font color="#FFFFFF">์˜ค๋Š˜ ํ•˜๋ฃจ ์ด ์ฐฝ์„ ์—ด์ง€ ์•Š์Œ</font>

  <a href="javascript:closeWin2();"><B>[๋‹ซ๊ธฐ]</B></a> 

  </form> 

  </td> 

  </tr> 

  

  </table> 

  </div> 

  <!-- Layer_pop_2 --> 
 
 
<script language="Javascript"> 

  cookiedata = document.cookie; 

  //Layer_pop_1

  if ( cookiedata.indexOf("maindiv=done") < 0 ){ 

  document.all['divpop'].style.visibility = "visible"; 

  } 

  else { 

  document.all['divpop'].style.visibility = "hidden"; 

  }

  //Layer_pop_2

  if ( cookiedata.indexOf("maindiv2=done") < 0 ){ 

  document.all['divpop2'].style.visibility = "visible"; 

  } 

  else { 

  document.all['divpop2'].style.visibility = "hidden"; 

  } 

  </script>
</body>

  </html>
์ €์ž‘์žํ‘œ์‹œ ๋น„์˜๋ฆฌ ๋™์ผ์กฐ๊ฑด

'์›น ์ฝ”๋”ฉ > htmlL&css' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

๋””๋ฐ”์ด์Šค๋ณ„ ๋ฏธ๋””์–ด์ฟผ๋ฆฌ(media queries) ์ •์˜ ์ •๋ฆฌ  (0) 2015.03.14
[CSS + jq] input file css ์Šคํƒ€์ผ ์กฐ์ •  (0) 2015.03.08
์‚ฌ์ด์ฆˆ์— ๋”ฐ๋ฅธ ๋ฐ˜์‘ํ˜• ์Šคํƒ€์ผ๋ง  (0) 2015.03.04
CSS : ๋ฐ˜์‘ํ˜• ์›น(Responsive Web)  (0) 2015.03.04
[๊ธ€๊ผด] ์—…๋กœ๋“œ ์•ˆํ•˜๊ณ  ๋‚˜๋ˆ”๊ณ ๋”• ๋‚˜๋ˆ”๊ณ ๋”• ์›นํฐํŠธ ์ ์šฉํ•˜๊ธฐ  (0) 2014.08.11
๊ณต์œ ํ•˜๊ธฐ ๋งํฌ
๋Œ“๊ธ€
๊ณต์ง€์‚ฌํ•ญ
์ตœ๊ทผ์— ์˜ฌ๋ผ์˜จ ๊ธ€
์ตœ๊ทผ์— ๋‹ฌ๋ฆฐ ๋Œ“๊ธ€
Total
Today
Yesterday
๋งํฌ
TAG more
ยซ   2024/05   ยป
์ผ ์›” ํ™” ์ˆ˜ ๋ชฉ ๊ธˆ ํ† 
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
๊ธ€ ๋ณด๊ด€ํ•จ