Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Замена стилей (https://javascript.ru/forum/dom-window/83998-zamena-stilejj.html)

рони 12.05.2022 11:44

vitalso78,
:)

рони 12.05.2022 11:53

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

vitalso78 13.05.2022 06:48

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

vitalso78 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>

рони 13.05.2022 20:40

один раз при загрузке 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 13.05.2022 21:23

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

vitalso78 13.05.2022 21:35

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

рони 13.05.2022 21:49

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

vitalso78 13.05.2022 21:54

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

vitalso78 13.05.2022 22:02

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

Nexus 13.05.2022 22:13

vitalso78, он не может тормозить, если вы его отдельным файлом не запихнули.

vitalso78 13.05.2022 22:17

Цитата:

Сообщение от Nexus (Сообщение 545371)
vitalso78, он не может тормозить, если вы его отдельным файлом не запихнули.

Всмысле ? не совсем понял. Запихнул как есть, в шаблон html

vitalso78 13.05.2022 22:19

Цитата:

Сообщение от vitalso78 (Сообщение 545372)
Всмысле ? не совсем понял. Запихнул как есть, в шаблон html

Всё равно окно появляеться через некоторое время после соглашения

рони 13.05.2022 22:39

Цитата:

Сообщение от vitalso78
Всё равно окно появляеться через некоторое время после соглашения

... !!!
в скрипте всё написано!!! что нужно сделать!!!

рони 13.05.2022 22:48

vitalso78,
ура!!! молодец!!! справился!!! )))

vitalso78 13.05.2022 23:37

Цитата:

Сообщение от рони (Сообщение 545375)
vitalso78,
ура!!! молодец!!! справился!!! )))

Я не обратил просто внимание сразу насчот времени. Спасибо.

vitalso78 13.05.2022 23:39

Вот это как расшифровываеться var date = new Date(new Date().getTime() + 24 * 60 * 60 * 1000); // сутки
Ну первая цифра понятна - это сутки. А послейдущие ?

рони 13.05.2022 23:48

переменная date = создать дату(текущее время + 24часа * 60минут * 60секунд * 1000мс); // сутки

какое количество миллисекунд будет через сутки от 1 Января 1970года
текущее время/дата
alert(new Date())

дата через сутки, время когда закончится кука
alert(new Date(new Date().getTime() + 24 * 60 * 60 * 1000))

kartethe31 31.05.2022 16:51

при клике записывайте название файла в localStorage, перезагружайте страницу, и грузите то что записали.

get-mobdro.com


Часовой пояс GMT +3, время: 09:14.