Discussion :

[dedepsg]

Bonjour a tous, je suis en cour de creation d'un petit site en php et j'aimerais offrir aux visiteurs la possibilité de changer le design du site web. J'ai donc créé deux ficher de css. Et ma question est la suivante:

Comment puis-je avec un simple lien changer ma feuille de css de mon site?
Actuellement, comme j'utilise Firefox, si je vais dans affichage/style de la page. Je peux changer le design mais j'aimerais le faire via un simple lien.

J'ai penser a un $_GET mais je ne sait pas comment m'y prendre.

Merci a tous ceux qui pourront m'éclairer.

[sharrascript]

bonjour,

avec un get, voici comment t'y prendre:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<?php
[...]
if(!isset($_GET['style']) OR $_GET['style'] == '1'){
 
    echo '<link rel="stylesheet" type="text/css" href="style1.css" />';
 
}
elseif($_GET['style'] == '2'){
 
    echo '<link rel="stylesheet" type="text/css" href="style2.css" />';
 
}
[...]
?>
<a href = "mapage.php?style=1">STYLE 1</a><br />
 
<a href = "mapage.php?style=2">STYLE 2</a><br />

++

[dedepsg]

Ok merciiiii. Ca fonctionne !

[dedepsg]

Désoler je suis obliger de réouvrir cet article car j'ai un autre souci concernant toujour mon probleme de css.

Avec le code que sharrascript m'a gentillement écrit, la page ne garde le css en memoire que si on ne touche plus au site web. En effet, si on clique sur nimporte quel lien, (ce qui est normal pour naviguer a travers le site), et bien le css revient au css par defaut.

J'ai donc tester de mettre ce code en en-tête:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<link rel="alternative stylesheet" media="screen" type="text/css" title="premier_design" href="design_1.css" />
 
<link rel="alternative stylesheet" media="screen" type="text/css" title="second_design" href="design_2.css" />

au lieu de mettre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<link rel="stylesheet" media="screen" type="text/css" title="premier_design" href="design_1.css" />
 
<link rel="alternative stylesheet" media="screen" type="text/css" title="second_design" href="design_2.css" />

mais ça ne fonctionne toujours pas.

J'ai donc penser à utiliser une variable pour garder en memoire la feuille de css que l'utilisateur veut garder ... Mais est-ce vraiment la solution ?

Y a-t-il plus simple ?

Merci à tous !

[sharrascript]

bonsoir,

Tu peux utiliser les variables de session pour arriver à tes fin

++

[trihanhcie]

Créer une variable de session que tu mets à jour seulement quand tu as cliques sur le lien?

[dedepsg]

J'ai pensé aux variables de session mais je savais pas si il fallait que je procede de cette maniere. Merci pour tout !