28172 sujets

CSS et mise en forme, CSS3

Récupération dynamique d'un attribut sélectionné en media queries

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


@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%
	}}
Bonjour
J'espère que j'ai bien compris ta demande.
Peut être une piste, j'ai fait un truc du style dans un projet (de mémoire)
<div id="monzo0m"></div>
#monzo0m{width:10px;position:absolute; top:-50px; height:1px}
@media screen and (min-width: 851px) { 
/* Cas  1*/
   	#monzo0m{width:10px}
}
@media screen and (min-width: 751px) and (max-width: 850px) { 
/* Cas  3*/
   	#monzo0m{width:9px}
}
@media screen and (max-width: 750px) { 
/* Cas  3*/
	#monzo0m{width:8px}
}

On récupére en js le width de #monzo0m :
Si le width de #monzo0m est de 10 c'est que je suis dans le cas 1
Si le width de #monzo0m est de 9 c'est que je suis dans le cas 2
Si le width de #monzo0m est de 8 c'est que je suis dans le cas 3

La récupération se faisait sur un window.rezise si je me trompe pas.
Sujet clos
Aller à