我有一个页面,一切都是用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