如何使用过期会话弹出窗口

时间:2015-12-17 09:47:50

标签: javascript session

我有一个图片弹出窗口出现在我浏览的每个页面上。

我需要知道如果我点击“关闭”它会如何消失,它不会再次显示该会话。

  <body onclick="document.getElementById('anuntImportant').style.display='none'">
      <div id="anuntImportant" style="position: absolute; top:30%;left:40%; display:block;overflow:visible; z-index:1000">
          <img src="image/data/program-sarbatori.jpg">
      </div>
  </body>

1 个答案:

答案 0 :(得分:1)

您可以使用sessionStorage:

function hide() {
  document.getElementById('anuntImportant').style.display='none';
  if (window.sessionStorage) {
    sessionStorage.setItem('hideAnuntImportant', true);
  }
}
window.onload = function() {
  if (window.sessionStorage) {
    if (JSON.parse(sessionStorage.getItem('hideAnuntImportant'))) {
       document.getElementById('anuntImportant').style.display='none';
    }
  }
}

<body onclick="hide()">

或使用php会话,你需要在点击时调用ajax请求,并在php调用start_session并将$_SESSION['anuntImportant']设置为true,当你渲染元素时,你设置style="display: none" < / p>

<强> ajax.php

<?php
start_session();
$_SESSION['anuntImportant'] = true;
?>

<强> yourpage.php

<?php 
start_session();
?>
  <body onclick="document.getElementById('anuntImportant').style.display='none'">
      <div id="anuntImportant" style="position: absolute; top:30%;left:40%; display:<?= $_SESSION['anuntImportant'] ? 'none' : 'block' ?>;overflow:visible; z-index:1000">
          <img src="image/data/program-sarbatori.jpg">
      </div>
  </body>