私が取り組んでいるサイトでは、ユーザーがスタイルシートを変更して色を選択したときに、サイトをカスタマイズするオプションがあります。
たとえば、私は 5 色を持っています。色をクリックすると、スタイルシート名が非表示の入力タグに保存されます。「Enter」ボタンをクリックすると、隠しタグの値が Cookie に保存されます。それに伴い、スタイルシートファイルのタグが変わります。そのコードは次のとおりです。
<link rel="stylesheet" href="<?php if(isset($_COOKIE['style'])){
echo $_COOKIE['style'];}
else{
echo 'style.css';}?>"/>
ただし、Cookie が設定されていても、スタイルはすべてのページをリロードした後にのみ適用されます。
ページがロードされたら、Cookie にスタイルを適用するにはどうすればよいですか? つまり、スタイルを適用するために再度リロードする必要はありません。
注: Cookie は JavaScript 関数で作成されます。