Discussion :

[casawi]

Salut tout le monde,
j'ai une question sur la fonction cssRules ou rules selon les navigateurs.
supposons que nous sommes sur Firefox.

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

var regles=document.styleSheets[0].cssRules

est ce que l'array retourn� (regles) va repr�senter toutes les classes de la feuille de style attach�e � la page selon l'ordre de son �criture ou quoi ?

Et merci

[nod__]

Oui, dans l'ordre, mais tout ce que le navigateur ne comprends pas n'est pas pr�sent dans la liste des styles. Donc tu utilises des selecteurs un peu sp�ciaux dans une r�gle que IE6 ne comprends pas, tu ne pourras pas r�cup�rer cette r�gle � partir de IE6.

C'est pas bien m�chant, faut y faire gaffe quand m�me. La taille de ta collection varie suivant le navigateur ^^ .

[casawi]

Merci nod__ pour ta r�ponse,
A part l'ordre, y a il une m�thode qui permet de r�cup�rer les styles par leur nom.
je m'explique, dans ma feuille de style j'ai la classe cl1 pour les TR, comment je peux savoir que regles[i] correspond � cette classe ?
ET merci encore.

[nod__]

Comme d'habitude, FF et les autres ont une m�thode tout faite pour faire �a directement, IE non. Donc on est oblig� de passer toutes les r�gles en revue et de voir laquelle est la bonne.

Tu trouveras ton bonheur sur ce post : http://www.developpez.net/forums/d75...alises-classe/ Si c'est pas le cas, h�site pas a demander quelque chose de plus clair

[SpaceFrog]

je dois avoir �a au bureau, je regarde demain

[casawi]

Merci beacoup nod__ pour le lien.
je viens de trouvez un autre lien int�ressent : http://www.javascriptkit.com/dhtmltu...rnalcss3.shtml.
Merci encore.

[SpaceFrog]

Un peu en retard on dirait mais voici ce que j'utilise pour r�cup�rer les styles css:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
var st=document.styleSheets[0];
var ru=st.rules?st.rules:st.cssRules;
var Classe=(ru[0].selectorText) //retourne le premier selecteur 
var Props= (ru[0].style.cssText) // retourne le contenu des {}
var TabProps=Props.split('\;')//retourne un tableau des propriétés et de leurs valeurs

[SpaceFrog]

a perfectionner maisla base est l�

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
</style>
 
<script type='text/javascript'>
var st=document.styleSheets[0];
var ru=st.rules?st.rules:st.cssRules;
ruL=ru.length;
var TabSelector=new Array();
var CSSTab= new Array();
var regCss=/"(.[^"])"/g;
 
    for (i=0;i<ruL;i++){
	 TabSelector.push(ru[i].selectorText)
	 var LineProp=ru[i].style.cssText.replace(/(;$)/,'');
	 var LineProp=LineProp.split(';');
	 var LPL=LineProp.length; 
	  TabSelector[ru[i].selectorText]=new Array();
	  TabSelector[ru[i].selectorText]['PropName']=new Array();
	  TabSelector[ru[i].selectorText]['PropValue']=new Array();
 
 
 
	  for (j=0;j<LPL;j++){
	   tempo=LineProp[j].split(':');
   		TabSelector[ru[i].selectorText]['PropName'][j]=tempo[0];
   		TabSelector[ru[i].selectorText]['PropValue'][j]=tempo[1];
 
	  } 
	 } 
 
var affiche="";
TSL=TabSelector.length;
 
for (i=0;i<TSL;i++){
 
 
    affiche+=TabSelector[i]+"\n";
    PVL=TabSelector[TabSelector[i]]['PropName'].length;
 
    for (j=0;j<PVL;j++){
    	 affiche+="\t"+TabSelector[TabSelector[i]]['PropName'][j]+" => ";
	 	 affiche+="\t"+TabSelector[TabSelector[i]]['PropValue'][j]+"\n ";
     	}
 
  }
alert(affiche)
 
 
</script>