d'dd後動態改變css文件中的位置屬性

Question

希望你能幫助我，再次:) 我想建立一個小型的基於web的gui設計器。用戶可以切換到編輯模式，並可以通過拖放將組件放置到任何他想要的位置。當他切換回用戶模式時，我希望通過javascript更新外部CSS文件中的位置細節。 我看了一些例子，做我想做的事，但我似乎無法弄清楚，如何讓它工作。

日Thnx提前， DG

Answer 1

爲了編輯與JS外部樣式表，您需要使用下列的方法：http://www.quirksmode.org/dom/w3c_css.html（請參閱訪問樣式和更改樣式表）。正如你可以從PPKs表格中看到的那樣，存在一些顯着的CSS不兼容性 - 這是邊緣情況，我不知道如何保存這個生成的CSS文件。

我會看到張貼（可能與ajax）的值返回到服務器，生成新的CSS文件，然後由用戶模式頁面調用。

在編輯模式下，我將擁有所有樣式inline（style =「...」），然後當提交頁面時，枚舉每個元素的樣式屬性以提取值並使用它們生成POST請求。然後在服務器上創建新文件。

要使用jQuery的...它使用CSS來選擇一組元素，讓您操作在您選擇

可以說你有類awesomeDiv的div元素的元素的CSS樣式

Answer 2

：

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

你可以使用jQuery與以下行選擇它：

$(".awesomeDiv") 

，你可以改變的CSS像這樣：

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