title: Making my javaScript popup to appear only once
body: <p>I am creating a JavaScript popup. The code is as below.</p>
  
  <p><strong>The HTML:</strong></p>
  
  <pre><code>    &lt;div id="ac-wrapper" style='display:none' onClick="hideNow(event)"&gt;
      &lt;div id="popup"&gt;
          &lt;center&gt;
               &lt;h2&gt;Popup Content Here&lt;/h2&gt; 
              &lt;input type="submit" name="submit" value="Submit" onClick="PopUp('hide')" /&gt;
          &lt;/center&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>The CSS:</strong></p>
  
  <pre><code>    #ac-wrapper {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url("images/pop-bg.png") repeat top left transparent;
      z-index: 1001;
  }
  #popup {
      background: none repeat scroll 0 0 #FFFFFF;
      border-radius: 18px;
      -moz-border-radius: 18px;
      -webkit-border-radius: 18px;
      height: 361px;
      margin: 5% auto;
      position: relative;
      width: 597px;
  }
  </code></pre>
  
  <p><strong>The Script:</strong>   </p>
  
  <pre><code>function PopUp(hideOrshow) {
      if (hideOrshow == 'hide') document.getElementById('ac-wrapper').style.display = "none";
      else document.getElementById('ac-wrapper').removeAttribute('style');
  }
  window.onload = function () {
      setTimeout(function () {
          PopUp('show');
      }, 0);
  }
  
  function hideNow(e) {
      if (e.target.id == 'ac-wrapper') document.getElementById('ac-wrapper').style.display = 'none';
  }
  </code></pre>
  
  <p><strong>The jsFiddle Link:</strong></p>
  
  <p><a href="http://jsfiddle.net/K9qL4/2/" rel="nofollow">http://jsfiddle.net/K9qL4/2/</a></p>
  
  <p><strong>The Issue:</strong></p>
  
  <p>The above script works fine, but I need to make the popUp to appear only once on my page.
  i.e, when the user closes the popup, it should not appear until the user restarts the browser or clears his cache/cookie.</p>
  
  <p>I tried using the below cookie script, but it does not work for me.</p>
  
  <pre><code>&lt;SCRIPT LANGUAGE="JavaScript"&gt;
  
  
  
  &lt;!-- Begin
  var expDays = 1; // number of days the cookie should last
  
  var page = "myPage.html";
  var windowprops = "width=300,height=200,location=no,toolbar=no,menubar=no,scrollbars=no,resizable=yes";
  
  function GetCookie (name) {
  var arg = name + "=";
  var alen = arg.length;
  var clen = document.cookie.length;
  var i = 0;
  while (i &lt; clen) {
  var j = i + alen;
  if (document.cookie.substring(i, j) == arg)
  return getCookieVal (j);
  i = document.cookie.indexOf(" ", i) + 1;
  if (i == 0) break;
  }
  return null;
  }
  function SetCookie (name, value) {
  var argv = SetCookie.arguments;
  var argc = SetCookie.arguments.length;
  var expires = (argc &gt; 2) ? argv[2] : null;
  var path = (argc &gt; 3) ? argv[3] : null;
  var domain = (argc &gt; 4) ? argv[4] : null;
  var secure = (argc &gt; 5) ? argv[5] : false;
  document.cookie = name + "=" + escape (value) +
  ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
  ((path == null) ? "" : ("; path=" + path)) +
  ((domain == null) ? "" : ("; domain=" + domain)) +
  ((secure == true) ? "; secure" : "");
  }
  function DeleteCookie (name) {
  var exp = new Date();
  exp.setTime (exp.getTime() - 1);
  var cval = GetCookie (name);
  document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
  }
  var exp = new Date();
  exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
  function amt(){
  var count = GetCookie('count')
  if(count == null) {
  SetCookie('count','1')
  return 1
  }
  else {
  var newcount = parseInt(count) + 1;
  DeleteCookie('count')
  SetCookie('count',newcount,exp)
  return count
     }
  }
  function getCookieVal(offset) {
  var endstr = document.cookie.indexOf (";", offset);
  if (endstr == -1)
  endstr = document.cookie.length;
  return unescape(document.cookie.substring(offset, endstr));
  }
  
  function checkCount() {
  var count = GetCookie('count');
  if (count == null) {
  count=1;
  SetCookie('count', count, exp);
  
  window.open(page, "", windowprops);
  
  }
  else {
  count++;
  SetCookie('count', count, exp);
     }
  }
  //  End --&gt;
  &lt;/script&gt;
  </code></pre>