在d'd之后动态改变css文件中的位置属性

时间:2009-05-27 12:52:04

标签: javascript css dom

希望你能再次帮助我:) 我想建立一个基于网络的gui设计师。用户可以切换到编辑模式,并可以通过拖放将组件放在他想要的任何地方。当他切换回用户模式时,我希望通过javascript更新外部css文件中的位置详细信息。 我看了一些例子,那些做我想做的事情,但我似乎无法弄清楚,如何让它发挥作用。

thnx提前, 分克

2 个答案:

答案 0 :(得分:1)

要使用JS编辑外部样式表,您需要使用此处列出的方法:http://www.quirksmode.org/dom/w3c_css.html(请参阅访问样式表和更改样式表)。从PPKs表中可以看出,有一些重要的CSS不兼容性 - 这是边缘情况,我不知道如何保存这个生成的CSS文件。

我会查看将(可能带有ajax)值返回到服务器,该服务器生成新的CSS文件,然后由用户模式页面调用。

在编辑模式下,我将所有样式内联(style =“...”),然后在提交页面时,枚举每个元素的样式属性以提取值并使用它们来构建POST请求。然后在服务器上创建新文件。

答案 1 :(得分:1)

你想使用jquery ...它使用css来选择元素组,并允许你在你选择的元素上操纵css样式

假设你有一个带有类awesomeDiv的div元素:

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

您可以使用jquery选择它,并使用以下行:

$(".awesomeDiv")

你可以像这样更改css:

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