Discussion :

[xess91]

Bonjour à tous,

Voila un post ouvert pour une question qui à dut déjà être posée plus d'une fois, mais tant pis.

Je cherche à manipuler une class d'une feuille de style css avec javascript et je ne sais absolument pas comment faire.

J' ai vu deux trois trucs sur google mais j'ai pas tout compris et je suis même pas sur que cela soit fonctionnel.

Je vous remercie pour vos réponses.

[SpaceFrog]

Que cherches tu à lui faire à cette feuille de style ?

[xess91]

Arf désolé j'ai trouvé comment faire enfin je crois, ça marche mais je suis pas sur que cela soit la meilleure solution.

J'ai fait ça:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
if(document.styleSheets[1].cssRules)
{
var stil = document.styleSheets[1].cssRules;
stil[3].style.display = "";
stil[4].style.top = "-102px";
}
else if (document.styleSheets[1].rules) 
{
var stil = document.styleSheets[1].rules;
stil[3].style.display = "";
stil[4].style.top = "-102px";
}

[Bovino]

Le problème de ton code, c'est qu'une fois en place, tu ne peux plus ajouter une feuille de style ou ajouter une règle sans modifier ton script. Et crois-moi, après plusieurs mois sur d'autres projets, amuse-toi pour te souvenir de ça

La meilleure solution, selon moi, serait plutôt de définir deux règles différentes et de modifier juste le nom de la classe du ou des éléments visés.

[xess91]

Ca c'est bien vrai, ok je prends ta soluce Bovino.

Je trouvais ça chiant de compter les class et les feuilles de style surtout quand les documents commencent à avoir pas mal de lignes. Et je mettais dis que si je voulais rajouter des feuilles de style je les aurais mises à la suite, mais bon galère il suffit de rajouter une class pour que tout plante.

J'ai plus qu'a reprendre tout ce que j'ai fait cet après-midi et aller regarder du côté de "className", mais c'est pour la cause.