【发布时间】:2013-12-03 03:05:00
【问题描述】:
我有一个用 javascript 制作的模式弹出窗口,您可以在其中选择网站的语言,英语或法语。当您单击英语时,它会加载一个英语 HTML 页面,而法语它只会删除模式弹出窗口。如何创建一个 cookie 来记住用户的选择,以便在 cookie 过期之前隐藏模式?我遇到了 jQuery-cookie,但我不知道如何将它与我在 Javascript 中创建的 onclick 函数结合起来。有什么建议吗?
Javascript
function langMessage() {
this.messageBox = null;
this.popOut = function(messageText, en_lang, fr_lang) {
var english = document.createElement("div");
english.className = "english";
english.innerHTML = en_lang;
this.messageBox.appendChild(english);
english.onclick = function() {
window.location.href = "test-en.html";
}
var french = document.createElement("div");
french.className = "french";
french.innerHTML = fr_lang;
this.messageBox.appendChild(french);
french.onclick = function() {
this.parentNode.Code.remove();
}
}
HTML
<div class="modal">
<script type="text/javascript">
var message = new langMessage();
message.popOut("Please choose your preferred language", "English", "French");
</script>
</div>
【问题讨论】:
标签: javascript jquery cookies modal-dialog