Задать вопрос
dalmariko
@dalmariko
Ни рыба ни мясо. Програмясо
javascript

Как реализовать смену стилей сайта лучше всего?

Не могу разобраться нужна подсказка.
Нужно менять стиль сайта ( в моем случае только фон ), но делать это по выбору пользователя, путем нажимания кнопки.

Есть вариант костыльно, сделать ссылку с нужным стилем, и зашить ее в меню.

Но хочется сделать более изящно что бы подключались только стили. А как это сделать не могу понять.

  • Вопрос задан
  • 460 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 4
okwinza
@okwinza
PHP Developer
По клику на кнопку вызывается функция на JS, которая пишет айди/название стиля/класса в куку и затем подменяет нужный стиль/класс. Ну и по загрузке страницы проверяем есть ли что в этой куке и грузим стиль по ней.

www.thesitewizard.com/javascripts/change-style-she...
Ответ написан
1 комментарий
1 комментарий
alexey-m-ukolov
@alexey-m-ukolov Куратор тега CSS
Как добавить/удалить link в head? И возможно ли это вообще?
Ответ написан
1 комментарий
1 комментарий
@WhiteSama
Если пользователь не загружает бг, а использует предустановленные(скрипты с использованием jquery):

<body style="background: url(img/123.jpg)">
<button data-src="img/1234.jpg"></button>
</body>

$('button').on('click', function(){
var src = $(this).attr('data-src');

$('body').css({background: 'url('+src+')'})
});


В кнопке в data-src прописывает путь к файлу фона.
Далее по клику на кнопку записываем в переменную этот путь, и записываем этот путь инлайном в body.
Ответ написан
1 комментарий
1 комментарий
hoOstel
@hoOstel
Если фоны заготовлены заранее то можно сделать под это классы если нет то лучше кидать в body инлайном.

После выбора фона кидать в body "style" c нужными стилями, запоминать для юзера стили (куки смысла использовать нет т.к есть аккаунты и их будет достаточно)
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Рефакторинг и доработка существующего приложения на Flutter
16 нояб. 2024, в 21:46
300000 руб./за проект
Доработать скрипт преобразования между системами координат
16 нояб. 2024, в 21:29
500 руб./за проект
Покадровая отрисовка 2D анимации игровых персонажей
16 нояб. 2024, в 21:18
50000 руб./за проект
Ещё заказы