为时事通讯模式弹出添加cookie

Question

我是asp.net的初学者，我想为我的网站制作一份时事通讯

弹出窗口已经成功制作，它显示在网站的右下角。现在我想添加一个cookie，所以当访问者点击"注册"按钮或关闭按钮时，弹出窗口(永远不会(再次显示。

但我被卡住了，不知道如何开始添加饼干。。。

这是我的代码：

<!-- Popup newsletter start -->
<div class="dialog" title="Save time, save money!">
<form>
<p>Sign up and we'll send you the best deals</p>
<input type="email" id="email" name="email" value ="Enter your e-mail address here">
<input type="submit" value="Sign up">
</form>
</div>
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery(".dialog").dialog({
bgiframe: true, autoOpen: true, height: '150', width: '350', modal: false, 
position: {
my: "right bottom",
at: "right bottom",
},
create: function (event) {
$(event.target).parent().css({ 'position': 'fixed'});
}
});
});
</script>

<!-- Popup newsletter end -->

图片通讯弹出

Answer 1

jQuery(document).ready(function () {
if(getCookie('popup_shown') == null) {
jQuery(".dialog").dialog({
bgiframe: true, autoOpen: true, height: '150', width: '350', modal: false, 
position: {
my: "right bottom",
at: "right bottom",
},
create: function (event) {
$(event.target).parent().css({ 'position': 'fixed'});
}
});
}
});
jQuery('.close-button').on('click', setPopup_shown );
jQuery('form').on('submit', setPopup_shown);
function setPopup_shown() {
setCookie('popup_shown', 'true');
}
function setCookie(name,value,days) {
var expires = "";
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days*24*60*60*1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + (value || "")  + expires + "; path=/";
}
function getCookie(name) {
var nameEQ = name + "=";
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,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}