Discussion :

[tiben58888]

Bonjour,

j'ai dans ma feuille de style des propriétés sur des a:HOVER .
J'ai besoin de récupérer ces valeurs afin de réaliser des traitements conditionnels sur ces éléments, mais je n'ai trouvé aucune méthode pour récupérer ces valeurs !
J'ai cherché avec et sans l'aide de JQUERY.

PS : je ne cherche pas à réaliser des "hover" en js sur mes éléments, mais bien récupérer ses propriétés css attribuées sur le ":HOVER".

[Bovino]

Tu peux toujours regarder du coté des collections stylesheets et rules.

[DiDieuh]

Tu dois avoir moyen de le faire, par exemple avec la biblio Prototype, en utilisant le bon sélecteur css tu peux récupérer les styles que tu veux :
http://api.prototypejs.org/language/dollardollar/

Code :

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

ex: $$('a:hover')

Puis :

http://api.prototypejs.org/dom/element/getstyle/

EDIT: J'ai testé sur un textarea pour le fun et ça fonctionnait.

[tiben58888]

Merci beaucoup pour vos réponses

Effectivement, par le biais d'une boucle for sur le document.styleSheets.cssRules, j'ai trouvé mon bonheur ^^ :

Code :

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

1
2
3
4
5
6
7
8
ss = document.styleSheets;
for(i=0; i<ss.length; i++)
{
    for(j=0; j<ss[i].cssRules.length; j++)
    {
	console.log( ss[i].cssRules[j].style.cssText );
   }
 }

affiche toutes les règles css


concernant prototypeJS, je n'utilise que jquery, mais étonné de voir qu'il existe un sélecteur 'css' . J'ai cherché et pas trouvé de tel selecteur en jquery (uniquement sur les elements et attributs du dom)