2012-02-21 74 views
0

當用戶第一次訪問我的主頁時,彈出一條消息。我試圖說明,如果您在過去15天內訪問過該網頁,則不會彈出此消息。我正在考慮使用jquery.cookie插件來實現,但不知道如何使用它。任何幫助將不勝感激。彈出消息的Jquery cookie插件

我使用的顏色框插件我的彈出消息,這裏是代碼:

$(function() { 
    $(window).bind('load', 
    function (e) { 
     window.setTimeout(function() { 
      $.colorbox({ opacity: 0.3, href: "popupQualify.aspx" }); 
     }, /*timeout->*/2000); 
    }); 
}); 

回答

1

檢查該cookie,如果顯示在彈出它不存在。然後將該cookie設置爲15天到期。

$(function() { 
    if($.cookie('nopopup') === null) 
    { 
     window.setTimeout(function() { 
      $.colorbox({opacity: 0.3, href: 'popupQualify.aspx'}); 
     }, 2000); 
    } 

    $.cookie('nopopup', 'true', {expires: 15}); 
}); 
0

您可以使用此功能:

function getCookie(c_name){ 
      var i,x,y,ARRcookies=document.cookie.split(';'); 
      for (i=0;i<ARRcookies.length;i++) 
       { 
       x=ARRcookies[i].substr(0,ARRcookies[i].indexOf('=')); 
       y=ARRcookies[i].substr(ARRcookies[i].indexOf('=')+1); 
       x=x.replace(/^\s+|\s+$/g,''); 
       if (x==c_name) 
       { 
       return unescape(y); 
       } 
       } 
     }; 
     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; 
     }; 
+0

這並不回答這個問題,它只是提供了第二種設置/獲取cookie的方法。 – JAAulde 2012-02-21 15:39:28

+0

謝謝Majid,但我想弄清楚的是,如何設置jquery.cookie來激活彈出消息,只有當你是一個新的訪問者,或者如果你在15天或更多時間返回到我的網站 – 2012-02-21 15:51:20

+0

exdays:expires日期,設置爲15天! – 2012-02-22 09:03:32