Задать вопрос
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.
Есть ли способы, которые смогут выполнить эту задачу лучше?
  • Вопрос задан
  • 307 просмотров
Комментировать
Подписаться 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 FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Frontend-разработчик JavaScript
div. • Ставрополь
от 40 000 до 90 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать приложение для конструирования и расчета шкафов-купе
03 дек. 2024, в 22:01
30000 руб./за проект
Сотрудник по размещению объявлений / Удаленно - 1 час в день
03 дек. 2024, в 21:37
7500 руб./за проект
Моделирование электромагнитных полей в Ansys Electronics Desktop
03 дек. 2024, в 20:43
4000 руб./за проект
Ещё заказы