Discussion :

[laurentSc]

Bonjour,

je voudrais mettre un menu qu'on puisse zoomer en modifiant le font-size. Je me suis int�ress� � ce menu qui correspond exactement � mon besoin sauf que les pixels sont mis en dur dans le CSS, donc impossible de faire comme sur cet exemple (b�tard, vu qu'en fond du menu, il y a une image qui ne grossit pas). Comment puis-je faire ?

[SpaceFrog]

Code :

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

Element.style.fontSize="20px"

[laurentSc]

Merci pour la r�ponse qui r�pond au besoin exprim� mais pas au probl�me (tr�s mal expliqu�).
Mon probl�me (un petit peu mieux expliqu�) :
j'utilise un menu :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<div id="menu">
<div class="menu" id="menu1"
 onmouseover="affiche(this)"> <a href="#">Menu 1</a>
<div class="sousmenu" id="sousmenu1"
 style="display: none;" onmouseout="affiche(this)">
<div><a href="#">SousMenu 1.1</a></div>
<div><a href="#">SousMenu 1.2</a></div>
<div><a href="#">SousMenu 1.3</a></div>
</div>
</div>
...
</div>

qui s'appuie donc sur une feuille CSS (pas besoin de d�crire le js ici)

Code :

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

  <link rel="stylesheet" href="style.css" type="text/css" />

qui, elle, contient la d�finition de classes et d'identifiants, qui chacun, contiennent des attributs d�finissants des tailles (font-size mais aussi margin, width, height, padding-top, et left) ; et quand je veux zoomer c'est, par exemple, affecter un coefficient 1.10 � tous ces attributs. Donc, en fait, je ne veux pas simplement modifier le font-size d'un �l�ment mais modifier plusieurs attributs d�finissants des classes et identifiants ; et j'ai fait un essai manuel : si j'applique un coeficient de *2 ou de *0.5 � tous les attributs en px, le r�sultat est celui que j'attends : comment automatiser cela ?

[SpaceFrog]

mets tes tailles en em ou le font-size en inherit, du coup la modification se fera en cascade

[laurentSc]

A l'heure actuelle, le script sur A+ et A- ici modifie (additionne) juste le font-size par une valeur :

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
16
17
18
19
20
21
22
23
24
25
 <script type="text/javascript">
function CSS_PropertyValue( oElem, property){
var docStyle='';
if( window.getComputedStyle){
docStyle=document.defaultView.getComputedStyle(oElem,null);
}
else if( oElem.currentStyle){
docStyle = oElem.currentStyle;
}
return docStyle[property];
}
function changeFont( valeur){
var sizeFont = CSS_PropertyValue( document.body, 'fontSize');
//alert('sizeFont='+sizeFont);
//sizeFont=10;
var unitFont = sizeFont.replace( /([0-9]*)/g , '');
//alert('unitFont='+unitFont);
sizeFont = parseFloat( sizeFont);
sizeFont += (valeur);
if (sizeFont<10) sizeFont=10;
document.body.style.fontSize = sizeFont +unitFont;
//alert('fontSize+unitFont='+sizeFont+unitFont);
 
}
  </script>

(En gros, sur A+, j'appelle changeFont("+3") et sur A- changeFont("-3") )(Ce script (un poil modifi� par moi) vient de NoSmoking (encore merci � lui)). Si je fais pareil pour tous les attributs utilis�s par le menu, �a marcherait ? (je viens seulement de penser � �a)