带有覆盖弹出窗口的 html 控制站点答案

【问题标题】：html control site with overlay popup带有覆盖弹出窗口的 html 控制站点
【发布时间】：2020-11-24 18:58:09
【问题描述】：

远射，但我希望有人能够提供帮助或建议。我们有一个基本的 html 网站，我们正在尝试添加一个带有接受 cookie 的覆盖弹出窗口。

一般的想法是让人们在能够浏览网站之前接受 cookie。我相信 cookie 应该会记住此人之前是否访问过该网站。

有没有人举例说明这应该是什么样子？某种代码 sn-p？

我真的很感激一些建议，即使实际上只是为了让基本想法发挥作用。

【问题讨论】：

标签： html cookies popup

【解决方案1】：

这是脚本

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class='popup'>
    <div class='cnt223'>
        <!--<div class="popupCloseButton">&times;</div>-->
        <h1 style="font-size: 18px;">Mholweni, Hello, Goeie dag!</h1>
        <p style="font-size: 14px;">We respect your rights. Please read our Usage Agreement <a href="https://www.saonline.africa/use.html" target="_blank" style="color: #1b305c !important; font-weight: 300;"><u>HERE</u></a>.</p>
        <div class="popupAcceptButton"><font style="font-size: 15px;">I ACCEPT AND WANT TO PROCEED</font></div>
    </div>
</div>

我真正想要的是，当我按下“我接受并希望继续”时，需要创建一个 cookie。目前，如果网站刷新，此弹出窗口会不断出现。

我确实尝试过，但是无法获取单击按钮时生成的 cookie。

$(document).ready(function(){
  if(getCookie("HideDiv") != "true")
  {
    $(".popupAcceptButton").css('display','yes');
  }

});

function SetCookieAndHideDiv(){
 setCookie('HideDiv','true',1);
 $(".popupAcceptButton").css('display','yes');
}

function getCookie(cname) {
     var name = cname + "=";
     var ca = document.cookie.split(';');
     for(var i=0; i<ca.length; i++) {
         var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1);
         if (c.indexOf(name) == 0) return c.substring(name.length,c.length);
     }
     return "";
 } 

function setCookie(cname, cvalue, exdays) {
     var d = new Date();
    d.setTime(d.getTime() + (exdays*24*60*60*1000));
    var expires = "expires="+d.toUTCString();
    document.cookie = cname + "=" + cvalue + "; " + expires;
}

希望这会有所帮助。

【讨论】：

【解决方案2】：

如果我理解正确：

要创建弹出窗口，您必须添加 javascript 代码；特别是您必须添加一个alert，告知用户是否是第一次登录该网站。

一个例子：

alert("It is the first time that you log in the site");

要注册用户的登录名，您可以使用数据库或文件来保存已登录的用户 ID 或用户名。

【讨论】：

嗯也许是这样的例子cookiescan.com/…
访问该网站的用户必须点击接受才能继续访问该网站。
只是一些更基本的东西，比如接受按钮
CookieScan 是一个插件。显然你可以使用它。我以为你想让这个插件自己工作。