如何渲染css代码从php var没有页面刷新


How to render css code from php var without page refresh?

我有一个页面,一切都是用ajax和php完成的。

我有一个标签内的内容,用户可以选择颜色选择器的颜色。

当用户选择保存他的颜色时,我将新的CSS代码存储到数据库中。

这里是CSS代码

.browser_content{ background-color: #188072; width: 420px; padding-left: 5px; color: #FFFFFF; -moz-border-radius: 5px; border-radius: 5px; webkit-border-radius: 5px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#188072), to(#333333)); background: -webkit-linear-gradient(top, #188072, #333333); background: -moz-linear-gradient(top, #188072, #333333); background: -ms-linear-gradient(top, #188072, #333333); background: -o-linear-gradient(top, #188072, #333333); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#188072, endColorstr=#333333); } 

.hotel_location{ background-color: #999999; } 

所以当用户下次打开这个选项卡时,我想把这个css加载到那个页面。我尝试使用php头文件,但没有任何反应。

我必须再次注意,没有页面刷新,内容是用ajax加载的,也不能有新的php文件,像。css一样使用,它必须使用echo, print或类似的东西来解决。

谢谢。

你可以在你的php页面中这样做:

<style type="text/css">
.your_class
{
<?php
    $colorValues = ... // get user's color settings from db
    echo '    color: ' . $colorValue  . ' !important;'
?>
}
</style>;

看看这个:http://www.javascriptkit.com/javatutors/loadjavascriptcss.shtml