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