Acceder � la valeur CSS "zIndex"

Version imprimable

Bonjour tout le monde !

Ca fait quelques jours que je gal�re pour r�cup�rer le contenu d'une variable dans mon fichier CSS, la valeur zIndex.
J'en ai besoin pour jouer sur la profondeur de diff�rents calques visibles � l'�cran.

Les valeurs de mes variables CSS sont donn�es dans un fichier .scc, d�clar� entre les balises <head> et </head>

Code:

<link rel="stylesheet" type="text/css" href="Calques.css" media="screen" />

J'ai tent� plusieurs approches pour r�cup�rer le contenu de zIndex :
Code:

1 2 3 4 5 objectJavascript = document.getElementById("Calque1"); document.getElementById('AffCalque1').value = objectJavascript.style.zIndex; document.getElementById('AffCalque1').value = document.defaultView.getComputedStyle(("Calque2",null)[zIndex]
La premi�re ligne me retourne une valeur vide, et la seconde me retourne "Auto".
A noter que parfois, la premi�re ligne me retourne tout de m�me la profondeur de calque correcte, impossible de savoir pourquoi ^^

Existe il un moyen sure de retourner la valeur zIndex d'un �l�ment?

Merci d'avance pour vos r�ponses !

30/04/2008, 18h51
SpaceFrog

le z-index est il initialis� das nles balises ?
30/04/2008, 18h56
themoye

Non non, comme je l'ai expliqu� plus haut, il est initialis� dans le .css charg� au d�but de ma page, entre les balises <head>
30/04/2008, 20h55
SpaceFrog
1) essaye de mettre !important dans ton css ..

2) l'objet aura sinon par defaut le zindex de son parent
essaye de scanner tous les objets de la page pour initialiser leur zindex :
Code:

1 2 def = Obj.style.zIndex; return (def == "") ? "inherit" : def;
01/05/2008, 03h11
themoye

Plop

!important ne change rien.
Je n'ai pas encore test� ton petit bout de code pour scanner les objets (je regarderais demain matin, il est tard ^^), mais j'ai chang� l'initialisation de mes zIndex.
Au lieu de les initialiser dans mon fichier css, je les initialisent dans leurs balises <div>.
C'est moins propre, mais �a fonctionne.

D'autres id�es pour acc�der � mes zIndex depuis mon fichier css ?
01/05/2008, 10h03
SpaceFrog

Oui quand je parlais d'initialiser, je voulais dire dans les balises

Si taper les cssRules du fichier css avec javascript pour attribuer dynamiquement le zindex ...

Mais c'est curieux que le !important au niveau de css ne fasse rien ...

tu peux nous montrer une petit exemple de css et de html ?

Le probl�me n'est pas au niveau de l'interpr�tation du contenu des variables, mes diff�rents <div> sont bien positionn�s, leur profondeur correspond bien au zIndex initialis� dans mon fichier css.
Juste la tentative de r�cup�ration du contenu de la variable qui merdouille en retournant "auto" ou une cha�ne vide.

Un bout de mon html :
Code:

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 ### Entre les balises <head> ### <link rel="stylesheet" type="text/css" href="Calques.css" media="screen" /> <script type="text/javascript"> function aff() { var id="CV"; objectJavascript = document.getElementById(id); var prof = objectJavascript.style.zIndex; alert("id = "+id+" et prof = "+prof); } </script> ### Entre les balises <body> ### <div class="Fenetre" id="CV"> <div class="Titre"> <img src="User.png" align=absmiddle /> <a href="#" onclick="calques('CV')">Curiculum Vitae</a> </div> <div class="ContenuFenetre" style="background-color:#FF8962;"> <p> test test test test test test test! </p> </div> <div class="Pied"> <a href="#" onclick="calques('CV','Accueil')">Retour au Curiculum Vitae</a> </div> </div>
Un appel � la fonction aff() me retourne par exemple :

Citation:

id = CV et prof =

Dans mon css, les id contenants une valeur zIndex sont d�clar�s comme suit :
Code:

1 2 3 4 5 6 7 #CV { left:130px; top:135px; z-index:2; }

Encore une fois IE ne repsecte pas les standards :

donc voici comment r�cup�rer universellement le Zindex:
Code:

1 2 3 4 5 function GetZindex(ObjId){ var MonObj =document.getElementById(ObjId); ZI=(document.all)?MonObj.currentStyle.zIndex:window.getComputedStyle(MonObj,"").getPropertyValue("z-index"); return ZI}