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)