Discussion :

[philou8]

Bonjour,
Je désire récupérer dynamiquement en javascript la valeur d'un attribut (ici zoom) présentement sélectionné avec media queries, est-ce possible? puis-je utiliser une variable pour le faire?
(bien que j'ai lu qu'il n'y avait pas de variable globale dans le css)

Actuellement je peux récupérer en javascript, dans le css, la valeur du zoom pour chaque plage de largeur d'écran, puis tester la largeur de fenetre courante pour déterminer le zoom courant, mais je ne désire plus implémenter les seuils dans le javascript.
(par ex : var zoom=document.styleSheets[0].cssRules[0].cssRules[0].style.zoom; pour le zoom de la première plage)

Merci d'avance,
Trachy

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
@media screen and (min-width: 851px) { 
   	 zoom:100%
	}}
	 @media screen and (min-width: 751px) and (max-width: 850px) { 
   	zoom:90%
	}}
	@media screen and (max-width: 750px) { 
	#map{position:absolute;top:0px;left:0px;width:100%;height:100%;max-width:950px; z-index:2;
   	zoom:80%
	}}

[NoSmoking]

Bonjour,
as tu essayé de parcourir les propriétés CSS avec window.getComputedStyle ?

Pas sûr d'avoir réellement capté le besoin !!

[philou8]

Parfait ! c'est exactement ce que je recherchais.
Cela m'évite dans le javascript de tester la largeur de la fenetre pour aller rechercher la bonne ligne "média queries" dans le css.
(cela m'évite surtout de devoir mettre dans le javascript les seuils)
Merci beaucoup!