[javascript][IE6] changement automatique taille du texte

Version imprimable

12/10/2004, 13h17
MatMeuh

[javascript][IE6] changement automatique taille du texte

Bonjour

J'aimerais savoir s'il est possible (et en particulier en javascript) de modifier la propriété "taille du texte" accessible sous IE6
en faisant
Affichage->Taille du texte

et par exemple de la mettre sur "plus petite" grâce à un clic sur un lien de type

Code:

<a href="javascript:pluspetit();"> Diminuer </a>

Merci d'avance

balises codes !!!!!!!!!!!!!!!!!!!!!

Code:

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
 
 
<html>
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Play with font size</title>
<style type="text/css">
body {font-family:verdana;
      font-size:xx-small;
      background-color:'smokewhite';}
 
.divone {font-size:1.5em;}
.divtwo {font-size:1.2em;}  
</style>   
<script language="JavaScript">
//Script free to use by SpaceFrog 2004
function boostfont(sens){
var taille=parseInt(document.getElementsByTagName('body')[0].style.fontSize) 
if (sens=='up'){
	taille++;
	}
else {taille--;}
taille+='px'
 document.getElementsByTagName('body')[0].style.fontSize = taille;
 }
</script>
</head>
 
<body style="font-size=10px;font-family:verdana;" ; >
hello<br>
<div class="divone">dgqsgdfgsdgsdg<br/>
<div class="divtwo">dgqsgdfgsdgsdg</div>
</div>
<br/><br/><br/>
 
<input type="button" onclick="boostfont('up')" value ="+" />
<input type="button" onclick="boostfont('down')" value =" - " />
</body>
 
</html>

12/10/2004, 15h10
MatMeuh

merki !
03/12/2008, 18h35
heyax

Compatibilité IE/FF

Bonjour tous le monde,

J'ai testé ce code qui marche très bien sous IE mais pas sur FF, y a pas une possibilité de le rendre compatible.

Merci

Encore une enorme permissivité de IE ...
en fait le code est parfaitement compatible avec FFX, il ne faut juste pas faire de boulette dans le css ...

là

Code:

<body style="font-size=10px;font-family:verdana;" ; >

c'est atroce et tout le monde me laisse faire !!!

il faut bein entendu remplacer le = par :

Code:

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Play with font size</title>
<style type="text/css">
body {font-family:verdana;
      font-size:xx-small;
      background-color:'smokewhite';}
 
.divone {font-size:1.5em;}
.divtwo {font-size:1.2em;}  
</style>   
<script type='text/javascript'>
//Script free to use by SpaceFrog 2004
function boostfont(sens){
var taille=document.body.style.fontSize.replace(/px/gi,'');
 
if (sens=='up'){
	taille++;
	}
else {taille--;}
taille+='px'
 document.body.style.fontSize = taille ;
 
 }
</script>
</head>
 
<body style="font-size:10px;font-family:verdana;" ; >
hello<br>
<div class="divone">dgqsgdfgsdgsdg<br/>
<div class="divtwo">dgqsgdfgsdgsdg</div>
</div>
<br/><br/><br/>
 
<input type="button" onclick="boostfont('up')" value ="+" />
<input type="button" onclick="boostfont('down')" value =" - " />
</body>
 
</html>

04/12/2008, 12h05
heyax

Parfait SpaceFrog, je te remercie beaucoup ;)