在关闭按钮单击时永久关闭灯箱

时间:2012-08-29 18:20:38

标签: javascript jquery asp.net

我在我的asp.net页面上使用了一个jquery插件(lightbox)(http://www.ericmmartin.com/projects/simplemodal/#demo)。此灯箱使用此框中的Iframe加载页面。这个灯箱有一个关闭弹出窗口的图像。

我希望当用户点击此图片并再次加载页面时,不会显示此弹出窗口。现在每次用户点击F5时都会出现弹出窗口。我想我需要在JS / Jquery中使用cookie,但不完全确定。

1 个答案:

答案 0 :(得分:1)

function setCookie(c_name, value, exdays) {
    var exdate = new Date();
    exdate.setDate(exdate.getDate() + exdays);
    var c_value = escape(value) + ((exdays == null) ? "" : "; expires=" + exdate.toUTCString());
    document.cookie = c_name + "=" + c_value;

}

window.onload = function(){
    if(document.cookie.indexOf("popupopened")>-1){
        if(document.getElementById("your_popup_div")!=null){

                document.getElementById("your_popup_div").parentNode.removeChild(document.getElementById("your_popup_div"));

        return;
    }       
} else { 
    setCookie("popupopened", "Shouldn't open again", 10);
    }
}