Как решить проблему с кукой?

Question

[Антон Дьяков]

Здравствуйте, есть код

<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="modal-1maya alert alert-info">
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta, totam, nihil, minima, recusandae sapiente saepe provident ullam itaque nemo beatae minus ratione asperiores aliquid vitae debitis sint laudantium explicabo cum modi dolorem temporibus obcaecati incidunt atque porro expedita tempora harum unde nam aliquam velit iste sequi et ut quo fuga.</p>
  <input type="button" class="close-1maya" value="x">
  <script>$(function(){
  if ( Cookies.get('view_container')!=null ) {
    $('.modal-1maya').css('display', 'none'); // если кука есть, то окошко скрываем
  }
  $('.close-1maya').click(function() {
    $('.modal-1maya').css('display', 'none');
    Cookies.set('view_container', 'true');
  });  
});</script>
</div></div></div></div>

Не работает кнопка закрытия, пишет проблема с кукой "Uncaught ReferenceError: Cookies is not defined"
Подскажите как решить. Спасибо!

Comments

[Il'ia Kartovitskii]

// возвращает cookie с именем name, если есть, если нет, то undefined
function getCookie(name) {
  var matches = document.cookie.match(new RegExp(
    "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
  ));
  return matches ? decodeURIComponent(matches[1]) : undefined;
}

[Антон Дьяков]

Il'ia Kartovitskii, не работает, ошибку пишет Uncaught SyntaxError: missing ) after argument list

Answer 1

[lamer350]

А вы плагин подцепили?
https://github.com/js-cookie/js-cookie

Comments

[Антон Дьяков]

Спасибо большое!

[Антон Дьяков]

А вы не подскажете теперь окно скрывается, но перед этим показывается на несколько мс, можно как то от этого избавится?

[Aleksandr Kritskii]

Антон Дьяков, идите от обратного

сначала окно скрыто по дефолту, а если куки нет, то показывайте

[Антон Дьяков]

Aleksandr Kritskii, к сожалению я полный нуб в js

[Aleksandr Kritskii]

Типа этого, проверить возможности нет

<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="modal-1maya alert alert-info" style="display: none;">
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta, totam, nihil, minima, recusandae sapiente saepe provident ullam itaque nemo beatae minus ratione asperiores aliquid vitae debitis sint laudantium explicabo cum modi dolorem temporibus obcaecati incidunt atque porro expedita tempora harum unde nam aliquam velit iste sequi et ut quo fuga.</p>
  <input type="button" class="close-1maya" value="x">
  <script>$(function(){
  if ( !(Cookies.get('view_container')) ) {
    $('.modal-1maya').css('display', 'block'); // если куки нет, то окошко показываем
  }
  $('.close-1maya').click(function() {
    $('.modal-1maya').css('display', 'none');
    Cookies.set('view_container', 'true');
  });  
});</script>
</div></div></div></div>

[Антон Дьяков]

Aleksandr Kritskii, БОМБА!!! Спасибо!