Bonjour,
Je suis débutant en CSS, JavaScript et HTML.
Je ne sais pas si je suis sur le bon forum car mon code concerne CSS JavaScript et HTML.
J'aimerais créer des boutons de modifications des polices de caractères utilisées dans ma page web
ainsi que des boutons de modifications de la taille des caractères.
J'ai donc créer une page de test 001 Voici le contenu.
Code html : 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 <!DOCTYPE HTML><html> <meta charset="utf-8" /> <title>001</title> <style type="text/css"> html{color:#000;background:#FFF;} @font-face { font-family: Font1; src: url('file:/font1.ttf'); } @font-face { font-family: Font2; src: url('file:/font2.ttf'); } .divA{ font-family: Font1;} .divB{ font-family: Font2;} </style> </head> <body> <p><big style="font-weight: bold">Titre<br></big></p> <p>Bonjour</p> <input type="button" value="Appliquer la class CSS divA" onclick="javascript:document.body.className='divA';" /><br /> <input type="button" value="Appliquer la class CSS divB" onclick="javascript:document.body.className='divB';" /><br /> <input type="button" value="PLUS" onclick="javascript:document.body.style.fontSize='20';" /><br /> <input type="button" value="MOINS" onclick="javascript:document.body.style.fontSize='10';" /><br /> </body> </html>
Le résultât est que les polices de caractères se change bien quand j'appuie sur Appliquer la class CSS ‘divA' ou Appliquer la class CSS ‘divB.
Cependant pas quand j'appuie sur PLUS et MOINS
Ce que je n'arrive pas a comprendre car
si je met le code suivant
Les boutons PLUS ET MOINS fonctionnent.
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15 <html> <head> <meta charset="utf-8" /> <title>002</title> <style type="text/css"> html{color:#000;background:#FFF;} </style> </head> <body> <p><big style="font-weight: bold">Titre</big></p> <p>Bonjour</p> <input type="button" value="PLUS" onclick="javascript:document.body.style.fontSize='20';" /><br /> <input type="button" value="MOINS" onclick="javascript:document.body.style.fontSize='10';" /><br /> </body> </html>
Merci d'avance de votre aide.
Partager