Javascript 在d';n';D

Javascript 在d';n';D,javascript,css,dom,Javascript,Css,Dom,希望你能再次帮助我:) 我想构建一个基于Web的gui设计器。用户可以切换到编辑器模式,并可以通过拖放将组件放置在他想要的任何位置。当他切换回用户模式时,我希望通过javascript更新外部css文件中的位置详细信息。 我查看了一些示例,这些示例可以实现我想要的功能,但我似乎不知道如何使其工作 thnx提前, dg为了使用JS编辑外部样式表,您需要使用此处列出的方法:(请参阅访问样式表和更改样式表)。正如您从PPKs表中看到的,存在一些显著的CSS不稳定性-这是边缘案例,我不知道如何保存生成的

希望你能再次帮助我:) 我想构建一个基于Web的gui设计器。用户可以切换到编辑器模式,并可以通过拖放将组件放置在他想要的任何位置。当他切换回用户模式时,我希望通过javascript更新外部css文件中的位置详细信息。 我查看了一些示例,这些示例可以实现我想要的功能,但我似乎不知道如何使其工作

thnx提前,
dg

为了使用JS编辑外部样式表,您需要使用此处列出的方法:(请参阅访问样式表和更改样式表)。正如您从PPKs表中看到的,存在一些显著的CSS不稳定性-这是边缘案例,我不知道如何保存生成的CSS文件

我将考虑将值发布(可能使用ajax)到服务器,服务器生成新的CSS文件,然后由用户模式页面调用该文件


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

要使用jquery。。。它使用css选择元素组,并允许您在所选元素上操作css样式

假设您有一个类为awesomeDiv的div元素:

<div class="awesomeDiv">some content</div>
您可以这样更改css:

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

这是否会改变外部css文件,或者只是将这些属性添加到所选元素的样式属性中?我仍然没有让它通过拖放运行,然后获得新位置,但我也不知道如何永久保存它。对不起,如果我打扰你的话。你知道我怎么做吗?我从未使用过jquery,只是看了一些例子。我会喜欢的。thnx提示:)@edeverett:据我所知,它并没有保存在任何地方。这就像onClick更改一样(我在单击按钮后在函数中使用了它)。。。如果我没记错的话,应该有办法直接操作css文件,或者至少在html文件中添加css规则。。。也许有人能解释一下这件事。这件事并没有被挽救。。。您可以使用jquery的ajax方法将更改发送到服务器,并将更改作为单独的css importthnx加载到链接中,这非常有用!
$(".awesomeDiv").css({'background-color': '#000000', 'width': '250px'});