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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
| <html>
<head>
<!-- ACCESSIBILITE : ajuster fontsize - (avec ICONES FontAwesome 5)
// ----------------
// Boutons pour ACCESSIBILITE : ajuster la TAILLE des TEXTES
// ----------------
-->
<script src="https://kit.fontawesome.com/65b1855aa5.js" crossorigin="anonymous"></script>
<script>
// --------
// Ajuster la taille de la police
jQuery(function(){
var JSsiteURLwww = 'mon-site-com'; // A DEFINIR POUR LE SITE EN COURS
// ----
var fontSection = 'body'; // TOUT le SITE
// var fontSection = '.ajustFontSize'; // SEULEMENT les div avec la classe CSS "ajustFontSize"
// ----
// taille à l'ouverture de page
var originalFontSize = jQuery('body').css('font-size');
var originalFontSizeNum = parseFloat(originalFontSize, 10);
var newFontSize = (readCookie(JSsiteURLwww+'-fontsize'))? readCookie(JSsiteURLwww+'-fontsize') : '';
if( newFontSize=='' ){
newFontSize = originalFontSizeNum;
createCookie(JSsiteURLwww+'-fontsize', newFontSize, 1);
}
jQuery(fontSection).css('font-size', newFontSize+'px');
// ----
// Restaurer la taille
jQuery(".fontsize-reset").click(function(){
newFontSize = originalFontSizeNum;
jQuery(fontSection).css('font-size', originalFontSize);
createCookie(JSsiteURLwww+'-fontsize', newFontSize, 1);
});
// ----
// Augmenter la taille
jQuery(".fontsize-increase").click(function(){
var currentFontSize = jQuery(fontSection).css('font-size');
var currentFontSizeNum = parseFloat(currentFontSize, 10);
newFontSize = Math.floor(currentFontSizeNum*1.25);
if( newFontSize<=50 ){
jQuery(fontSection).css('font-size', newFontSize+'px');
createCookie(JSsiteURLwww+'-fontsize', newFontSize, 1);
}
return false;
});
// ----
});
// --------
// Cookies
function createCookie(name,value,days ){
if( days ){
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else var expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}
// --------
function readCookie(name ){
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for( var i=0;i < ca.length;i++ ){
var c = ca[i];
while( c.charAt(0)==' ') c = c.substring(1,c.length);
if( c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
// --------
function eraseCookie(name ){
createCookie(name,"",-1);
};
// --------
</script>
<style>
// ----------------
// CSS
// ----------------
/* Ajuster font-size */
.fontsize-ajuster { position:absolute; display:inline-block; top:5px; right:5px; width:90px; padding:0; margin:0; z-index:990; }
.fontsize-ajuster { text-align:right; margin-bottom:15px; margin-right:2%; }
.fontsize-ajuster a { position:relative; display:inline-block; margin:0 2px; padding:0; }
.fontsize-ajuster a i.fa { color:rgba(30,107,194,0.6);/*bleu VHS*/ font-size:36px; }
.fontsize-ajuster a:hover i.fa { color:rgba(30,107,194,1);/*bleu VHS*/ }
</style>
</head>
<body>
<div id="content" class="site-content">
<div class="fontsize-ajuster">
<a class="fontsize-reset" title="Rétablir la taille des caractères"><i class="fa fas fa-adjust"></i></a>
<a class="fontsize-increase" title="Augmenter la taille des caractères"><i class="fa fas fa-plus-circle"></i></a>
</div>
<main>
<h1>grossir les caractères</h1>
<p>
Batnae municipium in Anthemusia conditum Macedonum manu priscorum ab Euphrate flumine brevi spatio disparatur, refertum mercatoribus opulentis, ubi annua sollemnitate prope Septembris initium mensis ad nundinas magna promiscuae fortunae convenit multitudo ad commercanda quae Indi mittunt et Seres aliaque plurima vehi terra marique consueta.
<p/>
<p>
Illud tamen clausos vehementer angebat quod captis navigiis, quae frumenta vehebant per flumen, Isauri quidem alimentorum copiis adfluebant, ipsi vero solitarum rerum cibos iam consumendo inediae propinquantis aerumnas exitialis horrebant.
<p/>
<p>
Quam quidem partem accusationis admiratus sum et moleste tuli potissimum esse Atratino datam. Neque enim decebat neque aetas illa postulabat neque, id quod animadvertere poteratis, pudor patiebatur optimi adulescentis in tali illum oratione versari. Vellem aliquis ex vobis robustioribus hunc male dicendi locum suscepisset; aliquanto liberius et fortius et magis more nostro refutaremus istam male dicendi licentiam. Tecum, Atratine, agam lenius, quod et pudor tuus moderatur orationi meae et meum erga te parentemque tuum beneficium tueri debeo.
<p/>
</main>
</div>
</body>
</html> |
Afficher le javascript interprété par le navigateur
Répondre avec citation
Envoyé par laurentSc
Partager