Une CSS au choix en cliquant sur un bouton img....

Une CSS au choix en cliquant sur un bouton img.... - HTML/CSS - Programmation

Marsh Posté le 12-05-2004 à 11:24:44    

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 :
  1. <?php
  2. //détermination de la feuille de style
  3. if($DESIGN!=='')
  4. {
  5. $css = "styles/".$DESIGN;
  6. }
  7. else
  8. {
  9. // la feuille de style par défaut
  10. $css = "styles/".'couleur';
  11. }
  12. ?>


 
3- sur toutes mes pages de mon site tout en haut je fais un INCLUDE

Code :
  1. <?php
  2. include('design.php'); // On inclus le fichier design.php
  3. ?>


 
et dans le lien qui appelle ma css, je mets ce code :

Code :
  1. <link rel="stylesheet" type="text/css" href="<?php echo "/" .$css. "/style.css"; ?>">



4- je cree un cookie pour enregistre la css choisie :

Code :
  1. <?php
  2. $expire=365*24*3600; // 1 an
  3. setcookie($DESIGN, $color, time()+$expire);
  4. //enregistrement du cookie au nom de DESIGN repris dans design.php
  5. ?>
  6. <script language="JavaScript">";
  7. alert('Nouveau design sélectionné !\n\nN\'hésitez pas à rafraîchir la page si les couleurs n\'apparaissent pas.');
  8. window.location="',getenv('HTTP_REFERER'),'"';//retour à la dernière page visitée du site avec les nouvelles couleurs
  9. </script>


 
5 - enfin dans ma page index ou je presente tous mes boutons pour choisir une css :

Code :
  1. <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
Reply

Marsh Posté le 12-05-2004 à 11:24:44   

Reply

Marsh Posté le 12-05-2004 à 12:00:35    

Reply

Marsh Posté le 12-05-2004 à 12:36:22    

la 4e etape c'est celle ou il reloade la page.
j'ai pas fait super gaffe, mais à priori ça doit betement etre l'ordre des operations qu'est pas bon.


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
Reply

Marsh Posté le 12-05-2004 à 13:13:58    

foxcssfox a écrit :

 
//détermination de la feuille de style

Code :
  1. if($DESIGN!=='')




 :??:  
C'est quoi cet opérateur ? équivalent à != et <> ou affectation en plus ?


---------------
Posté depuis des chiottes, sales. Me gusta.
Reply

Marsh Posté le 12-05-2004 à 15:00:09    

Le tutoriel "site multicolor" de PHPDEBUTANT ne marche pas,
j'ai décidé de faire tout autrement (avec l'AIDE DE FREED :merci Freed !!!)...
je prépare une explication complete de la solution utilisée, visible sur mon site perso : http://duarte.design.free.fr  
pour que chacun puisse l'utiliser voire apporter des améliorations
... merci

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed