单击以隐藏会话的div

时间:2012-05-23 15:57:06

标签: javascript css

我在我的页面上放了一个小盒子,当有人来时我想要出现,但是当他们点击“关闭”时,它会在会话中消失。现在我有......

<script language="JavaScript">
function setVisibility(id, visibility) {
document.getElementById(id).style.display = visibility;
}
</script>

然后只需用...关闭div

onclick="setVisibility('divname', 'none');

但这是每页。我可以添加或更改设置它,一旦他们点击关闭,它们会在他们清除与网站的会话之后才会回来?

由于

编辑:我正在使用php。感谢您的答案到目前为止,有人能指出我添加Cookie的方向吗?

2 个答案:

答案 0 :(得分:4)

使用此功能创建cookie。每当用户隐藏div时调用它。

function setCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}

然后在每个页面上添加:

function checkCookie()
{
var username=getCookie("username");
  if (username!=null && username!="")
  {
  alert("Welcome again " + username);
  }
else
  {
  username=prompt("Please enter your name:","");
  if (username!=null && username!="")
    {
    setCookie("username",username,365);
    }
  }
}

并检查他们是否已关闭div。这些都是直接的摘录。您必须进行修改以满足您的要求。这只是可以使用的流程。

答案 1 :(得分:1)

您可以在点击关闭时在Javascript中设置会话cookie,并始终检查cookie的存在(或值)。

(在这种情况下不需要服务器端)