PHP 页面 - 将弹出窗口/悬停添加到调查邀请中

Question

我想向现有的 PHP 页面添加一个选项，邀请用户参与一项调查 - 我曾在我过去访问过的网站上看到过类似的邀请，但我从未亲自构建过这样的邀请。邀请将是一个悬停的弹出窗口，出现在当前页面的顶部，其中包含进入新窗口/页面的参与选项和简单隐藏邀请的拒绝选项。这项调查只会运行一周，因此我可以在 7 天后轻松删除代码，但它还需要检测用户之前是否访问过此页面，并且不会再次取消邀请。

我假设它将使用 cookie 来检测他们之前是否看过邀请，并使用带有 DIV 的 JavaScript 来显示邀请。我正在寻找任何示例/代码来展示如何在 PHP 页面中执行此操作，以便我可以在我的 PHP 页面上实现此操作。

非常感谢， 史蒂夫

Answer 1

最简单的方法是使用 JavaScript，我使用 jQuery 来执行 JavaScript。因此，您将创建一个 div，因为您希望调查看起来像这样：

<div id="idOfDiv">Style this and do what you normally would</div>

然后在 CSS 中放置：

#idOfDiv { display:none; }

最后对于 jQuery，您可以使用以下代码片段来显示它：

$("#idOfDiv").fadeIn();  
//You can add a time in the parenthesis of fadeIn in milliseconds
//to speed up or slow down the div loading

如果您想跟踪是否有人关闭它并让假设您有一个 ID 为 close 的关闭按钮，您可以使用 jQuery 来完成此操作。

 $('#close').click(function(){
    $.post('location/of_file/to_set/cookie.php',function(data){
        //If you want to have a confirmation message or something put this here,
        //for after the cookie gets set.
    });
    $('#idOfDiv').fadeOut();
});

在 cookie.php 中，只需：

<?php setcookie('noSurvey','true',time()+5000000,'/'); ?>

最后在您的页面上，您只需放置调查消息的 div：

<?php if(!$_COOKIE['noSurvey']){ /*put div here */ } ?>

这将允许您仅向拥有 cookie 的人显示消息，并且您可以设置 cookie，而无需离开页。此外，在调查页面上，一旦他们完成调查，您可能会想要设置相同的 cookie，这样他们就不会再这样做了。