Question

I have page where everything is completed with ajax and php.

I have in-tab content where user can choose colors with color pickers.

When user choose to save his colors, I’m storing new CSS code into database.

here is CSS code

.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; } 

So when user try open this tab next time, I want to load this css into that page. I’ve tried to user php headers but nothing happens.

I must notice again, there is no page refresh, content is loaded with ajax, also there can’t be new php files which will be used like .css, it must be solved using echo, print or something similar.

Thanks.

Answer 1

You can use something like this in your php page:

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