Задать вопрос
qork
@qork
{ background: #F00B42 }
javascript

Какой способ будет оптимальнее для переопределения css в зависимости от пути страницы?

Делаю сайт на modx. Задача сделать для каждого раздела сайта индивидуальный бекграунд. Сейчас это реализовано таким образом
$(document).ready(function(){
   if(document.location.pathname.indexOf("/razdel/") == 0){
       $('.main-content').css("background", "url('/img/razdel_bg.jpg')");
    }
});

В этом случае можно вместо функции .css использовать .addClass.
Есть ли способы, которые смогут выполнить эту задачу лучше?
  • Вопрос задан
  • 297 просмотров
Комментировать
Подписаться 2 Оценить Комментировать
Решения вопроса 1
ruslan_aleev
@ruslan_aleev
MODX с cat-Art.ru
Да, самый простой вариант - использовать переменные в шаблоне, как вам посоветовал Максим Зайцев.
Также можно сделать через модификаторы MODX, который будет проверять id страницы и подключать нужный style, например подключить в <head> после главного стиля конструкцию:
[[*id:is=`1`:then=`<style>.class {background: url('1.png')};</style>`:else=`<style>.class {background: url('2.png')};</style>`]]

причем в esle еще можно разместить модификатор.
Еще вариант - подключить в <head> после главного стиля конструкцию:
<link rel="stylesheet" href="page_[[*id]].css" type="text/css" />

, т.е. MODX будет генерить ссылку на файл css с именем page_(id ресурса текущей страницы), а файлы css для нужных страниц создаете, например, page_12.css, page_23.css и т.д.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@dmitryKovalskiy
программист средней руки
Не знаете уровня вложенности пути страницы - следуйте от корня сайта в папку с css. Все в общем просто.
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Настроить доступ к Netflix
20 апр. 2024, в 18:04
3000 руб./за проект
Помочь настроить GeoIp у nginx для docker nginx:alpine
20 апр. 2024, в 17:55
3000 руб./за проект
Карточная игра "сумасшедшие восьмёрки" на winforms
20 апр. 2024, в 17:49
1500 руб./за проект
Ещё заказы