ページリフレッシュなしでphp varからCSSコードをレンダリングするには？

Question

私はすべてが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で読み込まれます。また、.cssのように使用される新しいphpファイルはありません。エコー、プリントなどを使用して解決する必要があります。

ありがとうございました。

Answer 1

あなたのPHPページでは、このようなものを使用することができます。

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

Answer 2

はこれをチェックしてください： http://www.javascriptkit.com/javatutors/loadjavascriptcss.shtml