Javascript-форум - Замена стилей

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - Замена стилей (https://javascript.ru/forum/dom-window/83998-zamena-stilejj.html)

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

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

Здравствуйте. У меня ещё одна проблема по кукам. Есть типа соглашение на сайте (Мы используем 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>

один раз при загрузке cookie

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

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

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