设置Cookie的消息框

时间:2012-06-07 21:22:01

标签: cookies

您好,我需要一些帮助来设置一个消息框,告诉观众我的网站使用cookies,这是由于新的欧盟法律要求他们允许保存cookie。 我之前从未手动设置过cookie,而且我很难找到我想要/需要的东西。

基本上,当观众第一次看到网站时,顶部有一个框,说明网站使用cookies,他们可以查看cookie的作用,接受或不接受。

我已经准备好了我现在需要的方法是一个脚本,如果观众点击是并接受,那么cookie将永远记住,除非他们从浏览器中删除cookie,还有一个脚本,如果他们点击否它会记住那个并且不会显示该会话的其余部分。

我希望这是有道理的。

2 个答案:

答案 0 :(得分:0)

试试这个:

javascript.alert("By continuing to browse our site, you accept to our use of cookies.")

答案 1 :(得分:0)

下面是这样做的一种方法。


1)创建一个JavaScript方法,检查是否启用了Cookie 以及用户是否已接受

var cookieLaw = {
 setCookies : function (showCookieMsg) {
  if(navigator.cookieEnabled == true) {
   if(document.cookie.indexOf('cookie-permission') == -1) {
    showCookieMsg();
   }
  }
 },

2)如果cookie已启用但未被接受将显示一条消息

 showMessage : function () {
  $('body').append('<div id="cookie-message">[your_cookie_message]<a id="continue-link" href="#">X Don't show this message again.</a></div>');
  $('#cookie-message').fadeIn();
  $('#continue-link').click(function() {
   $('#cookie-message').fadeOut();
   document.cookie = "cookie-permission=accepted; expires=Thu, 31 Jan 2030 23:59:59 UTC; path=/";
  });
 }
};

3)在页面准备就绪时执行代码

jQuery(document).ready(function() {
 cookieLaw.setCookies(cookieLaw.showMessage);
};

4)通过添加以下内容使消息不可见

#cookie-message {display:none;}

到您的CSS文件和其他一些格式(如果需要)。


请注意,此方法针对启用了JavaScript的浏览器。对于非JS浏览器,需要添加一些服务器端代码。