J'ai un code qui fonctionne et qui change la feuille de style en utilisant un formulaire. Cela fonctionne tant que vous gardez la fenêtre du navigateur ouverte. Vous pouvez aller sur un autre site, revenir et le style sera celui que vous avez sélectionné, c'est bien, mais si vous fermez le navigateur et revenez, le style sera celui par défaut. Cela est-il dû au fait que je démarre une nouvelle session à chaque fois ou au fait que je n'ai pas défini la durée de validité du cookie ? C'est la première question.
Deuxième question : j'ai le menu déroulant qui fonctionne actuellement et choisit la feuille de style correcte, mais j'ai aussi des boutons radio pour la taille du texte. Je veux que ces boutons soient intégrés, mais qu'ils fonctionnent à l'aide d'une feuille de style différente qui ne contient que les tailles de texte, de sorte que la taille de texte par défaut est standard et que l'utilisateur peut les modifier avec la feuille de style, mais qu'ils fonctionnent indépendamment. Quelqu'un peut-il me suggérer un codage ? Merci.
Voici ce sur quoi je travaille actuellement. Salutations
Php qui définit le style :
if (isset($_COOKIE["selectedStyle"])) // has the cookie already been set
{
$style=$_COOKIE["selectedStyle"];
}else{
$style = spring;
}
if (isset($_POST["changeStyle"])) // changing the style
{
$style=$_POST["changeStyle"];
}
setcookie("selectedStyle",$style); // update or create the cookie
?>
Formulaire avec une liste déroulante qui fonctionne et des boutons radio pour le changement de texte :
<div id="headerInfo">
<p><strong>User Controls</strong></p>
<form method="post" action="<?= $_SERVER["PHP_SELF"];?>">
Select Page Style:<br/>
<select name="changeStyle">
<option value="spring">Spring (Green)</option>
<option value="summer">Summer (Yellow)</option>
<option value="winter">Winter (Blue)</option>
<option value="autumn">Autumn (Orange)</option>
</select>
<input type="submit" name="submitstyle" value="Set Style">
</form>
<form method="post" action="<?= $_SERVER["PHP_SELF"];?>">
Select Font Size:<br/>
<span class="smallText">A</span><input type="radio" name="changeFontSize" value="small"/>
<span class="standardText">A</span><input type="radio" name="changeFontSize" value="standard"/>
<span class="largeText">A</span><input type="radio" name="changeFontSize" value="large"/>
<span class="xLargeText">A</span><input type="radio" name="changeFontSize" value="extraLarge"/>
</select>
<input type="submit" name="submitfont" value="Set Size">
</div>