1С-Битрикс Разработчикам

Форум

Форум:

Дата создания:

…

Тема:

Сообщение:

Упорядочить:

Замена стилей

Пользователь 6246048

Заглянувший

Сообщений: 2 Регистрация: 10.05.2022

10.05.2022 15:19:38

[QUOTE] написал:
пишите в сессию или в куку выбор пользователя (переменную), перезагружайте страницу, по переменной в сессии/куке подрубайте те или иные css - по дефолту белые, если переменная есть - черные.[/QUOTE]

А можно пожайлуста по подробнее ? Не совсем понятно.

Перейти

Замена стилей

Пользователь 6246048

Заглянувший

Сообщений: 2 Регистрация: 10.05.2022

10.05.2022 12:21:07

Здравствуйте. Хочу реализовать переключатель со светлой темы на тёмную. Пытаюсь подключить стили вот таким способом

[CODE]<a href="#" oncl ick="changeCSS('/dark.css', 0);">тёмный</a> | <a href="#" oncl ick="changeCSS('/template_styles.css', 0);">светлый</a>

function changeCSS(cssFile, cssLinkIndex) {

var oldlink = document.getElementsByTagName("link").item(cssLinkIndex);

var newlink = document.createElement("link");
newlink.setAttribute("rel", "stylesheet");
newlink.setAttribute("type", "text/css");
newlink.setAttribute("href", cssFile);

document.getElementsByTagName("head").item(0).replaceChild(newlink, oldlink);
}

[/CODE]
Но к сожалению стили подключаются частично. Если же я прописываю стили напрямую в шаблоне <link rel="stylesheet" href="/dark.css"> в <head>, то стили ломают светлую тему и всё тогда нормально. Как мне подключить тёмную тему шаблона через кнопку ?

Перейти

Форум

Центр поддержки

Продукты

Управление сайтом

Битрикс24

Интернет-магазин + CRM

Решения

Для интернет-магазинов

Каталог готовых решений

Внедрение

Выбрать партнера

Проверить партнера

Стать партнером