Comment changer de feuille de style en un clic

**unreal2me** · 29/05/2007, 16h20

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

**mic79** · 29/05/2007, 17h05

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

**unreal2me** · 29/05/2007, 17h20

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 :

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

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

**E.Bzz** · 29/05/2007, 17h29

Envoyé par unreal2me

Vos impressions sont bienvenues.

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

**unreal2me** · 29/05/2007, 17h37

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

**E.Bzz** · 29/05/2007, 17h52

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 ....

**unreal2me** · 29/05/2007, 18h04

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

**devboy** · 30/05/2007, 08h43

ouep moi aussi ca m'intéresse, mais malheureusement j'y connais rien en js

**E.Bzz** · 30/05/2007, 09h16

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

)

A+