Форум

рони · #41 (**permalink**) 12.05.2022, 11:44

vitalso78,

рони · #42 (**permalink**) 12.05.2022, 11:53

vitalso78,
css для "месяца" бы поправить, left top и размеры великоваты слегка
.switch-on::after
.switch-btn::after

vitalso78 · #43 (**permalink**) 13.05.2022, 06:48

Да, я изначально видел это. Времени просто не было подрихтовать. Поправил. Спасибо.

vitalso78 · #44 (**permalink**) 13.05.2022, 20:09

Здравствуйте. У меня ещё одна проблема по кукам. Есть типа соглашение на сайте (Мы используем cookies для быстрой и удобной работы сайта.) Окно вылетает после каждой перезагрузке сайта, переходы на страницу. Так не должно быть как бы. Как мне сделать так, что бы окно вылетало до слейдущего посещения сайта, или как должно быть ? Вот код , ну и сами посмотрите https://delivery.foodsonic.ru/

<div class="cookie-notification"> <div class="container"> <div class="row between"> <div class="col-xl-8 col-lg-8 col-md-10 cookies-text"> Мы используем cookies для быстрой и удобной работы сайта. Продолжая пользоваться сайтом, вы принимаете <a href="/privacy/">условия обработки персональных данных</a> </div> <div class="col-xl-4 col-lg-4 col-md-2 cookies-button-cont text-right"> <button class="accept-cookie" onclick="setCookie('cookies_info_showed', 'true', {secure: true, 'max-age': 30 * 24 * 3600}); document.querySelector('.cookie-notification').remove()">Хорошо</button> </div> </div> </div>



 <script type="text/javascript"> function setCookie(name, value, options) {
options = { path: '/', };

let updatedCookie = encodeURIComponent(name) + "=" + encodeURIComponent(value);
for (let optionKey in options) { updatedCookie += "; " + optionKey; let optionValue = options[optionKey]; if (optionValue !== true) { updatedCookie += "=" + optionValue; } }
document.cookie = updatedCookie; } </script>

рони · #45 (**permalink**) 13.05.2022, 20:40

vitalso78,
как вариант... проверять у себя на сервере

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  html, body{
      height: 100%;
       padding: 0;
       margin: 0;
  }

  body .cookie-notification{
      display: none;
  }
  body.accept .cookie-notification{
      display:  block;
  }

  </style>



</head>

<body>
<script>
var note = document.cookie.replace(/(?:(?:^|.*;\s*)note\s*\=\s*([^;]*).*$)|^.*$/, "$1");
if(note !== "yes") document.body.classList.add("accept");
function removeDiv(event,el)
{
   event.preventDefault();
   var parent = el.closest(".cookie-notification");
   parent.remove();
   //var date = new Date(new Date().getTime() + 24 * 60 * 60 * 1000); // сутки
   var date = new Date(new Date().getTime() + 3 * 60 * 1000); //3 минуты для теста
   document.cookie = "note=yes; path=/; expires=" + date.toUTCString();
}
</script>
<div class="cookie-notification">
        <div class="container">
            <div class="row between">
                <div class="col-xl-8 col-lg-8 col-md-10 cookies-text"> Мы используем cookies для быстрой и удобной работы сайта. Продолжая пользоваться сайтом, вы принимаете <a href="/privacy/">условия обработки персональных данных</a> </div>
                <div class="col-xl-4 col-lg-4 col-md-2 cookies-button-cont text-right">
                <button class="accept-cookie" onclick="removeDiv(event,this)">Хорошо</button> </div>
            </div>
        </div>
</div>


<h3>test</h3>
</body>
</html>

vitalso78 · #46 (**permalink**) 13.05.2022, 21:23

Вроде работает. Спасибо. Чот у меня сайт подвисать. Либо инет тупит, либо из за скрипта. Чорт его знает

vitalso78 · #47 (**permalink**) 13.05.2022, 21:35

Да. Убрал, и не стал тормозить. Ну её нафиг эти соглашения тогда ))))

рони · #48 (**permalink**) 13.05.2022, 21:49

vitalso78,
маловероятно, что скрипт из #45, хоть как-то влиял на скорость, возможно была нарушена разметка, где-то тега не хватало, или скобок каких и браузер пытался "починить" невалидный html.

vitalso78 · #49 (**permalink**) 13.05.2022, 21:54

Щас ещё раз попробую

vitalso78 · #50 (**permalink**) 13.05.2022, 22:02

Может инет тормозит. На мобиле нормально. С компа притормаживает

Форум

Справочник

Discord чат

Курсы javascript