Lire la valeur d'une propri�t� CSS par le Javascript

Version imprimable

11/07/2008, 14h51
boutmos

Lire la valeur d'une propri�t� CSS par le Javascript
Bonjour,

Sur mon tag body, dans ma feuille CSS, j'ai defini une hauteur en px pour ma font.

J'ai besoin de r�cup�rer cette valeur a l'aide d'une fonction javascript. J'ai �crit ceci :
Code:

1 2 3 function getFontSize() { var defautFontSize = document.getElementsByTagName("body")[0].style.fontSize); }
Mais si je place un alert, �� ne me retourne rien du tout... Merci

essaye avec ceci

Code:

1
2
3
4
5
6
7
8
9
function OffsetStyle(Obj,Prop)
{
	var x = Obj;
	if (x.currentStyle)
		var y = x.currentStyle[Prop];
	else if (window.getComputedStyle)
		var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(Prop);
	return y;
}

Code:

OffsetStyle(document.body,'fontSize')

11/07/2008, 16h25
boutmos

Humm j'ai peut etre loup� quelquechose mais la fonction ne me retourne rien non plus :cryyy
11/07/2008, 16h33
SpaceFrog

Comment l'impl�mentes tu ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script type='text/javascript'>
function OffsetStyle(Obj,Prop)
{
	var x = Obj;
	if (x.currentStyle)
		var y = x.currentStyle[Prop];
	else if (window.getComputedStyle)
		var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(Prop);
	return y;
}
</script>
<body>
<input type="button" onclick="alert(OffsetStyle(document.body,'fontSize'))" value='size' />
 
</body>

11/07/2008, 16h38
boutmos
exactement comme tu l'as faite, j'ai mis la fonction dans mon fichier .js

puis dans une autre fonction qui est appell� sur un evenement onclick je mets ceci : (J'ai pour le moment juste fait l'appel pour voir ce qui est retourn� par ta fonction)
Code:

1 2 3 4 5 6 7 8 function changerTaille(Pas) { var defaultFontSize = offsetStyle(document.body,'fontSize'); alert(defaultFontSize); ... ... }
11/07/2008, 16h39
SpaceFrog

en effet sous Firfox cela semble poser probl�me ...
je regarde de plus pr�s ...

sous IE �a fonctionne
11/07/2008, 16h43
boutmos

erf lol juste au meme moment je viens de me rendre compte que �� marche bien sous IE mais pas FF .... la poisse , c'est mon boss que �� va encore bien faire rire !! :D Merci

Bon voil� ce petit desagr�ment resolu ...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script type='text/javascript'>
function OffsetStyle(Obj,Prop)
{
	var x = Obj;
	if (x.currentStyle){var y = x.currentStyle[Prop];}
	else if (window.getComputedStyle){	var y = window.getComputedStyle(x,null)[Prop];}
	return y;
}
</script>
<body>
<input type="button" onclick="alert(OffsetStyle(document.body,'fontSize'))" value='size' />
 
</body>
 
</html>

juste � Noter que IE retourne 12pts et FFX 14px docs m�fiance
Mais on peut convertir ...

11/07/2008, 16h52
boutmos

Ah super �� marche, je pense que j'aurais pu trouver car c'est vrai que sur l'affectation de variable dans le else if , j'avais vu le Prop entre parenthese alors qu'au dessus , tu le mets entre crochet...

Merci beaucoup et bon week end a vous.
11/07/2008, 16h56
SpaceFrog

non les parenth�ses n'ont pas am�lior� le code ...

tu peux faire sans (syntaxe permissive si tu n'as qu'eun ligne d'instruction ...

ce qui a chang� c'est le window.getComptuedStyle ... au lieu de document ...