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

**boutmos** · 11/07/2008, 14h51

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 :

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

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

**SpaceFrog** · 11/07/2008, 14h58

essaye avec ceci

Code :

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

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 :

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

OffsetStyle(document.body,'fontSize')

**boutmos** · 11/07/2008, 16h25

Humm j'ai peut etre loup� quelquechose mais la fonction ne me retourne rien non plus :cryyy

**SpaceFrog** · 11/07/2008, 16h33

Comment l'impl�mentes tu ?

**SpaceFrog** · 11/07/2008, 16h36

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
<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>

**boutmos** · 11/07/2008, 16h38

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 :

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

1
2
3
4
5
6
7
8
 
function changerTaille(Pas)
{
 var defaultFontSize = offsetStyle(document.body,'fontSize');
 alert(defaultFontSize);
...
...
}

**SpaceFrog** · 11/07/2008, 16h39

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

sous IE �a fonctionne

**boutmos** · 11/07/2008, 16h43

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 !!

Merci

**SpaceFrog** · 11/07/2008, 16h47

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

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
<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 ...

**boutmos** · 11/07/2008, 16h52

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.

**SpaceFrog** · 11/07/2008, 16h56

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 ...

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

JavaScript

Discussions similaires

Partager

Partager