Страница PHP - Добавить всплывающее окно / наведите курсор на приглашение на опрос

Question

Я хотел бы добавить опцию к существующей странице PHP, которая приглашает пользователей принять участие в опросе - я видел похожие приглашения на сайтах, которые я посещал в прошлом, но мне никогда не приходилось создавать их самостоятельно.Приглашение будет всплывающим всплывающим окном, отображаемым в верхней части текущей страницы, с возможностью участвовать, которое открывается в новом окне / странице, и с возможностью отклонить, при котором приглашение просто скрывается.Этот опрос будет проводиться только в течение одной недели, поэтому я могу легко удалить код через 7 дней, но он также должен определить, посещал ли пользователь эту страницу ранее и не отменить приглашение снова.

Я предполагаю, что он будет использоватькуки, чтобы определить, видели ли они приглашение ранее, и JavaScript с DIV для отображения приглашения.Я ищу любые примеры / код, который показывает, как это сделать на странице 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

Если вы хотите отслеживать, закрывает ли кто-то его и, скажем, у вас есть кнопка закрытия с идентификатором закрытия, вы можете сделать это с помощью 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, чтобы они не делали его снова.

Надеюсь, это поможет,

Джефф

Редактировать также вы захотите поработать над уровнем принятия, если хотите, чтобы больше людей ответили.Коэффициент принятия пропорционален количеству полученных вами ответов:)