Dans une page index, j'ai plusieurs boutons de couleurs correspondant à une feuille de style. Le visiteur choisit sa CSS en selectionnant un bouton. Un cookie enregistre la preference de l'internaute, pour que la prochaine fois qu'il revienne sur le site, il retrouve LE STYLE CSS qu'il a choisi...
Voila, comment j'ai fait
inspiré du tutoriel de PHP débutant)
1- je cree mes feuilles de style : dans un fichier
STYLES / COULEUR / style.css
2- J'ai crée une page design.php pour déterminer la css
Code :
- <?php
- //détermination de la feuille de style
- if($DESIGN!=='')
- {
- $css = "styles/".$DESIGN;
- }
- else
- {
- // la feuille de style par défaut
- $css = "styles/".'couleur';
- }
- ?>
|
3- sur toutes mes pages de mon site tout en haut je fais un INCLUDE
Code :
- <?php
- include('design.php'); // On inclus le fichier design.php
- ?>
|
et dans le lien qui appelle ma css, je mets ce code :
Code :
- <link rel="stylesheet" type="text/css" href="<?php echo "/" .$css. "/style.css"; ?>">
|
4- je cree un cookie pour enregistre la css choisie :
Code :
- <?php
- $expire=365*24*3600; // 1 an
- setcookie($DESIGN, $color, time()+$expire);
- //enregistrement du cookie au nom de DESIGN repris dans design.php
- ?>
- <script language="JavaScript">";
- alert('Nouveau design sélectionné !\n\nN\'hésitez pas à rafraîchir la page si les couleurs n\'apparaissent pas.');
- window.location="',getenv('HTTP_REFERER'),'"';//retour à la dernière page visitée du site avec les nouvelles couleurs
- </script>
|
5 - enfin dans ma page index ou je presente tous mes boutons pour choisir une css :
Code :
- <div><a href="send_design.php?color=violet"><img src="cssboutons/violet.png" alt=""/></a></div>
|
BILAN :
j'ai un probleme dans la quatrieme etape : que dois je faire pour que la page apparaissent avec la CSS correspondante....
Dois je le faire en PHP ou en Javascript ? Que doit appelé concretrement la page : sent_design.php (le cookie)
---------------
"Nous sommes tous dans le caniveau, mais certains d'entre nous regardent les étoiles" Oscar Wild