Comment changer de feuille de style en un clic

Version imprimable

29/05/2007, 16h20
unreal2me

Comment changer de feuille de style en un clic

Bonjour,

En HTML 4.01 Transitional, comment peut on recharger la page actuelle (.html) mais avec une feuille de style differente en cliquant sur un des liens de cette page ?

Merci,

Bob
29/05/2007, 17h05
mic79

salut,

Moi je passe par du js.

sur le clic je vais modifier le href de mon css

tu modifie ainsi ton site sans le reloader

Mic

Merci, c'est ce que je pensais, mais comme je ne m'y connais pas du tout en JS, j'ai cherché une solution déjà connue et j'ai trouvé. En esperant que le code fonctionne sur tous les navigateurs.

La voici:
Code:

1 2 3 4 5 6 7 8 9 10 <html><head><title>Style Switcher</title> <script> var StyleFile = "style" + document.cookie.charAt(6) + ".css"; document.writeln('<link rel="stylesheet" type="text/css" href="' + StyleFile + '">'); </script> </head><body><h2>Live in Style</h2><br> <a href="javascript: document.cookie='style='; window.location.reload();">Style 1</a> | <a href="javascript: document.cookie='style=2'; window.location.reload();">Style 2</a> | <a href="javascript: document.cookie='style=3'; window.location.reload();">Style 3</a> </body></html>
Je veux utiliser ce principe simple pour donner l'occasion aux visiteurs d'augmenter la taille de la police lorsqu'ils la trouvent trop petite.

Vos impressions sont bienvenues.

Bob

29/05/2007, 17h29
E.Bzz

Citation:

Envoyé par unreal2me

Vos impressions sont bienvenues.

Modifier le href est plus "propre" qu'un document.write() ...
29/05/2007, 17h37
unreal2me

Citation:

Envoyé par E.Bzz

Modifier le href est plus "propre" qu'un document.write() ...

Peux tu elaborer svp ? Une méthode, ou un example serait apprecié car je m'y connais très peu.

Merci beaucoup,
Bob
29/05/2007, 17h52
E.Bzz

Citation:

Envoyé par unreal2me

Peux tu elaborer svp ? Une méthode, ou un example serait apprecié car je m'y connais très peu.

Il vaut mieux modifier des valeurs de propriétés déjà prises en compte dans la structure de la page (solution href), que de la (la structure) modifier après coup via document.write(), qui est à éviter de manière générale ....
29/05/2007, 18h04
unreal2me

Pourriez vous me donner un example de code de la facon dont vous procederiez ?

J'aimerais que si l'usager change de feuille de style, que le navigateur s'en rappelle aussi pour toute la durée de sa visite.

Si vous avez le temps de me présenter le code, ca serait très apprécié.

Merci encore,
Bob
30/05/2007, 08h43
devboy

ouep moi aussi ca m'intéresse, mais malheureusement j'y connais rien en js
30/05/2007, 09h16
E.Bzz

Citation:

Envoyé par unreal2me

J'aimerais que si l'usager change de feuille de style, que le navigateur s'en rappelle aussi pour toute la durée de sa visite.

Il faut stocker la css choisie dans une variable session, pour pouvoir la rappeler automatiquement à chaque page.
Le petit plus étant de la stocker dans un cookie pour la rappeler lors de la connexion suivante ;)

Désolé, pas le temps pour les exemples (mais la "Recherche" est votre amie :mrgreen: )

A+
30/05/2007, 09h29
SpaceFrog

traité dans la faq ou les contributions ...