динамически изменяемое свойство позиции в файле CSS после d'n'd

Question

надеюсь, вы снова сможете мне помочь :) Я хочу создать небольшой графический дизайнера. пользователь может переключиться в режим редактора и может разместить компоненты там, где он хочет, с помощью drag'n'drop. когда он переключается обратно в пользовательский режим, я хочу, чтобы детали позиции во внешнем css-файле обновлялись через javascript. Я посмотрел на некоторые примеры, которые делают то, что я хочу, но я не могу понять, как заставить это работать.

Спасибо заранее, дг

Answer 1

вы хотите использовать jquery ... он использует css для выбора групп элементов и позволяет манипулировать стилем css для выбранных вами элементов

Допустим, у вас есть элемент div с классом awesomeDiv:

<div class="awesomeDiv">some content</div>

Вы можете выбрать его, используя jquery со следующей строкой:

$(".awesomeDiv")

и вы можете изменить CSS следующим образом:

$(".awesomeDiv").css({'background-color': '#000000', 'width': '250px'});

Answer 2

Для редактирования внешних таблиц стилей с помощью JS вам необходимо использовать перечисленные здесь методы: http://www.quirksmode.org/dom/w3c_css.html (см. Доступ к таблицам стилей и изменение таблиц стилей). Как вы можете видеть из таблиц PPK, есть некоторые существенные несовместимости CSS - это крайний случай, и я не знаю, как бы вы сохранили этот сгенерированный файл CSS.

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

В режиме редактирования у меня будут все встроенные стили (style = "..."), а затем при отправке страницы будет перечисляться свойство стиля каждого элемента для извлечения значений и использования их для построения запроса POST. Затем создайте новый файл на сервере.