Discussion :

[razorlok]

Bonjour à tous,

J'essaie de développer une fonction qui, au changement de l'option d'une liste déroulante, me permettra d'appliquer une feuille CSS différente.

Code :

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

1
2
3
4
5
6
<form name="Choix">
<select name="bg" onChange="Lien()">
<option value="css1">css2</option>
<option value="css2">css1</option>
</select>
</form>

J'ai gratouillé pour trouver un affichage de css et j'ai trouvé ceci :

Code :

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

1
2
3
4
5
6
7
 
 
if (css1) {
document.write('<link href="style_css_1.css" rel="stylesheet" type="text/css" />');
if (css2) {
document.write('<link href="style_css_2.css" rel="stylesheet" type="text/css" />');
}

Je bloque au niveau des variables et surtout sur le OnChange...

[foolib]

Tiens jettes un coup d'oeil là,styleSheet Array
On te parle du tableau "document.styleSheets" qui contient toutes les références aux feuilles de style du document, et les fonctions pour accéder et modifier les attributs ...
je te ferai bien une petite fonction mais il est tard présentement et je n'ai pas le courage
j'espère que ça t'aidera tout de même