Page 1 sur 1
Menu déroulant pour feuilles de style
Publié : 19 oct. 2008, 19:06
par Breat
salut, voilà je veux faire un menu déroulant pour que les visiteur puissent choisir entre mes 4 style (fichier CSS) de page, mais le soucis en image:
en fait que je voudrait c'est que mes visiteur vois seulement "Style de page" avec la petite flèche de menu et que quand ils cliquent dessus ils vois toutes mes feuille de style.
sinon pour les lien vers les feuilles de style, ceux-ci fonctionneront-ils pour changer l'aspect de mon site? et ce changement restera-t-il pour toute les pages de mon site?
donc voilà le code de mon menu:
Code : Tout sélectionner
<select name="Style de page">
<option>
<a href="bleu.css">Style Bleu (Défaut)</a><br />
<a href="bleu_anime.css">Style Bleu Animé</a><br />
<a href="rouge.css">Style Rouge</a><br />
<a href="rouge_anime.css">Style Rouge Animé</a>
</option>
</select>
Merci d'avance.
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 6.0; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3
Publié : 19 oct. 2008, 20:28
par Ymai
Bonjour
Il y a un excellent article sur la question (et plein d'autres choses utiles) là:
http://openweb.eu.org/articles/presenta ... ernatives/
Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.0.3) Gecko/2008092510 Ubuntu/8.04 (hardy) Firefox/3.0.3
Publié : 19 oct. 2008, 22:39
par Breat
alors voilà j'ai corrigé mon code, ce qui donne celui ci-dessous:
Code : Tout sélectionner
<select name="Style de page">
<option value="bleu.css">Style Bleu (Défaut)</option>
<option value="bleu_anime.css">Style Bleu Animé</option>
<option value="rouge.css">Style Rouge</option>
<option value="rouge_anime.css">Style Rouge Animé</option>
</select>
Maintenant je souhaiterai mettre un lien à chaque option vers un de mes fichiers CSS.
Mon soucis est que je ne peut pas associer une balise <option> à une balise <a href>, comment faire?
Merci d'avance
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 6.0; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3
Publié : 19 oct. 2008, 23:23
par Ymai
A priori, si l'on en croit les explications qui figurent sous le titre
Utilisation d'un cookie pour un style switcher
de la référence mentionnée, il suffirait de récupérer la valeur de l'option dans une page PHP. Celle-ci forcerait alors un cookie qui permettrait de connaître le style à appliquer.
Cela devrait fonctionner aussi avec une variable de session en PHP.
Désolé de ne pouvoir expliquer plus avant, n'étant pas pratiquant. Ce type de question trouverait sans doute plus de réponse sur le forum "Développement web", juste à côté.
Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.0.3) Gecko/2008092510 Ubuntu/8.04 (hardy) Firefox/3.0.3
Publié : 20 oct. 2008, 00:03
par Breat
très bien merci, mis le soucis c'est que je ne pige rien du tout au php
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 6.0; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3
Publié : 20 oct. 2008, 08:43
par calimo
Breat a écrit :très bien merci, mis le soucis c'est que je ne pige rien du tout au php
http://www.siteduzero.com/tutoriel-3-14 ... c-php.html 
Publié : 20 oct. 2008, 10:29
par Asumbaa
Salut,
Sans PHP, tu peux aussi le faire en Javascript (sachant que du coup, tout le monde n'aura pas la fonctionnalité)
Voir
http://batraciens.net/css-astuces/skins-changement.htm
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9) Gecko/2008052906 Firefox/3.0
Publié : 20 oct. 2008, 13:50
par Breat
merci beaucoup
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 6.0; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3
Publié : 20 oct. 2008, 20:40
par Mongo Bob
Si tu lis l'anglais, le "style switcher" de Chris Clark, c'est de la rigolade à réaliser, suffit de copier ce qu'il dit :
http://www.alistapart.com/articles/phpswitch/
Publié : 20 oct. 2008, 21:23
par Breat
oui sauf que j'ai une erreur
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 6.0; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3 (.NET CLR 3.5.30729)
Publié : 21 oct. 2008, 09:04
par calimo
Personellement en javascript je préfère largement le
Switcher d'Aurélien Maille qui a l'avantage de générer le formulaire en javascript, et donc d'éviter d'avoir un formulaire inopérant lorsque js est désactivé (confusion en moins pour l'utilisateur)
Cela dit la version php est simple et efficace, si php est disponible, c'est probablement l'idéal
Publié : 21 oct. 2008, 10:50
par Asumbaa
calimo a écrit :Personellement en javascript je préfère largement le
Switcher d'Aurélien Maille qui a l'avantage de générer le formulaire en javascript, et donc d'éviter d'avoir un formulaire inopérant lorsque js est désactivé (confusion en moins pour l'utilisateur)
Merci Calimo, je mets à jour mes marque-pages
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9) Gecko/2008052906 Firefox/3.0