2014-09-11 4 views
0

Я пытаюсь создать всплывающее окно на веб-странице только один раз, используя Javascript.Код Javascript для создания cookie

Нагрузка на страницу, я создаю файл cookie. Тогда у меня есть оператор if - если cookie уже был сделан, я не хочу отображать всплывающее окно, поэтому я угасаю его. (? Есть ли лучший способ просто сделать это не появляться вообще)

I have created a codebox here.

JS здесь, обе области его пристреливать простые дивы:

$(document).ready(function(){ 
    var visited = $.cookie('visited'); // create the cookie 
    if (visited == 'yes') { 
     $("#popup").fadeOut(); 
     $("#popup").fadeOut(); 
    } 
    else 
    { 
    $("#hover").click(function(){ 
      $(this).fadeOut(); 
     $("#popup").fadeOut(); 
     }); 
    $("#close").click(function(){ 
      $("#hover").fadeOut(); 
     $("#popup").fadeOut(); 
    }); 
    $.cookie('visited', 'yes', { 
     expires: 7 // the number of days the cookie will be effective 
    });      
    } 
    }); 

К сожалению, ни один из Javascripts похоже, запускается - всплывающее окно больше не будет закрывать или распознавать клики и отображать каждый раз, когда пользователь переходит на страницу.

Что я здесь сделал неправильно и как его исправить?

+0

Я предлагаю вам fadeIn() отсутствовать cookie, а не fadeOut на существующий файл cookie. ваш код кажется прекрасным, за исключением двух '$ (« # popup »). FadeOut();' lines - один из них, вероятно, будет #hover, но нам нужно увидеть html-часть для лучшего ответа –

ответ

1

Я использовал код ниже, чтобы отобразить веб-страницу только один раз и попросить посетителя представить свои данные. Если данные будут отправлены один раз, со следующего переадресации страницы на другую страницу.

<script> 

     go_to = "kwd.php"; 

     num_days = 180; 
     function ged(noDays){ 
      var today = new Date(); 
      var expr = new Date(today.getTime() + noDays*24*60*60*1000); 
      return expr.toGMTString(); 
     } 

     function readCookie(cookieName){ 
      var start = document.cookie.indexOf(cookieName); 
      if (start != -1){ 
      window.location = go_to; 
      } 
     } 

     function createcookie() { 
      document.cookie = "seenit=yes; expires=" + ged(num_days); 
     } 

     readCookie("seenit"); 
</script> 
Смежные вопросы