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

Comment changer de feuille de style en un clic

JavaScript

Vue hybride

Discussions similaires

Partager

Partager