Discussion :

[picomz]

Bonjour,

Je voudrais modifier la couleur d'un fond lorsque le curseur passe dessus.

Bon ca je sais faire avec javascript, mais je voudrais pouvoir modifier cette couleur dynamiquement, par exemple si l'utilisateur change de theme, la couleur de fond lorsque l'utilisateur passe le curseur sur le menu changera de gris a bleu.
A la base je pensai le faire en mélangeant du javascript et une feuille de style, et dans mon javascript demandé le changement de classe de l'objet, mais il me semble que finalement c'est pas possible ?
Donc ma question est, est ce qu'il est possible d'utiliser les feuilles de styles avec les javascript ?

Et sinon est ce que vous avez des idées pour une autre manière de faire ??

Merci beacoup d'avance

[KiLVaiDeN]

Je te conseille de faire une feuille de style par thème, et une feuille js, qui contiendra les couleurs.

Par exemple, tu pourrais avoir quelque chose comme ça dans une des feuilles js pour un theme donné :

Code :

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

var theme_couleurfond="#HeBaBe";

Et ensuite, dans ta page, au lieu de jouer sur une couleur "en dur" tu prendrais systématiquement la couleur du theme.

L'inconvénient est qu'il faudra que tu répercutes les couleurs dans le css et le js. Il y a bien un moyen de récupérer la couleur d'un fond, ou celle d'un texte en js par rapport à un style, mais il faut faire référence à un objet, par exemple :

Code :

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

var theme_couleurfond = document.getElementById("unDiv").style.color;

Je crois de tête que c'est ça. Mais c'est à mon avis trop complexe, et il vaut mieux définir une fois pour toutes tes couleurs dans les deux pages css et js.

Je ne connais pas d'autres moyens de faire intéragir du css avec du js.

Bonne chance

[picomz]

Ok merci beaucoup, je vais essayer ce que tu as dit