Cookies 设置用于隐藏模式窗口和选择语言的cookie
我已经创建了一个模式窗口,在加载我的站点中的任何页面时显示。我正在使用此模式窗口进行语言选择。我希望用户能够通过单击“隐藏此窗口”按钮来隐藏(1个月)语言选择模式窗口 我使用模式窗口打开并加载外部文件中的内容,如下所示:Cookies 设置用于隐藏模式窗口和选择语言的cookie,cookies,modal-dialog,Cookies,Modal Dialog,我已经创建了一个模式窗口,在加载我的站点中的任何页面时显示。我正在使用此模式窗口进行语言选择。我希望用户能够通过单击“隐藏此窗口”按钮来隐藏(1个月)语言选择模式窗口 我使用模式窗口打开并加载外部文件中的内容,如下所示: jQuery(document).ready(function(){ //name, value, additional -- expire cookie in 30 days jQuery.colorbox({href:'/language.php', ifram
jQuery(document).ready(function(){
//name, value, additional -- expire cookie in 30 days
jQuery.colorbox({href:'/language.php', iframe:true, open:true, width:860, height:450})
});
这是带有语言选择菜单的外部文件:
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="" />
<style>
#lang-container {width: 100%}
.halfregion {display: block; float: left; width: 50%;}
.langblock {float: left; width: 40%; background: #ebebf1; margin: .5em; padding: 0.5em; height: 230px; text-align: center;}
</style>
</head>
<body>
<div id="lang-container">
<div class="halfregion">
<h2>Choose your region</h2>
<div class="langblock">
<p style="text-align: center"><img src="/sites/all/themes/podsystem/images/en-us.png" width=80 alt="US region" /></p>
<p>This site includes content and products for US, please select this region if you are in United States.</p>
<p><a href="/en-us">US English</a></p>
</div>
<div class="langblock">
<p style="text-align: center"><img src="/sites/all/themes/podsystem/images/en.png" width=80 alt="International English region" /></p>
<p>Select this region if you are outside US.</p>
<p><a href="/">English</a></p>
</div>
<p><a class="hidthis" href="#">Click here to stop showing this message</a></p>
</div>
<div class="halfregion">
<h2>Elige tu región</h2>
<div class="langblock">
<p style="text-align: center"><img src="/sites/all/themes/podsystem/images/es.png" width=80 alt="US region" /></p>
<p>Selecciona esta region si hablas español.</p>
<p><a href="/es">Español</a></p>
</div>
<div class="langblock">
<p>We are working to improve your experience using our sites. Would you like to see other languages? Drop us a comment.</p>
<p><a href="/contact-us/contact-form">Contact us</a></p>
</div>
<p><a class="hidthis" href="#">Pincha aquí para dejar de mostrar este mensaje.</a></p>
</div>
</div>
</body>
</html>
#lang容器{宽度:100%}
.half区域{显示:块;浮动:左;宽度:50%;}
.langblock{float:左;宽度:40%;背景:#ebf1;边距:.5em;填充:0.5em;高度:230px;文本对齐:中心;}
选择你的地区
本网站为我们提供内容和产品,如果您在美国,请选择该地区
如果您不在美国,请选择此区域
Elige tu regió;N
哈布拉斯情报局和恩蒂尔德情报局;ol
我们正在努力提高您使用我们网站的体验。你想看其他语言吗?给我们留言
我现在真的被卡住了,当用户点击带有.hidthis类的链接时,我该如何关闭模式窗口
提前感谢。的文档建议您可以将$.colorbox.close()
附加到“启动关闭序列”的链接
如果您不再使用插件的功能,
$.colorbox.remove()
也可用于禁用该功能,但前提是您在页面生命周期内不再需要该功能。我已解决此问题,谢谢。var setCookieTime=function(){var d=new Date();d.setTime(d.getTime()+(30*24*60*60*1000));var expires=“expires=”+d.toutString();console.log(expires);document.cookie=“regionSel=true;”+expires;parent.jQuery.fn.colorbox.close();}我在模板中也使用这个参数:var name=“regionSel=”;var ca=document.cookie.split(“;”);var regionSel;对于(var i=0;i