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

рони 11.05.2022 12:33

vitalso78,
$('.switch-btn').click -- это уберите

vitalso78 11.05.2022 12:42

Вот пощёлкайте , чот как то не коректно работает https://delivery.foodsonic.ru/ Спасибо огромное. Это лучше намного чем было.

рони 11.05.2022 12:49

vitalso78,
так сделайте
document.addEventListener("DOMContentLoaded", function() {
            const styleElement = document.querySelector("#theme-css-file");
            const button = document.querySelector("#SuperButton");
            let CssFilePath = localStorage.getItem("CssFilePath");
            if (CssFilePath) {
                if (CssFilePath.indexOf("dark.css") !==-1) button.classList.add("switch-on");
                else button.classList.remove("switch-on");
                styleElement.href = CssFilePath;
            }
            button.addEventListener("click", function() {
                let href = "https://delivery.foodsonic.ru/light.css";
                button.classList.toggle("switch-on");
                if (button.classList.contains("switch-on")) href = "https://delivery.foodsonic.ru/dark.css";
                styleElement.href = href;
                localStorage.setItem("CssFilePath", href);
            })
        });

рони 11.05.2022 12:50

vitalso78,
обновите эту страницу и скопируйте #23

vitalso78 11.05.2022 12:53

А так переключатель становиться не активным

рони 11.05.2022 12:53

Цитата:

Сообщение от vitalso78
А так переключатель становиться не активным

Цитата:

Сообщение от рони
обновите эту страницу и скопируйте #23

:-?

vitalso78 11.05.2022 12:58

Спасибо вам огромное, здорово помогли. Я неделю уже мучаюсь. А как по умолчанию сделать светлый ? А то в данный момент по умолчанию тёмный

рони 11.05.2022 13:04

Цитата:

Сообщение от vitalso78
А как по умолчанию сделать светлый ?

<link rel="stylesheet" href="light.css" id="theme-css-file" />
<div class="switch-btn switch-on" id="SuperButton" name="SuperButton">SuperButton</div> убрать зачёркнутое и вписать светлую тему в link

рони 11.05.2022 13:10

vitalso78,
это строки 47 и 84 на вашей странице

vitalso78 11.05.2022 13:15

Ещё раз огромнейшее спасибо. Отлчно !!!


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